Sprinz

3D Shower configurator

The 3D configurator is a Web Application that facilitates and automates the shower configuration process. It will simplify the communication of the dealers and customers to Sprinz, the manufacturer and declutter the internal data collection process while opening up a new business channel.

Role

As the lead UX/UI Designer and Researcher I was part of a collaboration between formigas and SEITENBAU, another Konstanz based digital agency. My role as a designer was to develop an understanding of the complex relationship between customers, dealers and manufacturer and design a product that would bridge the gap and provide a delightful user experience.

Methods

Competitive & Comparative Analysis, Stakeholder Interviews, Persona Building, Journey Mapping, User Flow, Expert Interviews, User Interviews, Task Analysis, Affinity Mapping

Tools

Paper Sketching, Figma, Miro, Zeplin, Notion

Timeline

December 2019 – November 2020

The challenge

Structuring and arranging the extensive product catalog with various different shower types, installation situations, hinges, doors, handles and custom parts in a way that experts (dealers) as well as the customers have a fruitful and enjoyable configuration experience.

Synchronize the 2D and 3D experience into a frictionless user experience.

The solution

A 3D product configurator that facilitates an engaging personalized purchasing experience for customers and a more clear and vivid consultation process for dealers. A valuable part of the digital ecosystem that brings customers, dealer and manufacturer closer together.

The design process

Discover

This phase is important to understand the context and the status quo.

Competitor Analysis
Stakeholder Interviews
Desk Research

Define

Research findings are synthesized to define the Bigger Picture and identify the users' problems

Personas
Use Cases
User Journey Map
Affinity Mapping

Design

An iterative, collaborative phase of creating possible solutions that can be tested.

User Flows
Wireframes
Prototyping

Deliver

Validating and testing with stakeholders and users until its final touches.

Expert Interviews
User Interviews
Task Analysis

Discover

During a five day design sprint we mapped out the problem, researched competitors, defined user personas and their pain points, created a customer journey map, sketched some potential solutions, prototyped, tested and drew conclusions regarding the final product.

The takeaways included a skeleton of an interface with core features and interactions as well as a better understanding of the next steps for the configurator.

Define

The information gathered during the design sprint served as a basis to elaborate on the personas, use cases, user flows and the information architecture. Starting out with a limited scope of shower variants allowed us to focus on the main user flow and the following configuration experience.

The challenge was to include ‘as many’ product details for the experts (dealers) and ‘as little’ distracting and confusing information for the customers as possible.

Design

As the prototype we developed during the design sprint received positive user feedback, we used it as a starting point for the design phase. The configuration process is guided by the main navigation menu on the left-hand side. There, all inputs and changes to the shower composition are implemented and are displayed in the 3D model in real time. We used a combination of pictograms and 3D visualizations to help users to better understand product details and configuration options. With the live pricing option, customers can easily calculate the costs of their customized product.