Skip to content
A project by Sarah Feather Design

Van flagship etalages naar digitale expressie

Sarah Feather Design ontwerpt award-winnende etalages en visuele merchandising voor luxemerken rondom de wereld. Het werk is theatraal, precies en onbeschaamd gedurfd. Toen ze een website nodig hadden die aansloot bij hun vernieuwde merk, was de uitdaging duidelijk: diezelfde doelgerichtheid vertalen naar een digitale ervaring.

Samenwerken met andere professionals in het design vak brengt unieke uitdagingen met zich mee. Na vijftien iteraties zijn we op een resultaat beland dat iedere betrokken partij tevreden stelde en het beste van alle ideeën en vaardigheden naar voren brengt. Een website die net zo zorgvuldig opgezet is als de etalages die Sarah Feather ontwerpt voor wereld's meest onderscheidende merken.

Artwork created by Sarah Feather Design
Client Sarah Feather Design

Een award-winnend bureau in hartje Londen, gespecialiseerd in etalages en visuele merchandising voor luxe- en winkelketens wereldwijd. Met meer dan 20 jaar ervaring in de branche creëert Sarah Feather conceptuele ontwerpen, beheert de productie en begeleidt de installatie voor wereldwijde uitrolprojecten en op maat gemaakte flagshipstores. Hun werk is gedurfd, theatraal en met uiterste precisie vervaardigd.

All about Sarah Feather Design
Agency ROX | digital agency

ROX is een digital agency in Rotterdam dat bedrijven helpt bij het verwezelijken van hun digitale groei. Door een combinatie van strategisch advies, net afgewerkte designs en custom software ontwikkeling maken ze web applicaties die toekomstgericht en schaalbaar zijn en werkefficiëntie verhogen.

All about ROX | digital agency
Rol UI/UX Design

In opdracht van Swid Studio ontwierp ik de nieuwe website voor het vernieuwde stijl van Sarah Feather. Mijn verantwoordelijkheid was het vertalen van de redactionele merkvisie naar een functionele, responsieve website – het ontwerpen van lay-outs, het vaststellen van interactiepatronen en het waarborgen dat het ontwerp binnen de technische beperkingen kon worden gerealiseerd. Aanvankelijk presenteerde Swid de designs, maar later nam ik rechtstreeks deel aan meetings om ontwerpbeslissingen te verdedigen en de kloof tussen merkvisie en ontwikkelingsrealiteit te verminderen.

Periode 2025-2026

Over een periode van negen maand hebben we a.d.h.v. vijftien ontwerpiteraties het merk van huisstijl uitgewerkt tot een dynamische en scroll-driven digitale ervaring.

Identity Wing

Wanneer een klant luxe etaleert.

Sarah Feather Design decoreert niet zomaar etalages, ze choreograferen ervaringen. Elke installatie is een zorgvuldig samengesteld verhaal: licht, materiaal, schaal en beweging werken samen om mensen even stil te laten staan en naar binnen te trekken.

Al meer dan 20 jaar ontwerpen ze etalages en installaties voor wereldwijde luxe- en winkelketens. Hun werk is gedurfd, theatraal en compromisloos. Elk element is weloverwogen en elk detail doordacht.

Dit is geen klant die ervan overtuigd hoeft te worden dat design ertoe doet. Dat betekende dat de website er niet alleen goed uit moest zien. Hij moest net zo zorgvuldig, doordacht en zelfverzekerd aanvoelen als de installaties die ze creëren.

Team meeting at Sarah Feather
Mobile mockups of the new website
Grand Hall Direct naar visual designs

Chamber of Constraints

Waar merkvisie en techniek samenkomen, zonder dat er concessies worden gedaan.

Safewords

Click the checkboxes to agree to the project conditions.

Typography Preferred because of client direction
Rich motion language Preferred because of organization
Statamic Preferred because of process
WCAG 2.1 AA Rejected because of client direction
Design System
Content Design
Agile Preferred because of timeline

Operations Hub

Standaarden ontstaan door iteraties

Samenwerken met designers vereist vrijwel altijd een andere aanpak dan normaal. Middels de vijftien designs iteraties en constante verfijning hebben we een aantal pijlers opgesteld die de design keuzes stuurden. Geen theoretische principes (die begrepen we allemaal) maar praktische standaarden die ervoor zorgden dat het werk scherp, realiseerbaar en trouw aan de visie bleef.

Editorial Design

Het merk had een redactionele insteek: gedurfde typografie, beeldgedreven lay-outs en composities geïnspireerd op tijdschriftpagina's. Elke pagina moest een doelbewuste, zorgvuldig vormgegeven uitstraling hebben, als een gecureerde ervaring in plaats van een standaardsjabloon. Grote, decoratieve tekst, creatieve grids en voldoende witruimte. De uitdaging: ervoor zorgen dat het op alle apparaten goed werkte zonder dat doelbewuste, artistieke gevoel te verliezen.

Leesbaarheid Over Decoratie

Decoratieve lettertypen zien er prachtig uit in koppen – totdat ze tegen werken. Het merk koos voor een gedurfde, expressieve typografie, maar de website moest wel leesbaar blijven. We hebben de lettergroottes, regelafstanden en het contrast zorgvuldig afgewogen om ervoor te zorgen dat de leesbaarheid nooit ten koste ging van de stijl. Mooi, zeker. Maar functioneel staat voorop.

Beweging als Storytelling

Sarah Feather creëert ervaringen in de fysieke ruimte – ze onthullen producten d.m.v. belichting, beweging en compositie. Wij vertaalden dat naar scroll-gestuurde animaties: sticky tekst, afbeeldingen die van onderaf inschuiven en lijnen die tussen secties worden getekend om de voortgang aan te geven. Niet alles hiervan kon geprototyped worden in Figma. Timing, afstand en ritme moesten tijdens de ontwikkeling nauwkeurig worden afgestemd. Het effect moest onvermijdelijk aanvoelen, niet als een trucje.

Design voor Development

Statische ontwerpen zijn nooit het eindproduct. We hebben het systeem zo opgezet dat aanpassingen eenvoudig mogelijk zijn: modulaire lay-outs, flexibele rasters en aanpasbare afstanden. Wanneer de inhoud veranderde (en dat gebeurde voortdurend), paste het ontwerp zich aan zonder te breken. Mocht het nodig zijn om de responsiveness te fine-tunen, bood de structuur daarvoor de nodige ondersteuning.

Samenwerking i.p.v. overdracht

Aanvankelijk verliep de feedback via Swid Studio – begrijpelijk, maar dit vertraagde de besluitvorming en bracht het risico mee dat nuances verloren gingen. We hebben het proces aangepast: ik nam deel aan de meeting om de design keuzes en technische afwegingen uit te leggen. Tijdens de ontwikkeling introduceerden we wekelijkse sprintdemo's, zodat Sarah Feather de voortgang kon bekijken, besluiten over inhoud kon nemen en details kon verfijnen zonder op een afgewerkt product te hoeven wachten. De planning bleef binnen de perken omdat het proces zich aanpaste aan de realiteit.

Context Window Terug naar project informatie

Homepage variations
Animation hero impression
Editorial layouts
Mobile mockups of the new website

Bekijk ook eens