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

More Case Studies

Canal+

VoD e-commerce portal

Allianz

Insurance portal relaunch

Tommy Hilfiger

UX/UI optimisation

All project case studies