Tijd om screen time voor real time te swappen
De uitdaging
The Offline Club begon ooit met een eenvoudige bento.me pagina en losse eventpagina’s via lu.ma. Al snel groeide het concept uit tot een internationaal succes: mensen offline samenbrengen en verbinden. Om dit succes verder uit te bouwen hadden de founders behoefte aan een schaalbare website die klaar was voor de toekomst. Een website waarin lu.ma events naadloos geïntegreerd konden worden, waarin bezoekers gemakkelijk hun eigen stad konden vinden, en waar de branding van Chiara Mulas – inclusief de prachtige illustraties – volledig tot leven zou komen. Omdat The Offline Club zo’n geweldig initiatief is, gingen we deze uitdaging met veel plezier aan, samen met Ángel Figueroa Mayordomo, die de wireframes, teksten en achterliggende automatiseringen voor zijn rekening nam.
Aan de slag
Voordat we begonnen met ontwerpen, deden we uitgebreid onderzoek naar hoe we de branding geschikt konden maken voor een website met verschillende layouts en content blokken. Het doel was om de kleurrijke en speelse stijl consistent door te vertalen naar een digitale omgeving die flexibel en schaalbaar is. Ook bekeken we zorgvuldig welke Webflow componenten, animaties en interacties het beste zouden passen om de unieke sfeer van The Offline Club te versterken.
Samen met Ángel ontwikkelden we wireframes die de basis legden voor een logische en intuïtieve flow. We dachten na over de gebruikersreis: hoe vinden bezoekers gemakkelijk hun stad, hoe ontdekken ze nieuwe events en hoe maken we de rol van City Leaders zichtbaar en aantrekkelijk? De wireframes hielpen ons om samen met het team snel keuzes te maken en een solide structuur neer te zetten.
Daarna gingen we aan de slag met mockups. Dit was het moment waarop de branding écht tot leven kwam. We tilden de visuele stijl naar een hoger niveau door extra grafische elementen toe te voegen en de illustraties van Chiara optimaal in te zetten. Zo ontstonden professionele en speelse designs die perfect aansloten bij de missie van The Offline Club. De mockups gaven een duidelijk beeld van hoe de website er uiteindelijk uit zou komen te zien.
In de development fase bouwden we de volledige website in Webflow, met het Client-First systeem en een uitgebreide stijlgids als fundament. We ontwikkelden statische en dynamische pagina’s, zodat elke stad zijn eigen CMS-pagina kreeg – compleet met een geïntegreerde lu.ma eventkalender. Daarnaast bouwden we een interactieve 3D-kaart waarop nieuwe steden gepind kunnen worden. Elk pin is interactief en laat bezoekers direct zien waar nieuwe chapters actief zijn. Verder voegden we subtiele micro-interacties toe, een creatieve “all systems offline”-animatie voor de 404-pagina, en een rustige, gebruiksvriendelijke navigatie. Ángel verzorgde de automatiseringen via Make, schreef overtuigende SEO-proof teksten en zorgde voor een perfect geïntegreerde flow tussen alle onderdelen.
Een positieve klantreview
BrandBros heeft voor The Offline Club een top website gemaakt, precies zoals we wilden en dat binnen een maand! De feedback van onze community was alleen maar positief, en dat geldt ook voor onze ervaring met samenwerken. Snelle communicatie. Duidelijke structuur en proces. 10/10 service en kwaliteit.
Ilya Kneppelhout
The Offline Club
Behaalde resultaten
Een website die makkelijk meegroeit
Een merk dat perfect tot leven komt
.avif)
