Breikers

Frisser, duidelijker en boordevol inspiratie, de volledig herontworpen Breikers website

Design Development
Drie screenshots van de Breikers-website met informatie over zakelijke mobiliteit, teamleden en thema's zoals CO2-reductie en kostenbesparing.
De uitdaging

Wegwijs worden in een complexe hoeveelheid informatie

Bekijk website

De bestaande website van Breikers was toe aan een opfrisbeurt. De structuur en inhoud waren gefragmenteerd en de visuele stijl en navigatie waren verouderd en boden onvoldoende houvast voor verschillende doelgroepen. De uitdaging lag in het logisch opbouwen en structureren van de grote hoeveelheid informatie op de website.

De nieuwe site zou worden onderverdeeld in thema's. Deze thema's komen in de hele site terug. Voor het development team was de uitdaging om de thema's automatisch te koppelen aan alle nieuwsartikelen, diensten, evenementen en andere content. Zodat deze ook automatisch terugkomen op de themapagina's.

Bekijk website
Vijf groene iconen op een donkerblauwe achtergrond die mobiliteit, gezondheid en duurzaamheid visualiseren in het kader van Breikers.
Een grote groep forenzen fietst dicht op elkaar onder een viaduct tijdens de ochtendspits.
Teamleden van Breikers, waaronder Rein Aarts, Wendel Wagenaar en anderen, gepresenteerd in een overzicht met naam en functie.
Jonge man met koptelefoon glimlacht terwijl hij in een volle bus zit.
De aanpak

Analyse en herontwerp van stijl, structuur en navigatie

We zijn begonnen met een grondige analyse van de bestaande website. Op basis daarvan ontwierpen we een nieuwe sitemap en informatiearchitectuur waarin gebruikers centraal staan. We hebben de visuele stijl opgefrist: toegankelijk, intuïtief en menselijk.

Bij de ontwikkeling van de site zijn we begonnen met de structuur van alle 8 content types die Breikers op de site heeft staan. Deze content types zijn allemaal aan elkaar gekoppeld zodat in de backend van de site eenvoudig gekozen kan worden welke artikelen of whitepapers terugkomen op de tools, thema's en dienstenpagina's.

Pas toen deze structuur helemaal waterdicht was, hebben we het ontwerp pixelprecies vertaald naar code om het resultaat te krijgen dat we nu hebben.

"Lekker snel, efficiënt, goeie energie, en ook nog een top resultaat"

""

Breikers Wendel Wagenaar
Logo van Project Breikers met witte typografie en een schuine groene streep door de letter "k" op een blauwe achtergrond.
Webpagina van Breikers met een rekentool die de impact van fietsen op kosten voor werkgevers, werknemers en de maatschappij toont.
Het resultaat

Een frisse, intuïtieve en effectieve website

De vernieuwde Breikers website is duidelijk en doelgericht. Gebruikers vinden sneller de informatie die bij hen past. Breikers biedt verschillende routes naar duurzame mobiliteit: van scans, adviestrajecten en inspirerende praktijkvoorbeelden. Al deze opties verdienden een logische plek binnen de website.

Ook is de nieuwe site supersnel en is het gebruiksgemak bij het toevoegen van nieuwe content zoals nieuwsartikelen enorm verbeterd. Zowel wij als Breikers zijn erg trots op deze prachtige website die nog jaren mee kan.

Overzicht van drie informatiekaarten op de Breikers-website over verkeersgerelateerde bijeenkomsten en evenementen.
Afbeelding van een glimlachende man met koptelefoon in het openbaar vervoer, als onderdeel van een Breikers-campagne over duurzame zakelijke mobiliteit.

Wil jij ook zo'n vette website?

Laten we dan eens kijken wat wij voor jou kunnen betekenen tijdens een eerste kennismaking!

Afbeelding van Tom & Isabelle
Tom & Isabelle Masters of Development