Case Study 05
Creating ‘The Connected Cabin Experience’ responsive campaign and informational website design
Below is the design to showcase the solutions developed by the automotive OEM department at Garmin. The B2B site functioned as a portal for car manufactures interested in infotainment systems and full cabin integration.
Campaign page summary
As the user scrolls blue dots moving around an interactive blueprint car showcase different products offered by Garmin. This was accomplished by using a combination of research and behavioral insight. Before this project Auto OEM had a small online experience since they don’t sell products to consumers. They were unable to be a part of the buy experience. I uncovered pain points for the currently used, dated web experience through meetings with engineers to understand user goals and needs. I determined the success of the tasks and measured the existing user journey. From that I then created wireframes and prototypes of the experience. I then worked closely with a front-end developer to ensure design was intact.
The Product
Brand new online experience for Garmin infotainment systems. Provide features in a visually appealing way highlighting the key part of the systems then linking off to a site that then provides more information of the feature.
Hypothesis
Simplify the car interaction and find a way to hierarchy in the copy to draw the user into the information. When the user scrolls a blue dot moves to certain areas in car. Concerns were how the user would know where they are throughout experience and making sure the information was visible.
Analysis
Gathering insights, I separated 6-8 very different products and gave them the same hierarchy into a one page design for The Connected Cabin Experience.
Outcomes
I provided visuals to product managers and engineers with visibility into key areas of the site that needed to be addressed from a usability standpoint. This helped prioritize usability issues in order of need but also helped shape the structure on the experience.
Key takeaways
Designed an experience of a campaign site that links off to an informational site
Improved Auto OEM online experience
Established a design template and kit which helped maintain consistency throughout the experience
Informative site
The page inks off from the campaign experience when user clicks for more information. I worked closely with the Front End team to make sure interactions were not missed and I conducted a UX review of the front-end tickets to ensure implementation was aligned before the site went live. The rebuild resulted in a significant increase in the number of user coming to the site. Worked with IT to develop a strategic plan for the MVP launch which helped deal with out of scope requests. Separated 10 different products available in the navigation experience and gave them the same hierarchy into a multi-page design for The Connected Cabin Experience.
Outcomes
Provided visuals to product managers and engineers with visibility into key features of the platform from a usability standpoint. This helped prioritize usability issues in order of need but also helped shape the structure on the experience.
Explore site here.
