Project Title
Project Overview
- Role: UX/UI Designer, Art Director
- Client: Thermador
- Duration: 2021
- Deliverable: Landing Page Concept
The Ask
Thermador doesn't sell their products direct to consumer. In order to give their own experience and engage with their consumer audience, they have showrooms across the country, and more that are in developement. They just need a way to get more foot traffic into these showroom spaces.
With more and more Thermador showrroms in planning and development stages across the country, there needs to be a place where the showrooms can be promoted and potential visitors can get book their visit. Create a web experience that allows visitors to understand the benefit of visiting a showroom, and guide them to the booking page.
Problems to Address
Improve Showroom Page Experience
The original showroom page was very bare bones, simply giving different available locations and a booking link. For this experience, the user needs to be convinced to book an appointment. The site should detail what the showroom has to offer, and the benefits of visiting one. It should also better integrate the virtual showroom experiences for each location.
Increase Visiting Appointments
Thermador wants more foot traffic in the actual showroom locations. The web experience should lead to more inquiries and booked appointments to visit their local showroom.
Creative Development
Approach
My approach was to have a 'landing' page style inner page with plenty of opportunities to book a visit for the user. Starting with an introduction, the user will go through the benefits of visiting, the locations, and what makes a Thermador showroom experience unique. There are subpages for diving into specific locations of interest, but ultimately each content block leads them one way or another to the booking their visit page.
Tools
Initial Concepts
You can see the flow come to life in this diagram, starting with the landing page on the far left, moving to a location-specific page, then the booking page. I developed this experience into a fully-functioning prototype.
Challenges
The challenge with any new Thermador page is their website has many constraints as far as what modules and capabilities it can support. But, this also helps simplify layout, so in the end it is a plus and a minus. You can view the fully functioning prototype by clicking the link or interacting with the embedded Figma demo window below.
View interactive desktop prototypeReflection
Even though my concept did not make it to the final round, it allowed me to flex my skills in Figma, especially around interactions like hover states, and making the site prototype feel fully functional. I believe the solution I came up with aligned very well with the traditional side of Thermador's brand, while adding a little zest and modern styling to the font, shapes, interactivity and overall experience.
