DESIGN A NAVIGATION SYSTEM
THAT INSPIRES EXPLORATION

PROJECT OBJECTIVE

Create a design system for the Bitgym app that shows a sense of exploration and enhance its brand identity.


DESIGN CHALLENGES

Complexity in taxonomy

BitGym originally focused solely on motion-tracking technology, sourcing all their tour video content from third-party vendors. But as the company evolved, they began producing their own in-house videos. Now, with a growing and mixed library of content—the challenge is to unify everything under a single, consistent taxonomy that makes content easy to organize, search, and enjoy.

Lack of clear brand strategy

In the past, the app has been evolving organically without an overall brand strategy. It’s unclear what their target audience are and whether it wants to be a goal oriented fitness app or a leisure app about exploring and experiences different places.
(Detailed solution can be found here)

CONCEPT DEVELOPMENT


After numerous rounds of interviews with prospect users, the team believe that the brand should focus more on the concept of exploration than fitness. I gathered ideas from the team, decided to use Globe as the main component to help navigate among all the tours.

The team sketched out a general idea of how the Globe navigation could work.


I prototyped with static components and how it might come together.


The Engineer and I went to numerous rounds to prototyping and eventually landed on this navigation.

WIREFRAME SKETCHES


DESIGN GALLERY

Splash Screen

Instead of showing a logo, we want to create the excitement starting from the splash screen.


Get-To-Know-You Questions

By better understanding user’s intention, we can give send tailored content and engage more efficiently.

We are showing the video here again to create more excitement and reinforce what the app is for here.


Account Creation and Plan Confirmation

I made sure that every button is really easy to click when the keyboard is pulled up. I also made the Confirm Plan in a swipe motion for easy comparison.


GATHER FEEDBACK

I recruited 5 prospect users and gathered a lot of good feedback. I filmed the interview process and summarized feedback for the team for revision.