Building a Scalable Web Ecosystem for Rockfon.

Always start with the customer

This project began with a worrying report: low customer goal completion rates on Rockfon's product pages. To understand why, we analysed the user data and talked to sales and customer service teams, the people closest to daily customer frustrations. Their input helped to identify key pain points and areas for improvement.

These early insights were used for customer surveys, interviews, and usability tests. A clear pattern showed: Installers and architects found the product pages hard to use and confusing. Disconnected from what they were trying to get done.

By understanding Rockfon's customers better, we were able to explore different concepts for a better user experience on product pages. The question now was: What would an optimal product page look like, and how do we design something that works for Rockfon's different customers?

A scalable, modular design system

To validate our most promising ideas, we live-tested multiple designs with real users. After multiple iterations, we developed a 'design system'. A set of reusable components and design rules that forms a scalable, modular way of solving any interface challenge on the web.

This system became the foundation of the entire redesign. Making sure every page looks professional, feels intuitive, and stays on-brand.

With the design system in place, we could quickly create interactive prototypes. Helping validate ideas with more customers and align teams internally. A full walkthrough demo with senior stakeholders created clarity and secured a way forward. A good reminder of the power of prototyping.

The next milestone was finalizing the webpage designs and work with developers to turn them into reality. How do you build and hand over a full website in a large organization with so many teams involved? 

From design to reality: A unified digital ecosystem

With the designs finalized, the next phase was all about creating a real, functioning website. And doing so without losing sight of what mattered most to our customers.

We worked closely with Rockfon’s digital team members, branding and communications teams, and copywriters. From imagery and icons to tone of voice and final copy. All the while aligning user needs with business goals and proven best practices.

In parallel, we worked side-by-side with developers in weekly QA reviews to make sure every component matched the design. Detailed specifications gave the development team complete insight into how each piece should behave.

This hands-on collaboration kept the dreaded gap between design and delivery as small as possible.

The implementation was challenging work, but also the moment everything came together. A scalable system, a user experience, and a website that communicates clearly, builds trust, and supports Rockfon’s wider brand and business goals.

With the full solution in place, the real effort becomes visible in the numbers behind the project. Read on to see what it takes to make this experience a reality.

The impact of Rockfon's web redesign

Our work with Rockfon began by listening carefully to customers and understanding their frustrations. Outdated, cluttered pages and disconnected touchpoints created confusion. Not just for users, but for internal teams as well.

Through qualitative research and insights from industry experts, we uncovered what customers and business really needed.

From there, we redesigned the core website experience and built a modular design system that now serves as the foundation for Rockfon’s entire digital ecosystem. This system didn’t just solve today’s usability problems, it created a scalable, future-proof way to design, build, and maintain all Rockfon's digital experiences.

The result is more than a new website. It’s a part of a digital transformation. A move to a faster, more customer-centric way of working.

This project shows the value of combining deep user insight with strong UX leadership, thoughtful content strategy and design, and most of all, a close collaboration between internal teams and external partners.

From customer pains to solutions: A redesign shaped by user insights and real expertise.

A scalable design framework that enables consistent and on-brand experiences

Collaboration that kept teams focused, efficient, and confident from concept to delivery.

To learn more about the process, time, and cost estimations of a project like this, or other questions about working with us, feel free to contact us, or check the FAQs on our homepage.