E-Commerce Bang & Olufsen
The redesign of the e-commerce experience for Bang & Olufsen was a deep dive into how the world of technology and premium sound can be showcased online. Taking care of every detail in the design of products and services, we ensured that each stage of the buyer's journey feels as refined as the hardware itself, while making it easier for the technology and lifestyle brand to reach new markets.
- Responsibilities
- UX / UI Design
- Length of the project
- 3 months
- Industry
- E-commerce
- Tools
- Figma, Trello, Jira, Adobe XD, Miro
- Company size
- SME
- Collaborate
- UX review, product plan, functional requirements, user flows, wireframes
- UI Design
- Design library, visual board, style guide, style coding, states, handover, clickable prototype, style layers
Challenges
The main challenge was improving retention and turning casual visits into loyal customers, all while keeping the premium feel of the Bang & Olufsen brand consistent across every screen and device.
Results
The redesign of the e-commerce site for Bang & Olufsen was a success. After implementing the changes, we managed to solve the problem the client raised, helping the platform stand out among competitors. The redesign not only improved the store's navigation and appearance, it also became more efficient, letting customers access products more easily and seamlessly. It also introduced customization options and product recommendations, significantly increasing user engagement.
27%
Improved user search process
17%
Increased user retention
32%
Increased frequency on the site's offers
Work process
UX/UI Research and Analysis
In this crucial phase of our UX/UI process, we conducted user interviews, surveys, and analysis to better understand user needs and pain points. We also studied competitor applications and industry trends to gather insights.
Information Architecture
Based on our research findings, we restructured the content of the application, prioritizing features and information according to user needs, which allowed us to create a more logical and user-friendly structure.
Wireframing and Prototyping
We designed low-fidelity wireframes to visualize the new design and navigation, then refined them based on feedback. From there we built a high-fidelity, interactive prototype to test the design in a real environment.
Usability Testing
We ran usability testing with a diverse group of participants to improve the design. Feedback from testing was gathered, and the necessary adjustments were made to the design to ensure a smooth and consistent user experience.
Visual Design and Style Guide
We developed a cohesive visual language for the application, considering brand guidelines, typography, and iconography throughout. We also created a style guide to maintain consistency and a coherent user experience over time.
Stack for this project
Conclusion
The successful redesign of Bang & Olufsen's e-commerce website effectively addressed persistent user retention issues, creating a friendlier and more brand-consistent experience. This update to the user interface and user experience resulted in a significant increase in engagement, as customers now have easier access to products and enjoy their time on the site.
By focusing on the user experience and the functionality of the platform, customer engagement increased significantly. The incorporation of new features has also allowed the company to expand its market reach and improve customer retention, positioning Bang & Olufsen as a benchmark of excellence when it comes to accessibility and usability.
Would you be interested in seeing projects that are not yet in my portfolio?
Most of my projects are not in my portfolio, if you want to see more click on the following button
Let's talk