Product Pre-Launch Mobile Experience
Project Overview
- Role: UX/UI Designer, Art Director
- Client: Thermador
- Duration: 2022
- Deliverable: Interactive prototype for mobile device
The Ask
This is a working prototype I designed and built using Figma for a trade show. The goal of this product was to engage visitors in the booth, and to educate them quickly on the highlight features of the new product, before official launch.
Create a mobile experience, accessible by QR code scan, that can educate visitors of Thermador's trade show booth in a short time around their new refrigeration product, one that is as delightful as educational, and leave visitors walking away with an informed impression of the product.
Research & Landscape
Audience
The audience attending this trade show, were members of the trade. Builders, architects, and mainly appliance dealers were in attendance at this show and were the main audience we needed to reach and appeal to.
Constraints
The biggest constraints for this deliverable were 1) we had two weeks to deliver the product for a show that was 3 weeks away. And 2) given that timeframe, we did not have any room for development, so, this would have to be a flawless, working Figma prototype. I also had to make sure that the experience was compatible on most mobile devices.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Problems to Address
Educate the Audience
In order to get the product properly ready for launch, Thermador needs their dealer audience to know exactly how this product works. Coming in blind, they need to walk away with the main takeaways to sell Thermidor's new product.
Maximize Information in a Short Time
The visitors will only stay at the booth for a short period of time beccause there is an entire showroom of booths to get to. The information around this product needs to be maximized so that it is digestible and comprehensible in a short period of time.
Creative Development
Approach
I decided to list out the main goals, and these all turned into their own screens that I would later string together into a unified experience. The key features, all the sizes, the feature summary list, what each feature does, and where the features are located were the things I needed to accomplish in this digital experience. I started to lay out my wireframes in Invision, and then moved my creative development and final product to Figma.
Tools
Wireframes and Flow
Iterations & Revisions
I really have no concrete rounds or 'iterations' for this, it was sort of just a "get it done" type of project. Here are some screens of the product that would make it to final round. Click or tap on the image to view the screens and their purpose.
Challenges
Obviously the biggest challenge of this project was the time constraint. However, I was able to deliver a flawless working Figma prototype in time for the trade show. Another was refining the animations so that it actually felt like a developed product.
Implementation & Development
Once the structure of the experience and look was aligned with the campaign, we got the green light from client to spend however long it took to really polish those animations. I made sure all of the animations were smooth and that all the little details were accounted for, so people don't suspect it's a prototype.
Final Creative
Click here or tap the image below, and you will be redirected to the final prototype used in the trade show.
Impact & Efficacy
Client reported after the show that many attendees left comments to representatives on the floor that they enjoyed the digital experience, and felt like they had a decent understanding of the product. They appreciated the consice experience and felt they had an informed impression of the product.
Reflection
I am proud that this deliverable came out as good as it did, and that the reception was overwhelmingly positive. It was almost a design sprint exercise for me, that had real world impact. I think if I had more time, I perhaps could have explored other executions, but overall I am happy with the final execution and experience.
