Designing a Hybrid Fitness and Social MediaApp


The Challenge

On many occasions, he’s helped clients drop multiple inches, gain tons of muscle, or lose dozens of pounds in ~30 days. Vernon is someone who takes pride in everything he does. He’s always looking for ways to serve his clients and community. Throughout the course of his business, he noticed a few bottlenecks in the client customer journey that he wanted to address:


  • It’s hard to find the right trainer, there aren’t many well built platforms dedicated to this.


  • Once you find a trainer, it’s hard to manage your relationship. Many resort to using text and instagram to send updates.


  • This is overwhelming for trainers and disorganized for clients.

The Solution

For Clients

For Trainers

User Experience

Next we used those people problems to frame the jobs to be done, which fed into the user flows and information architecture.

Then we bring it all together with a visual design that speaks to the brand ethos.

Information Architecture and User Stories

Then we outlined how the app will be structured. We mapped out the user flows by defining the jobs to be done and capturing all of the steps involved in fulfilling each job. We map out the content that the user is presented with and the actions they can take based based on where they are in the flow. At each step, we refer back to our target persona, Alexis, to put ourselves in their shoes and guide our thinking. This helps ensure we design a product that serves their core needs.

Alexis signed up for OG fitness because she wants to get results just like Vernon’s other clients. So every time she works out or makes a meal, she takes a photo to track her progress. This is so she can go back and see how far she’s come and this also creates accountability with her trainer. She can choose to share these photos with all of her network on the app (other clients and trainers) or she can share this privately with only her trainer. Her trainer would get a notification every time she posts a photo. Photos can be categorized as meal photos, progress pics, or just general content.

Sometimes Alexis wants some inspiration throughout the day so she opens up the app to see content posted by her fitness community and trainer, just like a curated fitness instagram feed. She can use hashtags to filter through the content in case she wants to see transformation, meals, quotes, inspiration, etc.

Whenever Alexis is ready to workout, she’ll open up her up, head to the explore feed and look for the workout that’s right for her. She’s not on any specificic program right now, she just knows today is a cardio day. So she searches for a good cardio routine and then does the exercises as shown in the app. Individual exercises are organized into workouts and workouts are organized into training programs. Alexis can filter through different types of exercises, workouts, or programs based on what she needs at the moment. She’s going to be using the app right before and during her workout, so she’ll be on the go. So it’s important to make things visual and easy to skim/tap through so she can get what she needs and focus on her workout

In addition to workouts, she can also use the app for see people training near her, so that she can join in on group sessions based off of her schedule. She can also look thru all the meal photos posted by the community in case she wants ideas on what to cook next. Or she can search through the directory of trainers to find the trainer and program that’s right for her.

Alexis goes back to her profile every once in a while to see how far she’s come. She likes to click through her photo reel to see the mirror photos after each workout. And all the great food she’s been eating. She can also easily click to manage her account and schedule.

Alexis can train at home, but she loves going into the gym. She likes training in groups because it helps her stay accountable and it’s nice to have partners on the journey with you. So she wants to see which sessions are available on a daily basis,. She also wants to see the full calendar so she can book sessions in advance and plan her week around her training. She wants to be able to choose between group and individual training.

She should also be able to see her personal schedule and past sessions she’s attended. This way she has one to place to see her track record and book training as needed.

All of the content in the app is going to be gathered from trainers. Alexis and other clients want the app so that they can get access to content from their favorite trainer.

Trainers should be able to upload this content from their computer or their phone. This section outlines all of the content trainers will be able to upload into the app. This also shows the taxonomy of information and the different types of information that the app will process.

Visual Design

  • Vernon’s charisma, high energy, and desire to serve
  • The Go-getter attitude of the entire OG tribe
  • The accelerated and transformational results Vernon creates for his clients in record breaking time

We communicate this through the design using the following:

  • A dark themed and high-contrast design
  • A strong, punchy and impactful font
  • Creating movement throughout the design to speak to the “Active” theme.

Interactive Online Workouts for Clients

A Tool for Trainers to Build Their Businesses

If you’d like to learn more about [x] or discuss potential projects, feel free to shoot me a ping.

Till next time — own your power, give back, and leave no stone unturned.

Black Lotus Out.

Marketer | Designer | Founder. Sharing my favorite projects and insights