De eerste fase van dit project stond in het teken van een pre-register-pagina. De pagina promoot het Boogie Festival, dat over een paar maanden zal plaatsvinden. In dit moment liep er een marketing campagne om pre-register-aameldingen te verzamelen op de door ons ontworpen pagina. De countdown timer geeft gebruikers een gevoel van schaarste en daarnaast moeten er natuurlijk ook andere tickets verkocht worden. De technologie die we hebben gebouwd achter deze pre-register-pagina is het automatisch laten verdwijnen van het formulier als de timer op nul staat. Zo kunnen gebruikers op de minuut nauwkeurig, niet meer te laat een kans maken op een early-bird ticket.

Naast de pre-register-pagina, werd er tegelijkertijd gewerkt aan de rest van de website, die na de timer was verlopen live zou gaan (dat ging dan wel weer handmatig). We volgen de speelse stijl van de branding en hebben ervoor gekozen om het excentrieke logo groot in het menu te plaatsen voor extra aandacht. Bovenaan speelt een video in loop en direct daarna lees je wat Boogie precies inhoudt voor je verder gaat op de website. Samen met deze opdrachtgever spraken we een vaste volgorde kleuren af van achtergrondkleuren, zodat er regelmaat zit in het gebruik daarvan.

Naast de excentrieke kleurencombinaties, lettertypes en vormen hebben we ook op technologisch gebied dingen geregeld. De integratie met Eventix met Webflow is gemaakt door een stukje custom code toe te voegen wat gebruikers in staat stelt om binnen het witte blok alles te regelen wat met tickets te maken heeft.

In het design maken we gebruik van grote blokken van kleur en daarnaast beschikken we over een dronevideo van de locatie van het festival. Die speelt automatisch af en begint opnieuw wanneer die is afgelopen. Naast dit standaard HTML-video-element, hebben we ook een niet zo standaard element. We hebben het hier over het rode blok met de tekst ‘bestel je tickets’. Die tekst beweegt van rechts naar links in een loop en fungeert als link naar de tickets pagina. Wanneer je met je muis op de tekst staat, stopt die met bewegen zodat gebruikers leren dat je er iets mee kunt, omdat er verandering plaatsvindt in het element.

Zo creëerden we de nieuwe website van Boogie Express die nu live staat op www.boogieexpress.nl