Voor Boogie Express ontwierp en bouwde ik eerder de originele website, waarbij de focus lag op het vertalen van het energieke, speelse karakter van het merk naar een duidelijke en gebruiksvriendelijke digitale ervaring. De website werd opgezet in Webflow met een flexibele structuur, zodat content eenvoudig beheerd kon worden en de site kon meegroeien met de organisatie.

De rebranding van Boogie Express betekende een volledig nieuwe visuele uitstraling. Meer zwart vormde de basis, gecombineerd met felle, neon-achtige kleuren. Nieuwe ludieke elementen zoals geblurde penseelstreken, abstracte vormen in zowel scherpe als vervaagde varianten en een nieuw lettertype zorgden voor een expressieve, energieke maar professionelere look.

De structuur van de website stond al. De wireframes waren uitgewerkt door FYX, opdrachtgever en verantwoordelijk voor de Boogie Express-website, wat een duidelijke basis gaf. De uitdaging lag in het vertalen van de rebranding naar meerdere, samenhangende stijlen binnen één website. Boogie Express bestaat uit verschillende onderdelen. Boogie Express algemeen, Boogie Loft en Boogie Festival. Elk onderdeel heeft een eigen karakter en bijbehorende kleurstelling, vastgelegd in een brand guide. Vanuit losse visuele uitingen zoals posters en mockups moest deze stijl worden doorvertaald naar een consistente digitale ervaring per event.

De kern van de uitdaging zat in het maken van de juiste visuele keuzes. Welke kleuren en elementen horen bij welk event, wat mag overlappen en waar is juist onderscheid nodig? Daarnaast was het belangrijk om repeterende componenten zo in te zetten dat elke stijl herkenbaar blijft, zonder dat de website fragmentarisch of onrustig aanvoelt. Zo ontstonden meerdere visuele lagen binnen één platform, elk met een eigen identiteit maar duidelijk onderdeel van hetzelfde merk.

Om tot de juiste visuele richting te komen zijn eerst meerdere ontwerpvarianten uitgewerkt, elk met een eigen interpretatie van de nieuwe stijl. Er is geëxperimenteerd met kleurgebruik, contrast en het inzetten van visuele elementen zoals blurs, subtiele ruispatronen en abstracte vormen. Sommige varianten waren uitgesprokener, andere juist rustiger. Door deze opties naast elkaar te leggen, werd duidelijk welke combinaties het beste werkten voor de verschillende typen events.

Uiteindelijk is één samenhangende visuele stijl ontstaan, waarin Boogie Express, Boogie Loft en Boogie Festival elk een eigen karakter behouden. De basis is consistent, terwijl kleurstellingen en accenten per event zorgen voor herkenbaar onderscheid binnen één overkoepelende uitstraling.

De Webflow-architectuur is ingericht om de verschillende stijlen en interacties technisch beheersbaar te houden. Voor videobeeld is gebruikgemaakt van een custom Vimeo embed, ingesteld op loop en zonder controls, zodat bewegend beeld onderdeel wordt van het ontwerp zonder de aandacht op bediening te leggen. Navigatie en headers zijn opgebouwd met component variants en props, waardoor per eventtype eenvoudig gewisseld kan worden tussen verschillende menu-stijlen. Dit zorgt voor visueel onderscheid per event, terwijl de onderliggende structuur identiek blijft en eenvoudig te onderhouden is.

Voor interactie en dynamiek is een custom automatische slider ontwikkeld met JavaScript. Deze marquee-achtige slider beweegt continu, laadt automatisch nieuwe beelden in en voelt daardoor oneindig aan. Dit sluit goed aan bij het energieke karakter van Boogie Express. Daarnaast is Mailchimp geïntegreerd voor pre-registratie van events, zodat bezoekers zich laagdrempelig kunnen inschrijven voor updates en aankondigingen. Op de ticketpagina’s is een Eventix-integratie toegepast, waarmee ticketverkoop direct vanuit de website kan plaatsvinden zonder extra stappen voor de gebruiker.

Op visueel niveau zijn elementen zoals blurs, vaste noise-patronen en abstracte vormen consistent doorgevoerd binnen het design. Deze zijn technisch zo opgezet dat ze herbruikbaar en responsive zijn, waardoor de uitstraling op alle schermformaten intact blijft. Samen zorgen deze keuzes voor een website die visueel uitgesproken is, maar technisch overzichtelijk en schaalbaar blijft.

Het nieuwe design zie je nu live op www.boogieexpress.nl