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

Complex 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

Ways of Navigation

Users can explore in three intuitive ways:

  1. Spin the globe to discover locations visually.

  2. Browse the tour list for a more structured overview.

  3. Search with keywords to find specific places or topics.

These options are designed to match different user mindsets—whether someone is looking for a known destination or just casually exploring.

Explore the world through the globe

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.

Tour details

The tour details page creates excitement with the open scenic image. The checkmarks help set expectations of what’s coming in the tours.

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.