← Al het werk
UX/UI

Bredenoord.

Een nieuwe website die zakelijke klanten helpt de juiste tijdelijke energieoplossing te vinden.

Klant
Bredenoord
Rol
UX Designer bij Soda Studio
Expertise
UX/UI design
Periode
Februari tot juni 2025
De nieuwe Bredenoord-website op een laptop, met een rode rupskraan en een monteur met een bouwhelm

01Uitdaging

Bredenoord levert mobiele en tijdelijke energieoplossingen, van een enkele generator tot grootschalige projecten op maat. Het wilde gezien worden als meer dan een leverancier: als adviseur en expert in de energietransitie. De nieuwe website moest bezoekers helpen een zekere keuze te maken, betere leads opleveren via een eenvoudig aanvraagproces, en Bredenoord laten zien als aantrekkelijke werkgever. Een nieuwe website was de logische volgende stap om die ambitie online waar te maken.

Onze expert review van de bestaande website bracht de belangrijkste uitdagingen aan het licht:

  • Het was niet meteen duidelijk wat Bredenoord aanbiedt, of wat de belangrijkste volgende stap is.
  • Het menu had veel items, waardoor je lastig je weg vond.
  • Zelf het juiste product vinden was moeilijk, vooral bij complexere projecten.
  • Belangrijke productinformatie stond soms ver onderaan de pagina.
  • Nederlands en Engels liepen door elkaar op de website.

02Context

Bredenoord ontwerpt, levert en onderhoudt zijn eigen energieoplossingen, en combineert de expertise van een groot bedrijf met de nuchtere, persoonlijke aanpak van een familiebedrijf. Het bedient zakelijke klanten in Nederland, Duitsland en Denemarken. In een product vision workshop met het team van Bredenoord brachten we verschillende doelgroepen in kaart. Onder zakelijke klanten zijn er twee hoofdgroepen: technische specialisten die precies weten welke generator ze nodig hebben, en bezoekers die nog aan het oriënteren zijn en begeleiding nodig hebben naar een passende oplossing. Bredenoord zocht ook nieuwe medewerkers, dus de website moest Bredenoord neerzetten als aantrekkelijke werkgever en werkzoekenden een duidelijk overzicht van de vacatures geven.

Wat ze allemaal gemeen hebben, is dat ze op elk moment betrouwbaar advies willen en snel een expert willen kunnen spreken als dat nodig is. De website moest genoeg diepgang bieden voor technische gebruikers, en tegelijk helder en makkelijk te volgen blijven voor alle anderen.

Visie uit de workshop

“Met een intuïtieve ervaring helpt de site je om je opties te begrijpen en leidt je naar de beste oplossing voor jouw behoeften. Met snel contact met onze experts zorgen we dat je de volgende stap met vertrouwen zet.”

Globale sitemap van de nieuwe Bredenoord-website: Home, met Producten, Branches, Werken bij, Over ons en Inspiratie, plus sales- en serviceflows en basisfuncties
De nieuwe globale sitemap, met een heldere structuur voor producten, branches, werken bij en inspiratie.
Post-its uit de product vision workshop over de doelgroep van Bredenoord
Inzichten over de doelgroepen, verzameld in de product vision workshop.

03Aanpak

Dit was een teamproject bij Soda Studio, waar ik als UX designer werkte naast een lead senior UX designer en een visual designer. We begonnen met een product vision workshop met het team van Bredenoord, een expert review van de bestaande website en een benchmark van hoe concurrenten hun producten presenteren. Vanuit die inzichten schreven we een visie en zetten we een nieuwe sitemap op. Onze visual designer friste de branding op en bouwde daarna de componenten voor een design system. Daarmee werkten we het concept en het detailontwerp van de hele website uit, volledig responsive. We werkten in sprints van twee weken. In een kitchen review lieten we een kleine groep stakeholders zien waar we mee bezig waren, en in een demo presenteerden we onze voortgang aan een grotere groep. Beide momenten gaven ons waardevolle feedback om het ontwerp te verbeteren. Aan het eind maakten we een klikbaar prototype om het development-team te helpen de website te bouwen.

  1. Product vision workshopSamen met Bredenoord verkenden we de doelgroep, hun behoeften en de doelen voor de nieuwe website.
  2. Expert review en benchmarkWe analyseerden de bestaande website en keken hoe concurrenten hun producten presenteren.
  3. Visie en sitemapEen visie en een heldere nieuwe structuur voor de website.
  4. Ontwerp en prototypeResponsive concept- en detailontwerpen, en een klikbaar prototype voor het development-team.
De productpagina van Bredenoord voor een 15 kVA-generator op een laptop, met een knop om een offerte aan te vragen

04Resultaat

Een complete nieuwe website, van visie tot realisatie. De nieuwe structuur en productpagina’s helpen zowel technische als niet-technische bezoekers de juiste energieoplossing te vinden, met altijd een expert binnen handbereik. Bredenoord presenteert zich online nu als de adviseur die het wil zijn.

WebsiteLive in Nederland, Duitsland en Denemarken
Design systemVoor een consistente, schaalbare website
PrototypeTer ondersteuning van het development-team
ContactReactie binnen 2 werkdagen

Zin om samen te werken? Ik hoor graag van je.

Portret van Raven
Raven LakerveldUX/UI · Visual & brandinfo@ravenlakerveld.nl