The full story voor Zandbeek

Zandbeek is een familiebedrijf met award­ winning creativiteit als kloppend hart. Het bedrijf vindt, vertelt en verbindt de verhalen die merken zo onderscheidend maken.

Onlangs heeft Zandbeek een rebranding traject afgerond en haar propositie verfijnd met hierin als fundament: The Full Story©. Van positionering tot design. Van idee tot campagne. En van commercial tot audio story. Zandbeek levert.

Technology

WordPress

Lottie

Barba JS

GSAP

Locomotive scroll

Jaar

2022

De briefing

De nieuwe merkidentiteit, gecreëerd door GEORGE&HARRISON, heeft natuurlijk een passende website nodig die het recht doet. Niet persé hip, maar tijdloos. Daarom is Zandbeek de samenwerking aangegaan met Studio VI om een ​​website te creëren gebaseerd op de rebranding van Zandbeek

Zandbeek was op zoek naar een visueel eenvoudige en gebruiksvriendelijke interface met geavanceerde UX (User Experience); waarin “The Full Story” op een eigentijdse en prikkelende manier prominent en centraal werd gepresenteerd.

Less is more

Met de rebranding kwam een nieuwe tone of voice. Zandbeek houdt het graag kort. Bij de presentatie van The Full Story, hun verhaal en hun werk houden ze ervan om beknopt te zijn in hun communicatie en wilden ze veel laten zien door creatief met beeld om te gaan. We hebben dit bereikt door alleen elementen te gebruiken die nodig zijn om het verhaal te vertellen en creatief gebruik te maken van motion design om de gebruikerservaring te optimaliseren.

Zandbeek heeft voor een aantal behoorlijk spraakmakende klanten gewerkt; Rijkswaterstaat, ABN-AMRO, AON en NHA om er maar een paar te noemen. Deze samenwerking resulteerde in de productie van hoogwaardige inhoud die Zandbeek op de hele site wilt laten zien. De beelden die Zandbeek kan maken en de verhalen die ze ermee kunnen vertellen zijn meer dan genoeg om hun werk te laten zien. Wanneer deze prachtige afbeeldingen je aandacht trekken, ontstaat er een geweldige ervaring waarbij de inhoud het verhaal vertelt.

Elevated User Experience door Locomotive scroll

Om de gebruikerservaring naar een hoger niveau te tillen, hebben we fluid scrolling door de hele website geïntegreerd. Door deze integratie konden we de controle over de native scroll van de browser overnemen om het gedrag, de snelheid, de richting, de versoepeling, de vertraging en het stoppen en starten van de scroll aan te passen. Het creëert een cinematisch effect dat de navigatie soepeler maakt, wat resulteerde in een gebruikerservaring die paste bij de identiteit van Zandbeek en bijdroeg aan de minimalistische look en feel van de website.

Development

Zandbeek wilde een gedurfde, meeslepende website-ervaring voor hun gebruikers, terwijl ze hun website gemakkelijk konden beheren en onderhouden. Hiervoor gebruikten we een aangepaste WordPress-oplossing, het meest gebruikte CMS ter wereld, om hun inhoud te beheren en als basis te fungeren.

Om een geavanceerde meeslepende ervaring te bereiken, hebben we GSAP en Barba js gecombineerd, 2 Javascript-bibliotheken die zijn gericht op het creëren van soepele en naadloze animaties en overgangen. De combinatie van het gebruik van deze bibliotheken samen met locomotief scrollen, prestatie-optimalisaties en aangepaste CSS- en JS-interacties leidde tot een unieke ervaring voor de bezoekers van Zandbeek, hun merk en reputatie.

De klik met Studio Vi was er vanaf het begin. Studio Vi wist onze nieuwe branding perfect door te vertalen naar een sublieme website als resultaat.

Violette van Zandbeek

Producer bij Zandbeek