Wooz
Een webshop als plek om rond te lopen: een 3D-studio boven de wolken waar je elk kledingstuk oppakt, ronddraait en in een andere kleur ziet. Daaronder gewoon Shopify.
- Websites
- 3D-configurators
- Animaties
- producten om in 3D rond te draaien
- 5
- op Awwwards
- Nominee
- voorraad, prijzen en checkout
- Shopify
De vraag
Wooz maakt duurzame kleding in Nederland: hoodies, longsleeves, polo's, een splatter-tee en een totebag, met een glimlach als handtekening. Een standaard webshop met een productgrid past niet bij een merk dat draait om een goed gevoel. De vraag: een webshop die voelt als een bezoek aan de studio. Rondkijken, iets van het rek pakken, het van alle kanten bekijken en in een andere kleur zien, en het daarna gewoon kunnen bestellen.
Een studio boven de wolken
Na het laden opent een kas vol licht, met rekken, planten en een bureau. De camera volgt de muis subtiel. Pulserende stippen wijzen de producten aan; klik je er een aan, dan vliegt de camera naar het rek en schuift de productkaart in beeld. Het 3D-ontwerp van de studio is van Kevin Schipper. Op het bureau ligt een lookbook als 3D-boek met omslaande pagina's, en een klik op de koffiemok zet de camera in een filmische stand met de credits. Geluid is optioneel bij binnenkomst.
Elk kledingstuk in je hand
In de zijbalk hangt het product als 3D-model dat je met de muis ronddraait. De stof zwiept mee door botten met veerfysica in schouders en mouwen. Wissel je van kleur, dan draait het model een rondje en komt terug met een nieuwe textuur. Wie liever foto's ziet, schakelt naar de productfoto's.
Gewoon een webshop eronder
Producten, varianten, prijzen en voorraad komen live uit Shopify via de Storefront API. Winkelmand en checkout lopen ook via Shopify, dus Wooz beheert alles in de omgeving die ze al kennen. De site kreeg een nominatie op Awwwards.
Stack
Next.js 14 · React Three Fiber · Three.js · Drei · Rapier · wiggle (veerfysica) · GSAP · Zustand · Tailwind · Shopify Storefront API · Vercel
- Bedrijfsfilms
- Campagnecontent