Direct naar de inhoud LabelNoir.me

Uitgesproken storytelling van de etalage naar het web brengen

Gemaakt voor Sarah Feather Design Als freelancer voor Swid Studio

Art installation by Sarah Feather

Van flagship etalages naar digitale expressie

Sarah Feather Design ontwerpt bekroonde etalages en visuele merchandising voor luxemerken over de hele 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 designvak 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 de meest onderscheidende merken ter wereld.

Facts & Figures

Client Sarah Feather Design

An award-winning Central London agency specializing in retail window displays and visual merchandising for luxury and high street brands worldwide. With over 20 years in the business, Sarah Feather creates conceptual designs, manages production, and oversees installation for global rollouts and bespoke flagship treatments. Their work is bold, theatrical, and meticulously crafted.

Ontdek Sarah Feather Design
Agency Swid Studio

A London-based branding and design studio specializing in brand strategy, visual identity, and creative direction for ambitious clients. Swid crafts brands that feel considered, distinctive, and built to last.

Ontdek Swid Studio
Rol UI/UX Design

In opdracht van Swid Studio ontwierp ik de nieuwe website voor de vernieuwde huisstijl 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 maanden hebben we a.d.h.v. vijftien ontwerpiteraties de huisstijl uitgewerkt tot een dynamische en scroll-driven digitale ervaring.

Identity Wing

Wanneer een klant luxe etaleert.

Sarah Feather Design decoreert niet zomaar etalages, maar choreografeert 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.

De lat lag hoog. En ze wisten precies wat ze zochten.

Team meeting at Sarah Feather

Creative Space

Waar merkvisie technische realiteit ontmoet, zonder dat een van beide concessies doet.

  • A/B Testing
  • API Driven
  • Agile
  • Branding
  • Component Library
  • Continue optimalisatie
  • Design System
  • Duurzaam ontwerp
  • Externe samenwerking
  • Flexible Page Builder
  • GDPR
  • Gebruikersinterviews
  • Gefaseerde lancering
  • Gegenereerde content
  • ISO 27001
  • Informatiearchitectuur
  • Interactief prototype
  • Journey mapping
  • Laravel
  • Locatiegebonden content
  • MVP
  • Meertalig
  • Motion design
  • Next.js
  • React
  • Redactioneel ontwerp
  • Rijke bewegingstaal
  • Scrum
  • Stakeholderinterviews
  • Statamic
  • Technical SEO
  • Toegankelijk ontwerp
  • Typografie
  • Usabilitytesten
  • WCAG 2.1 - Niveau A
  • WCAG 2.1 - Niveau AA
  • WCAG 2.2 - Niveau AA
  • WCAG 3
  • Waterfall
  • Wireframes

Swid Studio

We hebben een nieuw project binnen. We hebben je de briefing, de brandingdocumenten en alles wat je verder nodig kunt hebben gestuurd.

Ik heb ernaar gekeken, ik vind de stijl geweldig en ik denk dat we het ontwerp vrij makkelijk toegankelijk kunnen maken.

Sarah Feather

Toegankelijkheid is mooi, maar daar ligt onze focus niet en het is te veel werk om het goed te doen. We richten ons liever op iets wat echt bij ons past.

Begrepen. Ik maak het ontwerp toch toegankelijk, want jullie branding voldoet al grotendeels.

Operations Hub

Standaarden ontstaan door iteraties

Samenwerken met designers vereist vrijwel altijd een andere aanpak dan normaal. Via vijftien designiteraties en constante verfijning hebben we een aantal pijlers opgesteld die de designkeuzes 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.

Dit waren niet zomaar criteria. Het waren beloftes.

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

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 het doelbewuste, artistieke gevoel te verliezen.

Leesbaarheid over Decoratie

Decoratieve lettertypen zien er prachtig uit in koppen – totdat ze tegenwerken. 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 meetings om de designkeuzes 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.