Dornbracht global site relaunch
In a nutshell
Dornbracht premium bathroom and kitchen appliances have won numerous international awards and are a driving force for the trends of an entire industry. I had the opportunity to bring their success story online. As UX Consultant for Big Sun I created a UX concept for the worldwide relaunch of the global Dornbracht site for 24 markets on 3 sites.
People raved about Dornbracht products but the existing site was underperforming.
I used the power of UX to turn it into a high-performing sales channel for an international audience.
Process steps
Problem
Heuristic Evaluation & Pain Point Workshops
The existing site was an ineffective sales channel with limited CMS capabilities and outdated navigation. It had no SEO capabilities.
Workshop
Design Thinking workshop, UX brainstorming
My starting point was to go back to basic brand storytelling techniques. In full day client workshops I guided the team to create user journeys for two personas (sensually motivated design enthusiast and goal-oriented construction partner)
UX/UI concept
Journey, IA, templates, components
I then created a multi-entry customer journey strategy to match Dornbracht’s 10 step sales pitch. With entries into the product catalog at every level, rational and emotional content could be added with templates at each step of the lead generation. Then I placed all client pages inside that grid to see which customer journey section had too many or too little pages, and if the content fit to the requirements of the particular sales pitch stage.
Journeys
Storytelling, choreography, content architecture
I then created choreographys or 'stories' for all LP and category templates. Some of the more complex components also had a sub- storytelling structure in them. In parallel to the UX/UI development, I created the Information Architecture for the main site, a blog and an internal service portal. I also created feature and process specifications for processes like account creation, collecting specifications or faceted filter search.
UX/UI system
Wireframes, UI components & production specs
Then I created lo- and high- fidelity wireframes of all landing-, category-, detail-, and search result pages. The search concept alone increased product page views by 20%. I used styles of a small UI library, which I expanded with these new components.
Problem
Heuristic Evaluation & Pain Point Workshops
The existing site was an ineffective sales channel with limited CMS capabilities and outdated navigation. It had no SEO capabilities.
Workshop
Design Thinking workshop, UX brainstorming
My starting point was to go back to basic brand storytelling techniques. In full day client workshops I guided the team to create user journeys for two personas (sensually motivated design enthusiast and goal-oriented construction partner)
UX/UI concept
Journey, IA, templates, components
I then created a multi-entry customer journey strategy to match Dornbracht’s 10 step sales pitch. With entries into the product catalog at every level, rational and emotional content could be added with templates at each step of the lead generation. Then I placed all client pages inside that grid to see which customer journey section had too many or too little pages, and if the content fit to the requirements of the particular sales pitch stage.
Journeys
Storytelling, choreography, content architecture
I then created choreographys or 'stories' for all LP and category templates. Some of the more complex components also had a sub- storytelling structure in them. In parallel to the UX/UI development, I created the Information Architecture for the main site, a blog and an internal service portal. I also created feature and process specifications for processes like account creation, collecting specifications or faceted filter search.
UX/UI system
Wireframes, UI components & production specs
Then I created lo- and high- fidelity wireframes of all landing-, category-, detail-, and search result pages. The search concept alone increased product page views by 20%. I used styles of a small UI library, which I expanded with these new components.
Services and results
€250K SEO cost saved with innovative LP concept
Increased product page views by 20%
Fully digitised purchase processes
Holistic CX consultation
Customer-centric advisory on optimal user journeys across several devices
Innovative UX Concept
Journey-, Template-, and Component concept in a journey choreography
Content & Information Architecture
Component-based content concept with multiple entry points
Visual UX/UI Design
Extension of an existing design system with new components
Feature specification
Definition of behaviours, interactions, states and cases
Landing page choreography
Journey and SEO concept for hundreds of landing pages
Search & search result concept
Conception of nested filters and multistep search queries
Design Thinking workshops
Creation and facilitation of constructive client workshops
Documentation
Creation of UX/UI component-, feature- and story manual
Snapshots from this project
All work shown here was created by me in all its parts.
months
components
cities
page manual
The new website is cear, well-organised and modern. New features ensure a flexible user experience, tailored to the individual needs of the respective customer groups. Whether on the move on a smartphone, or at home on the desktop – the website delivers an inspiring and efficient user experience.
Dornbracht,
Press Department
Petra supported us in the area of User Experience with a large Website-Relaunch Project. Thanks to her fast perception and her targeted way to work, an encompassing UX concept was created in very short time. It exactly matched the User Journey.
Stefan Friedrich,
Account Manager