De ambitie
Blue Bricks verandert organisaties van binnenuit. Geen stapels rapporten, geen vrijblijvend advies — maar hands-on partnership waarbij ze pas loslaten als de verandering echt beklijft. Die energie, die daadkracht? Die was op de oude website nergens te vinden. Door snelle groei en een vernieuwde huisstijl hadden ze een platform nodig dat even wendbaar en resultaatgericht is als de Blue Brickers zelf.
De uitdaging: bouw een digitale ervaring die niet uitlegt wat Blue Bricks doet, maar laat voelen hoe zij werken.
De UX/UI Visie
De naam gaf ons de sleutel. 'Bricks' — solide, tastbaar, bouwend. We vertaalden dit naar een vormentaal die blokkerig en robuust is, maar vibrerende, moderne energie uitstraalt. Geen vage softwaretermen op een witte achtergrond, maar een interface die structuur en momentum communiceert in elk grid, elke sectie, elke overgang.
Het designproces was een directe spiegel van de Blue Bricks-aanpak: methodisch, maar met snelheid. We openden met een intensieve discovery-sessie — geen vragenlijst, maar een echte strategische diepdive. Wat zijn de kernwaarden? Hoe voelt het om met Blue Bricks samen te werken? Wat moet een nieuwe bezoeker in vijf seconden begrijpen?
Vanuit de concurrentieanalyse en moodboard-sessie definieerden we het visuele DNA. Low-fidelity wireframes legden de gebruikerspaden en informatiehiërarchie vast zonder visuele ruis. Pas na goedkeuring van de flow maakten we de stap naar high-fidelity: gedetailleerde schermen waarin elk interactiemoment, elke scroll-trigger en elke CTA-positie doordacht en getest was.
Interactieve prototypes stelden Blue Bricks in staat om de site te ervaren voor er ook maar één regel code was geschreven. Die directe feedbackloop — itereren op gevoel, niet op aannames — is de kern van hoe wij werken.
Samenwerking
Design en copy zijn hier geen gescheiden disciplines. Wij werkten nauw samen met een tekstschrijver zodat visuele hiërarchie en taal elkaar van de eerste pixel af versterken. De 'geen dikke rapporten'-mentaliteit van Blue Bricks vertaalden we naar scanbare, krachtige copy-blokken die de lezer leiden — niet overladen.
Van design naar development
De overdracht naar development vond plaats op basis van een pixel-perfect, volledig gespecificeerd Figma-bestand: componentenstructuur uitgewerkt, design tokens gedocumenteerd, interactiestaten vastgelegd. Geen ruimte voor interpretatie, geen lost-in-translation-moment tussen design en code.
De impact
Het resultaat is een platform dat Blue Bricks' positie als partner — niet als leverancier — onmiddellijk communiceert. De vernieuwde huisstijl ademt op elke pagina. Bezoekers die willen weten of Blue Bricks bij hen past, vinden in seconden hun antwoord. En de organisatie heeft een digitale basis die met hen meegroeit.
