WolfPack CarPlay

WolfPack CarPlay

WolfPack CarPlay

Apple CarPlay is the latest device added to WolfPack's travel experience ecosystem.

Apple CarPlay is the latest device added to WolfPack's travel experience ecosystem.

Apple CarPlay is the latest device added to WolfPack's travel experience ecosystem.

Where

Rockville, Maryland

Role

UX/UI Designer

What

Apple CarPlay App

Category

Travel Tech

Why

Client Project

When

Mar 2022 - July 2022

Where

Rockville, Maryland

Role

UX/UI Designer

What

Apple CarPlay App

Category

Travel Tech

Why

Client Project

When

Mar 2022 - July 2022

Where

Rockville, Maryland

Role

UX/UI Designer

What

Apple CarPlay App

Category

Travel Tech

Why

Client Project

When

Mar 2022 - July 2022

Overview

Overview

Overview

WolfPack is a group movement and travel software that offers route planning and navigation on web and mobile platforms. WolfPack is interested in expanding their software to the Apple CarPlay and Android Auto platforms. The target demographic of WolfPack is motorcyclists. I was the designer in charge of porting the WolfPack experience to the Apple CarPlay platform. I worked with one product manager, one engineer, and the CEO of WolfPack.

Market Research

Market Research

Market Research

The Wolfpack team was interested in bringing their application to motorcycles with built in infotainment systems. Part of the research I conducted identified the number of motorcycle models which featured infotainment systems, and of those infotainment systems, which supported Apple CarPlay and/or Android Auto. I looked at 207 motorcycle models from the 2022 lineups of major brands and found the following results. This information helped the team justify spending development time on a new platform, starting with Apple CarPlay.

Motorcycle models with Apple CarPlay and/or Android Auto

13%

Have CarPlay

Both Apple CarPlay and Android Auto - 7%

Both Apple CarPlay and Android Auto - 7%

Only has Apple CarPlay - 6%

Only has Apple CarPlay - 6%

No Apple CarPlay or Android Auto - 87%

No Apple CarPlay or Android Auto - 87%

Competitive Analysis

Competitive Analysis

Competitive Analysis

I analyzed 3 of the most popular navigation apps on Apple CarPlay - looking both at the navigational hierarchy and UI components/patterns for inspiration.

Apple Maps

Google Maps

Waze

Finding #1 - UI Navigation

Finding #1 - UI Navigation

Finding #1 - UI Navigation

Apple provides a few options for UI navigation which were visible in the sample applications researched.

Finding #2 - UI Components

Finding #2 - UI Components

Finding #2 - UI Components

Apple's design guidelines are very prescriptive and its limitations were helpful constraints when deciding which UI components to use and when.

Flow Diagram

Flow Diagram

Flow Diagram

To outline all the necessary functionality I created a simple flow diagram of the main tasks the user can do.

Main User Flow

Main User Flow

Low-fidelity wireframes

Low-fidelity wireframes

Low-fidelity wireframes

Once the flow diagram was established, I started creating the low fidelity wireframes of the main flows.

Prototype

Prototype

Prototype

I connected my high fidelity designs into a clickable prototype. This helped me get feedback from users and the internal team.

WolfPack CarPlay on a Honda Goldwing

Project summary

Project summary

Project summary

During the project, I managed to evaluate the market, create low fidelity wireframes, and connect them into a prototype at a higher fidelity. My designs went through several iterations before they were developed and WolfPack for Apple CarPlay was launched in July 2022.