Garmin Technology
Garmin Technology houses in-depth technical information about the features Garmin offers across 7 markets of products: Cycling, Dive, Golf, Health, Marine, Running, and Wearable Maps.
The Problem
Garmin offers robust features across many markets and products. We focus our email campaigns on short, catchy messaging, and use our product pages to offer a higher-level overview of the most important features and benefits. So, we needed a place to explain every available feature in full technical detail. On product pages, we give users the option to deep-dive a particular feature by clicking through to a Garmin Technology page to read all the information available on that feature. This site had to be able to house a large volume of very technical information in an organized, easy-to-navigate experience.
Low-fidelity wireframes from collaboration with Information Architect
The Plan
I collaborated with an Information Architect on low-fidelity wireframes to create a plan for the pages that would allow users to easily navigate between features. We designed the experience to accommodate users browsing the page for all features, users looking on the site for a specific feature, and users linking to a specific feature from another page.
My Role
As Senior Product Designer, I created mockups of every page needed in the site. I collaborated with the Lead Information Architect to create wireframes, with the Art Director and Web Writer to apply creative content to the pages, with the Project Manager and Account Manager to apply the technical information and device screens, and with the Creative Director for creative approval. We created design iterations until the design worked from all perspectives. After the mockups were fully approved by the Product Owners, I collaborated with the Creative Web Developer to set up the page to use the components accurately. Last, I collaborated with international web teams for hand-off for translation and localization.
This project utilized global components from the Web Design System that I help manage. All components in the Design System have already been vetted for responsiveness and accessibility, and researched with data and analytics to align with our users’ needs. This project also created use cases for new components to be built and existing components to be groomed to meet the business needs of this project, which we handled in tandem with the creation of this site.
Low-fidelity mockups in design iteration phase
The Final Product
Garmin Technology is now a robust glossary of information for users to quickly and easily access details on all Garmin’s features and technical information. We update the site with every product or feature launch by mocking up the new pages needed and working the same collaborative process to prepare the pages to be folded into the site.
