Preppd: nettside i Sanity med 3D-produktvisning
Preppd er et skjønnhetsunivers fra Orkla Home & Personal Care og Alexandra Joner. Kodeks har laget nettsiden i Sanity, med roterende 3D-modeller av produktene.
- Kunde
- Orkla Home & Personal Care og Alexandra Joner
- Plattform
- Sanity CMS
- Nettside
- preppd.no (åpnes i ny fane)
Merkevarenettside i Sanity og Next.js
Leveranse: Nettsideutvikling, Sanity CMS, 3D-modell-integrasjon, visuell merkevareimplementering
Teknologi: Sanity / Next.js / 3D-modeller (GLTF/Three.js) / Animert UI
Kodeks har utviklet en moderne og rask nettside der merkevareopplevelsen står i sentrum.
Vi bygde nettsiden som en skreddersydd Sanity-løsning for å gi Preppd et innholdssystem som er raskt, modulært og ekstremt fleksibelt. Alt innhold – fra produkter og kategorier til kampanjeseksjoner og grafiske moduler – kan skaleres og endres uten utviklerhjelp.
3D-modeller direkte i produktvisningen
For å vise frem Preppds produkter på en mer engasjerende måte, integrerte vi 3D-modeller (GLTF) som roterer når brukeren scroller.
Dette gir blant annet:
- Bedre forståelse av materialer, form og detaljer
- En opplevelse som ligner mer på å holde produktet i hånden
- En mer eksklusiv digital merkevareopplevelse
En nettside som styrker merkevaren
Vi implementerte Preppds visuelle profil i hele brukeropplevelsen – fra typografi og fargebruk til mikroanimasjoner, bevegelse og moduloppbygging. Nettsiden skal ikke bare vise produktene – den skal bygge merkevaren.
Derfor la vi stor vekt på:
- Et eksklusivt uttrykk
- Rolige, presise animasjoner
- Tydelig fokus på merkevareuniverset
- Modulbasert design som gir Preppd full kontroll framover
Vi har også bygget nettsiden til Wats i Sanity og Next.js. Vil du vite mer om plattformen, kan du lese vår introduksjon til Sanity.
«Kodeks har levert en moderne og fleksibel nettsideløsning i Sanity som gir et flott uttak av Preppds visuelle profil, med engasjerende 3D-effekter på produktene og elegante microanimasjoner. Løsningen gjør det enkelt for oss å publisere innhold. Kodeks har vist stor kompetanse og forståelse for både teknologi og våre forretningsbehov»
Flere merkevarenettsider Kodeks har utviklet
Vil dere vise produktene i 3D på nettsiden?
Vi bygger merkevarenettsider i Sanity og Next.js, med 3D, animasjon og innhold redaktørene styrer selv. Fortell oss om prosjektet.
