Elitfönster – User centered design increases profitability with 500%
Elitfönster aimed to offer a more thoughtful and unified digital customer experience to create value for users and generate business benefits. The project involved developing a new, modern, and easy-to-navigate website that synergized with Elitfönster’s various brand platforms. The goal was to strengthen Elitfönster’s market-leading brand, generate more leads for resellers, and make it easier for end customers to find information and inspiration.
A charming two-story house with a green metal roof, white wooden exterior, large Elitfönster windows, and a small balcony, set amidst a well-manicured lawn and lush greenery.
Challenge
The main challenge was simplifying and securing the window purchasing process at all stages. This involved ensuring that the digital platform effectively addressed real user challenges and provided a secure experience throughout the purchasing journey.
The project also required integrating Elitfönster’s updated brand language into a design system, necessitating a strong meeting culture to maintain alignment with the company’s new vision.
Solution
A comprehensive preliminary study was conducted, revealing that many users found the process of buying and installing windows complicated. To address this, the new website included an inspiration segment showcasing Elitfönster’s products in various settings, helping customers find the right solutions more easily. The website was divided into two main sections: one for private customers and another for professionals, ensuring tailored information for each group.
We introduced tools to reduce the friction that surfaces when deciding on manufacturer and style. “Build Your Window” and the “Energy Calculator” were introduced. These tools allow users to design their windows, get pricing, and calculate potential energy savings, facilitating a smoother purchasing process.
Displaying Elitfönster's product page, section by section.
Approach
The approach involved a structured methodology following the Triple Diamond model, covering the entire process from insight and strategy to concept, design, development, and support. Key steps included:
Conducting workshops and user interviews to gather insights and define project goals and KPIs.
Developing a sitemap and wireframes to visualize the website structure and user flows.
Iteratively testing and refining the design with users before implementation.
The project was executed using agile methodology influenced by SCRUM, allowing for flexible adjustments based on Elitfönster’s priorities. The design and technical setup were aligned with WCAG standards to ensure accessibility.
Design Decisions
Key design decisions focused on enhancing usability and accessibility:
Implementing a modern, responsive design compatible across devices.
Developing a clear and intuitive user interface based on user feedback.
Integrating Elitfönster’s new brand language and visual identity into the design system.
Ensuring digital tools provided valuable insights and facilitated decision-making for users.
These decisions were guided by the goal of making the window purchasing process as straightforward and informative as possible.
A generic triple diamond diagram with three phases: Problem Discovery, Solution Discovery, and Development, starting with a goal and ending with an outcome.
Result
The new digital platform has significantly improved Elitfönster’s online presence, offering a tailored digital experience that meets user needs and enhances the customer journey. The platform’s innovative design, based on a scalable and accessible design system, allows for flexibility and adaptation to changing user needs.
The launch of two new websites, elitefonster.se and elitefonsterpaplats.se, has refreshed Elitfönster’s design expression with a focus on accessibility, brand promotion, and professionalism. The project’s goals, including increasing digital sales and enhancing the user experience, have been met with positive KPI results. An advanced search and filter function supports targeted navigation, while the “Window Journey” and “Build Your Window” tools engage users and connect them with resellers.
The platform has seen a 500% increase in leads within weeks of launch and noticeable improvements in web performance. This success is attributed to thorough preliminary studies and well-defined requirements, achieving the desired effect of increasing digital sales.
The design system played a crucial role in this work, enabling scalability and consistency across all web pages. Attention to detail, such as custom animation curves and composition guides, enhanced the user experience and strengthened Elitfönster’s brand.
