01 CASE STUDY
Info & Deliverables
Voor Esmé van der Harst realiseerden we:
• Art direction en visuele verfijning van het merk
• Ontwerp en bouw van de nieuwe website
• Motion design en maatwerk animaties
• Creatieve doorvertaling naar de lanceringscampagne
Periode: mei – juni 2025
Probleem
Esmé’s website was oorspronkelijk gebouwd in Webflow en werd onderhouden door haar developer. Toen hij naar het buitenland verhuisde, werd het project aan mij overgedragen. Tegelijkertijd was de site toe aan vernieuwing: de uitstraling mocht verfijnder en levendiger, en het platform was minder geschikt geworden voor langdurig beheer en flexibiliteit.
Aanpak
We migreerden de bestaande website naar Framer, waarbij we startten vanuit wireframes gebaseerd op de originele structuur. Vervolgens verfijnden we de gebruikerservaring en verbeterden we de visuele hiërarchie, typografie en lay-out. Het doel was een website die eenvoudiger te onderhouden is, terwijl de totale beleving sterker, bewuster en meer in lijn met Esmé’s huidige werk aanvoelt.
Ontwerp
De visuele richting moest rustig blijven, maar sneller een emotionele connectie maken. We werkten met krachtigere typografie, rijker kleurgebruik en meer doordachte witruimte. Hierdoor kreeg de website een meer redactionele en premium uitstraling, zonder de warmte van haar merk te verliezen. De stijl sluit aan bij de sfeer en vormgeving van haar boeken.
Resultaat
De nieuwe website vormde de basis voor Esmé’s lanceringscampagne en volgende groeifase. We voegden maatwerk animaties toe en koppelden de site aan Shopify voor een soepele shop-ervaring. Na livegang werd het ontwerp doorgetrokken in een campagne met onder andere een geanimeerde trailer en e-mails. De lancering zorgde voor meer zichtbaarheid en betrokkenheid, met onder andere betere e-mailresultaten en media-aandacht.
Een kijkje bij Esmé van der Harst: Het lied van de Echovogel
“Wat ben je toch ook een schat! Ik werd door de interviewer meerdere malen gecomplimenteerd over de website en over alle animaties die daar op voorkomen. Dussss bij deze… dat compliment behoort ook jou!”
Info & Deliverables
/01
Voor Esmé van der Harst realiseerden we:
• Art direction en visuele verfijning van het merk
• Ontwerp en bouw van de nieuwe website
• Motion design en maatwerk animaties
• Creatieve doorvertaling naar de lanceringscampagne
Periode: mei – juni 2025
Probleem
/02
Esmé’s website was oorspronkelijk gebouwd in Webflow en werd onderhouden door haar developer. Toen hij naar het buitenland verhuisde, werd het project aan mij overgedragen. Tegelijkertijd was de site toe aan vernieuwing: de uitstraling mocht verfijnder en levendiger, en het platform was minder geschikt geworden voor langdurig beheer en flexibiliteit.
Aanpak
/03
We migreerden de bestaande website naar Framer, waarbij we startten vanuit wireframes gebaseerd op de originele structuur. Vervolgens verfijnden we de gebruikerservaring en verbeterden we de visuele hiërarchie, typografie en lay-out. Het doel was een website die eenvoudiger te onderhouden is, terwijl de totale beleving sterker, bewuster en meer in lijn met Esmé’s huidige werk aanvoelt.
Ontwerp
/04
De visuele richting moest rustig blijven, maar sneller een emotionele connectie maken. We werkten met krachtigere typografie, rijker kleurgebruik en meer doordachte witruimte. Hierdoor kreeg de website een meer redactionele en premium uitstraling, zonder de warmte van haar merk te verliezen. De stijl sluit aan bij de sfeer en vormgeving van haar boeken.
Resultaat
/05
De nieuwe website vormde de basis voor Esmé’s lanceringscampagne en volgende groeifase. We voegden maatwerk animaties toe en koppelden de site aan Shopify voor een soepele shop-ervaring. Na livegang werd het ontwerp doorgetrokken in een campagne met onder andere een geanimeerde trailer en e-mails. De lancering zorgde voor meer zichtbaarheid en betrokkenheid, met onder andere betere e-mailresultaten en media-aandacht.
