Een mooi lookbook alleen maakt het product nog niet tastbaar.
NOCTRA moest als exclusief merk voelen en tegelijk laten zien wat iemand koopt. Beeld, materiaal, prijs, maat en actie moesten daarom onderdeel worden van dezelfde ervaring.
Case 01 · Eigen modeconcept
NOCTRAVan kijken naar kiezen.
Blader door de looks
Verplaats je door de collectie en bekijk hoe beeld en tekst meebewegen.
Open een kledingstuk
Kies View Garment om materiaal, editie en maatkeuze te bekijken.
Probeer de productkeuze
Verken de winkelmandactie in dit eigen modeconcept.
De kern
Fashion hoeft niet te kiezen tussen sfeer en verkoop.
Het browsen werd de catwalk.
De vijf looks staan in één horizontale ruimte. De actieve look blijft scherp in het midden, terwijl de vorige en volgende kamer zichtbaar blijven. Scroll, swipe en toetsenbord brengen dezelfde compositie in beweging.
De merkwereld eindigt in een concrete productactie.
Met View Garment opent de gekozen look direct in een productvenster met materiaal, editie, maatkeuze en winkelmandactie. De sfeer blijft staan, maar de volgende stap is helder.
5looks in het horizontale lookbook
2filmische passages tussen de kamers
3bedieningen: scroll, swipe en toetsenbord
1doorlopende route van look naar winkelmand
Art direction
Warmte met een duidelijke snede.
Zand, petrol, tobacco en koraal vormen een rustige maar herkenbare wereld. Newsreader geeft het modegevoel; de functionele sans-serif houdt prijzen, maten en acties direct leesbaar. Film en fotografie dragen de sfeer, niet een laag decoratieve effecten.
Interactie & techniek
Horizontaal waar het iets oplevert.
De compositie gebruikt ingebouwde scrollsnap, slepen met de aanwijzer, aanraking en toetsenbordbediening. Video start alleen wanneer die in beeld nodig is. Mobiele brandpunten worden per look gestuurd, de voorkeur voor minder beweging krijgt een rustige variant en het productvenster blijft met één klik bereikbaar.
AI in dit project
AI leverde tempo. De keuzes maakten het merk.
Meer richtingen werden vroeg werkend verkend.
AI hielp bij het uitwerken en vergelijken van structuren, interactievarianten, technische oplossingen en responsief gedrag. Ideeën bleven daardoor niet in losse beschrijvingen hangen.
Art direction bleef een reeks bewuste beslissingen.
Referenties, fashionrichting, kleurcompositie, logo, copy en het wel of niet behouden van een effect werden door de eigenaar beoordeeld op echte werkende versies.
Publiceren volgde pas na concrete controles.
De ervaring werd gecontroleerd op 320 en 390 pixels, op scroll, swipe en toetsenbord, op mobiele brandpunten, minder beweging en de volledige route van look naar productactie.
Volgende case
OMWEG
Van een filmisch modehuis naar een redactionele veldgids voor kleine avonturen dichtbij.
Bekijk de case ↗