Connect

UX, UI, Style Guide, Branding

In 2014, we relaunched Connect, Garmin's activity tracking and analysis platform. Every aspect of the platform was rethought – from the UX and UI to branding and marketing.

Contributions: Creative Direction, Design, Brand Development

UX and UI

A key challenge of this project was figuring out how to support wide of devices and activities without overwhelming customers. After much research, many prototypes, and countless meetings, we launched with a card-based approach that addressed several important use cases:

  • New customers could be onboarded quickly and easily find activities, set goals, and manage devices.
  • Power-users had easy access to advanced data and activity analysis
  • Connect could easily support future devices, features, and data

Dashboard

Dashboard

Activities

Activities

Activity Detail

Activity Detail

UI Style Guide

Multiple design teams contributed to different aspects of the platform and marketing. To ensure consistent application of our design patterns, we developed a comprehensive style guide. It included elements like color, typography, interface elements, and more.

Color

Style Guide - Color

Buttons

Style Guide - Buttons

Widgets

Style Guide - Widgets

Navigation

Style Guide - Navigation

Menus

Style Guide - Menus

Brand Development

Prior to the relaunch, Connect lacked any kind of distinct visual brand. We created a clean and simple typographic identity that could both stand on its own and complement the Garmin logo when they appeared together on packgaging, and in advertising.

Before

Logo - Before

Concepts

Logo Concept
Logo Concept
Logo Concept

Final Logo

Logo - Full Color
Logo - 1-Color
App Icon

Branded Elements

Branded Elements - Apparel
Branded Elements - Packaging and Events

Marketing

For the launch, we developed a standalone site to promote the redesigned platform and features and drive new customer registrations.

Homepage

Marketing Site - Homepage

Features

Marketing Site - Features