Raven Lakerveld
← All work
UX/UI

Bredenoord.

A new website that helps business customers find the right temporary energy solution.

Client
Bredenoord
Role
UX Designer at Soda Studio
Expertise
UX/UI design
Period
February to June 2025
The new Bredenoord website on a laptop, showing a red crawler crane and an engineer in a hard hat

01Challenge

Bredenoord supplies mobile and temporary energy solutions, from a single generator to large-scale tailored projects. It wanted to be seen as more than a supplier: as an advisor and expert in the energy transition. The new website had to help visitors make a confident choice, generate better leads through a simple inquiry process, and show Bredenoord as an attractive employer. A new website was the natural next step to bring that ambition to life online.

Our expert review of the existing website brought the most important challenges to light:

  • It wasn’t clear right away what Bredenoord offers, or what the most important next step is.
  • The menu had many items, which made it hard to find your way.
  • Finding the right product on your own was difficult, especially for more complex projects.
  • Important product information was sometimes far down the page.
  • Dutch and English were mixed across the website.

02Context

Bredenoord designs, delivers and maintains its own energy solutions, and combines the expertise of a large company with the no-nonsense, personal approach of a family business. It serves business customers in the Netherlands, Germany and Denmark. In a product vision workshop with the Bredenoord team, we identified different target groups. Among business customers, there are two main groups: technical specialists who know exactly which generator they need, and visitors who are still exploring and need guidance towards a fitting solution. Bredenoord was also looking for new employees, so the website needed to position Bredenoord as an attractive employer and give job seekers a clear overview of its vacancies.

What they all have in common is that they want reliable advice at any moment in their journey, and quick access to an expert when needed. The website needed to offer enough depth for technical users, while staying clear and easy to follow for everyone else.

Vision statement from the workshop

“With an intuitive experience the site helps you to understand your options, and guides you to the best solution for your needs. With quick access to our experts, we ensure you take the next step with confidence.”

High-level sitemap of the new Bredenoord website: Home, with Products, Businesses we serve, Careers, About us and Inspiration, plus sales and service flows and baseline features
The new high-level sitemap, with a clear structure for products, industries, careers and inspiration.
Sticky notes from the product vision workshop about Bredenoord's target audience
Insights about the target groups, gathered in the product vision workshop.

03Approach

This was a team project at Soda Studio, where I worked as UX designer alongside a lead senior UX designer and a visual designer. We started with a product vision workshop with the Bredenoord team, an expert review of the existing website and a benchmark of how competitors present their products. From these insights, we wrote a vision statement and set up a new sitemap. Our visual designer refreshed the branding and then built the components for a design system. With these, we worked out the concept and detailed design of the whole website, fully responsive. We worked in sprints of two weeks. In a kitchen review, we showed a small group of stakeholders what we were working on, and in a demo we presented our progress to a larger group. Both moments gave us valuable feedback to improve the design. At the end, we created a clickable prototype to help the development team build the website.

  1. Product vision workshopTogether with Bredenoord, we explored the audience, their needs and the goals for the new website.
  2. Expert review and benchmarkWe analysed the existing website and looked at how competitors present their products.
  3. Vision and sitemapA vision statement and a clear new structure for the website.
  4. Design and prototypeResponsive concept and detail designs, and a clickable prototype for the development team.
The Bredenoord product page for a 15 kVA generator on a laptop, with a Request a quote button

04Result

A complete new website, from vision statement to realisation. The new structure and product pages help both technical and non-technical visitors find the right energy solution, with an expert always within reach. Bredenoord now presents itself online as the advisor it wants to be.

Visit the live website ↗
WebsiteLive in the Netherlands, Germany and Denmark
Design systemFor a consistent, scalable website
PrototypeTo support the development team
ContactResponse within 2 working days

Interested in working together? I'd love to hear from you.

Portrait of Raven
Raven LakerveldUX/UI · Visual & brandinfo@ravenlakerveld.nl
Send me an emailLinkedIn ↗