TXF

Fitness

TXF

Fitness

Mobile App Design

Mobile App Design

A community-driven fitness platform designed to connect attendees with fun, personalised workout experiences while empowering instructors with tools to scale, grow revenue, and build stronger brands

A community-driven fitness platform designed to connect attendees with fun, personalised workout experiences while empowering instructors with tools to scale, grow revenue, and build stronger brands

The Product

The Product

Clients Team

Clients Team

Case Study

Case Study

UX & UI Design

Brand Identity

Mobile Application

Mobile Application

Pitch Deck

Pitch Deck

Brand Identity

Brand Identity

UX & UI Design

UX & UI Design

Pitch Deck

Mobile Application

Pitch Deck

We understand the challenge Black women and men face when searching for group fitness classes that truly resonate. Existing platforms rarely offer culturally relevant experiences, making it difficult to find spaces where the music, atmosphere, and instructors connect on a deeper level.


Our mission is to bridge this gap by curating and celebrating fitness environments that prioritize community, culture, and joy.

Vision

We understand the challenge Black women and men face when searching for group fitness classes that truly resonate. Existing platforms rarely offer culturally relevant experiences, making it difficult to find spaces where the music, atmosphere, and instructors connect on a deeper level.


Our mission is to bridge this gap by curating and celebrating fitness environments that prioritize community, culture, and joy.

We understand the challenge Black women and men face when searching for group fitness classes that truly resonate. Existing platforms rarely offer culturally relevant experiences, making it difficult to find spaces where the music, atmosphere, and instructors connect on a deeper level.


Our mission is to bridge this gap by curating and celebrating fitness environments that prioritize community, culture, and joy.

Mission

About this project

We understand the challenge Black women and men face when searching for group fitness classes that truly resonate. Existing platforms rarely offer culturally relevant experiences, making it difficult to find spaces where the music, atmosphere, and instructors connect on a deeper level.


Our mission is to bridge this gap by curating and celebrating fitness environments that prioritize community, culture, and joy.

Problem

For Black women/men who are interested in group fitness classes, searching and locating culturally relevant experiences that create a fun and exciting atmosphere is a challenge on existing platforms.



For these users a strong connection with the music, atmosphere and instructor is really important and can be the deciding factor in their decision to take and continue a class.

Solution

Our platform solves the challenge Black women and men face in finding culturally relevant group fitness classes by curating and connecting users with experiences that emphasise music, atmosphere, and instructors aligned with their culture and values.


By prioritising authenticity and community, we create a fun, motivating environment that encourages participation and sustained engagement, helping users confidently find and stick with fitness classes that truly resonate.

Phase 1

Idea Refinement

Problem & Solution

Vision and Mission

Target Market

User Persona

Product Story

Timeline

1 Week

Time commitment, 2 hours daily

Phase 2

Define Product Goals

Business Canvas

Product Features

Prioritise Features

Define MVP

Timeline

1 Week

Time commitment, 2 hours daily

Idea Refinement

Problem & Solution

Vision and Mission

Target Market

User Persona

Product Story

Phase 1

Timeline

1 Week

Time commitment, 2 hours daily

Define Product Goals

Business Canvas

Product Features

Prioritise Features

Define MVP

Phase 3

Phase 2

Feature Roadmap

Customer Journey

Story Mapping

Design Brief

UI/UX Design

UI/UX Design

Userbility Testing

Timeline

1 Week

Time commitment, 2 hours daily

Phase 3

Feature Roadmap

Customer Journey

Story Mapping

Design Brief

UI/UX Design

UI/UX Design

Userbility Testing

Timeline

1 Week

Time commitment, 2 hours daily

Phase 4

Phase 4

App Launch Blueprint

Launch Strategy Canva

PRD

The Product Pitch Deck

Timeline

1 Week

Time commitment, 2 hours daily

Phase 1 lays the groundwork for your product by clarifying the idea, defining the problem and solution, setting goals, pinpointing your audience, and crafting a focused product story.

Phase 2 involves setting clear product goals, creating a business model canvas, outlining key product features, prioritizing them based on impact, and defining the Minimum Viable Product (MVP) to guide development.

Phase 3 focuses on planning, designing, testing, executing UI/UX design, and conducting usability testing to ensure the product is intuitive and user-friendly.

Phase 4 focuses on preparing your product for market launch, creating an app launch blueprint, developing a launch strategy canvas, finalizing the Product Requirements Document (PRD), and crafting a compelling product pitch deck.

Phase 1

Idea Refinement

Problem & Solution

Vision and Mission

Target Market

User Persona

Product Story

Timeline

1 Week

Time commitment, 2 hours daily

Phase 2

Define Product Goals

Business Canvas

Product Features

Prioritise Features

Define MVP

Timeline

1 Week

Time commitment, 2 hours daily

Phase 3

Feature Roadmap

Customer Journey

Story Mapping

Design Brief

UI/UX Design

Userbility Testing

Timeline

1 Week

Time commitment, 2 hours daily

Phase 4

App Launch Blueprint

Launch Strategy Canva

PRD

The Product Pitch Deck

Timeline

1 Week

Time commitment, 2 hours daily

30 Days of Product Sprint Process

30 Days of Product Sprint Process

30 Days of Product Sprint Process

Phase 3

Feature Roadmap

Customer Journey

Story Mapping

Design Brief

UI/UX Design

UI/UX Design

Userbility Testing

Timeline

1 Week

Time commitment, 2 hours daily

Phase 4

App Launch Blueprint

Launch Strategy Canva

PRD

The Product Pitch Deck

Timeline

1 Week

Time commitment, 2 hours daily

Phase 1 Blurb & Why it’s important

Phase 1 Blurb & Why it’s important

Phase 1: Product Foundation



Phase 1 lays the groundwork for your product by refining your idea, defining the problem and solution, setting a clear vision and mission, identifying your target market, creating user personas, and crafting a guiding product story.

Phase 1: Product Foundation




Phase 1 lays the groundwork for your product by refining your idea, defining the problem and solution, setting a clear vision and mission, identifying your target market, creating user personas, and crafting a guiding product story.


Why it’s important



This phase is crucial because it ensures your product starts with a clear purpose and direction. By understanding the problem, target audience, and overall vision from the outset, you reduce risks, align your team, and set a strong foundation for all future development and design decisions.


Why it’s important


This phase is crucial because it ensures your product starts with a clear purpose and direction. By understanding the problem, target audience, and overall vision from the outset, you reduce risks, align your team, and set a strong foundation for all future development and design decisions.

Phase 1

Define the Problem

Define the Problem

Before building anything, we ensure crystal-clear understanding of what problem we're solving and for whom. This foundation prevents costly pivots later.

Before building anything, we ensure crystal-clear understanding of what problem we're solving and for whom. This foundation prevents costly pivots later.

Phase 2

Shape the Solution

Transform problem understanding into concrete solutions. We map features, prioritise ruthlessly, and design user journeys that feel intuitive.

Phase 2 Blurb & Why it’s important

Phase 1: Product Foundation



Phase 1 lays the groundwork for your product by refining your idea, defining the problem and solution, setting a clear vision and mission, identifying your target market, creating user personas, and crafting a guiding product story.

Phase 1: Product Foundation




Phase 1 lays the groundwork for your product by refining your idea, defining the problem and solution, setting a clear vision and mission, identifying your target market, creating user personas, and crafting a guiding product story.




Why it’s important



This phase is crucial because it ensures your product starts with a clear purpose and direction. By understanding the problem, target audience, and overall vision from the outset, you reduce risks, align your team, and set a strong foundation for all future development and design decisions.


Why it’s important


This phase is crucial because it ensures your product starts with a clear purpose and direction. By understanding the problem, target audience, and overall vision from the outset, you reduce risks, align your team, and set a strong foundation for all future development and design decisions.

Phase 3

Design & Prototype

Bring ideas to life with clickable prototypes. We create tangible experiences that stakeholders can interact with and provide meaningful feedback on.

Phase 3 Blurb & Why it’s important

Phase 1: Product Foundation



Phase 1 lays the groundwork for your product by refining your idea, defining the problem and solution, setting a clear vision and mission, identifying your target market, creating user personas, and crafting a guiding product story.

Why it’s important



This phase is crucial because it ensures your product starts with a clear purpose and direction. By understanding the problem, target audience, and overall vision from the outset, you reduce risks, align your team, and set a strong foundation for all future development and design decisions.

Phase 4

Validate & Launch

Test with real users, iterate based on insights, and create a roadmap for post-launch success. We ensure you launch with confidence and clear next steps.

Phase 4 Blurb & Why it’s important

Phase 1: Product Foundation



Phase 1 lays the groundwork for your product by refining your idea, defining the problem and solution, setting a clear vision and mission, identifying your target market, creating user personas, and crafting a guiding product story.

Why it’s important



This phase is crucial because it ensures your product starts with a clear purpose and direction. By understanding the problem, target audience, and overall vision from the outset, you reduce risks, align your team, and set a strong foundation for all future development and design decisions.

Brand Development

Crafting FitTrack's Brand Identity

Crafting FitTrack's Brand Identity

We collaborated with our client to craft a distinct brand identity for the app, ensuring it reflected her vision, resonated with users, and set the foundation for a cohesive product experience.

We collaborated with our client to craft a distinct brand identity for the app, ensuring it reflected her vision, resonated with users, and set the foundation for a cohesive product experience.

Logo & Visual Identity


We designed a dynamic logo that embodies movement and progress. The forward-leaning "F" symbolises momentum, while the integrated tracking line represents the user's fitness journey. The mark works seamlessly across app icons, marketing materials, and social media.


Design Philosophy


Modern, energetic, and approachable—reflecting the app's mission to make fitness accessible to everyone, regardless of their starting point.


Logo Variations


Primary full-colour logo for light backgrounds

Inverted version for dark mode

Icon-only mark for app icon and social media

Monochrome versions for print materials

Logo & Visual Identity


We designed a dynamic logo that embodies movement and progress. The forward-leaning "F" symbolises momentum, while the integrated tracking line represents the user's fitness journey. The mark works seamlessly across app icons, marketing materials, and social media.



Design Philosophy


Modern, energetic, and approachable—reflecting the app's mission to make fitness accessible to everyone, regardless of their starting point.



Logo Variations


Primary full-colour logo for light backgrounds

Inverted version for dark mode

Icon-only mark for app icon and social media

Monochrome versions for print materials

Logo & Visual Identity


We designed a dynamic logo that embodies movement and progress. The forward-leaning "F" symbolises momentum, while the integrated tracking line represents the user's fitness journey. The mark works seamlessly across app icons, marketing materials, and social media.



Design Philosophy


Modern, energetic, and approachable—reflecting the app's mission to make fitness accessible to everyone, regardless of their starting point.



Logo Variations


Primary full-colour logo for light backgrounds

Inverted version for dark mode

Icon-only mark for app icon and social media

Monochrome versions for print materials

The Experience Factor Fitness

A

a

Extra Light

Light

Regular

Semi Bold

Climate Crisis

Climate Crisis


Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll

Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv

Ww Xx Yy Zz

A

a

Extra Light

Light

Regular

Semi Bold

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll

Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv

Ww Xx Yy Zz

Discover, book, and engage with group fitness experiences that are fun, structured, and culturally relevant

The Experience Fitness

The Experience Factor Fitness.

Typography & Color System


We established a comprehensive design system that ensures consistency across all touch points. The typography balances readability with personality, while the Color palette energies without overwhelming.


Typography


Headings: Inter Bold - Clean, modern, and highly legible

Body: Inter Regular - Optimised for mobile readability

Data/Numbers: Inter Medium - Clear hierarchy for metrics


Color Palette












Design Tokens


Created a scalable token system for spacing, shadows, and animations ensuring design consistency as the app evolves.

Typography & Color System


We established a comprehensive design system that ensures consistency across all touch points. The typography balances readability with personality, while the Color palette energies without overwhelming.




Typography


Headings: Inter Bold - Clean, modern, and highly legible

Body: Inter Regular - Optimised for mobile readability

Data/Numbers: Inter Medium - Clear hierarchy for metrics



Color Palette











Design Tokens


Created a scalable token system for spacing, shadows, and animations ensuring design consistency as the app evolves.

Typography & Color System


We established a comprehensive design system that ensures consistency across all touch points. The typography balances readability with personality, while the Color palette energies without overwhelming.



Typography


Headings: Inter Bold - Clean, modern, and highly legible

Body: Inter Regular - Optimised for mobile readability

Data/Numbers: Inter Medium - Clear hierarchy for metrics


Color Palette












Design Tokens


Created a scalable token system for spacing, shadows, and animations ensuring design consistency as the app evolves.

Primary Orange

#FF6B35

Primary Orange

#FF6B35

Dark Base

#0F172A

Dark Base

#0F172A

Accent Blue

#FF6B35

Accent Blue

#FF6B35

Light Base

#FF6B35

Light Base

#FF6B35

Onboarding Flow

Seamless First Experience


The Challenge


Users were abandoning fitness apps during lengthy onboarding processes. We needed to collect essential information without overwhelming new users.


The Solution


Created a 3-step progressive onboarding that collects fitness level, goals, and schedule preferences in under 60 seconds. Visual progress indicators keep users motivated to complete the flow.


The Impact

Seamless First Experience



The Challenge


Users were abandoning fitness apps during lengthy onboarding processes. We needed to collect essential information without overwhelming new users.



The Solution


Created a 3-step progressive onboarding that collects fitness level, goals, and schedule preferences in under 60 seconds. Visual progress indicators keep users motivated to complete the flow.




The Impact

82%

Completion rate

45s

Avg. completion time

Workout Experience

Distraction-Free Training


The Challenge


Users needed clear exercise instructions without constantly checking their phones, which disrupted workout flow and reduced effectiveness.



The Solution


Designed a full-screen workout mode with large, glanceable timers, video demonstrations, and voice guidance. Auto-advance feature moves to the next exercise, keeping users in the zone.



The Impact

82%

Completion rate

45s

Avg. completion time

Workout Experience

Distraction-Free Training



The Challenge


Users needed clear exercise instructions without constantly checking their phones, which disrupted workout flow and reduced effectiveness.




The Solution


Designed a full-screen workout mode with large, glanceable timers, video demonstrations, and voice guidance. Auto-advance feature moves to the next exercise, keeping users in the zone.




The Impact

82%

Completion rate

45s

Avg. completion time

Progress Tracking

Motivation Through Data


The Challenge


Users struggled to see their progress over time, leading to decreased motivation and app abandonment after 2-3 weeks.


The Solution


Built a comprehensive dashboard visualising workout streaks, strength gains, and consistency patterns. Celebration moments trigger when users hit milestones, reinforcing positive behaviour.


The Impact

82%

Completion rate

45s

Avg. completion time

App Design

The Final Product

Solving real user problems through thoughtful design by deeply understanding their needs, reducing friction, and creating intuitive experiences that add lasting value to their lives.

The App

We designed a fitness app tailored for Black men and women who seek group workout experiences that truly resonate — blending culture, music, and community. The platform makes it easy to discover and join fitness classes that reflect their vibe, energy, and connection with instructors who understand their rhythm and motivation.

We designed a fitness app tailored for Black men and women who seek group workout experiences that truly resonate — blending culture, music, and community. The platform makes it easy to discover and join fitness classes that reflect their vibe, energy, and connection with instructors who understand their rhythm and motivation.

Create an instructor  profile


See content about their classes - profile page w/ images, videos, reviews, classes(future and past), supporters avatars, students

Browse available classes


based on Location, vibe (Music), Intensity (Relaxed, Sweat your heart out), Instructor, ratings, review from users, cost, time, class type

Purchase tokens($10-$250),


one time or reoccurring and book classes with tokens, wallet - view tokens and top it up

Fitness/Gym buddy ->


Follow users and get notified of events they attend, tips, reviews

Connect payment info and checkout tokens for $$

In a discounted price

Engagement and Gamification


through TXF challenges (Join a free/paid challenge, see others, post in challenge wall) - related to class attendance - badges, status

Features

Features

Create an instructor  profile


See content about their classes - profile page w/ images, videos, reviews, classes(future and past), supporters avatars, students

Create an instructor  profile


See content about their classes - profile page w/ images, videos, reviews, classes(future and past), supporters avatars, students

Browse available classes


based on Location, vibe (Music), Intensity (Relaxed, Sweat your heart out), Instructor, ratings, review from users, cost, time, class type

Browse available classes


based on Location, vibe (Music), Intensity (Relaxed, Sweat your heart out), Instructor, ratings, review from users, cost, time, class type

Engagement and Gamification


through TXF challenges (Join a free/paid challenge, see others, post in challenge wall) - related to class attendance - badges, status

Fitness/Gym buddy ->


Follow users and get notified of events they attend, tips, reviews

Fitness/Gym buddy ->


Follow users and get notified of events they attend, tips, reviews

Connect payment info and checkout tokens for $$

Connect payment info and checkout tokens for $$

In a discounted price

Purchase tokens($10-$250),


one time or reoccurring and book classes with tokens, wallet - view tokens and top it up

Purchase tokens($10-$250),


one time or reoccurring and book classes with tokens, wallet - view tokens and top it up

Founder Spotlight

Tennile Chen

Founder & CEO, TXF Fitness App

Former project manager at Fortune 500 companies with 8+ years of experience leading cross-functional teams. Sarah identified the gap between how project management tools work and how teams actually collaborate.


Her vision for TaskFlow Pro emerged from countless hours of watching talented teams struggle with rigid workflows that didn't match their natural communication patterns.

"30 Days of Product didn't just help me build a prototype—they helped me discover what my product could truly become. The clarity we achieved in just 30 days would have taken me months to reach on my own."

What Tennile's Team Says

Tennile Chen

Founder & CEO, TaskFlow Pro

"30 Days of Product didn't just help me build a prototype—they helped me discover what my product could truly become. The clarity we achieved in just 30 days would have taken me months to reach on my own."

Tennile Chen

Founder & CEO, TaskFlow Pro

"30 Days of Product didn't just help me build a prototype they helped me discover what my product could truly become. The clarity we achieved in just 30 days would have taken me months to reach on my own."

The App

We designed a fitness app tailored for Black men and women who seek group workout experiences that truly resonate — blending culture, music, and community. The platform makes it easy to discover and join fitness classes that reflect their vibe, energy, and connection with instructors who understand their rhythm and motivation.

Founder Spotlight

What Tennile's Team Says

Former project manager at Fortune 500 companies with 8+ years of experience leading cross-functional teams. Sarah identified the gap between how project management tools work and how teams actually collaborate.


Her vision for TaskFlow Pro emerged from countless hours of watching talented teams struggle with rigid workflows that didn't match their natural communication patterns.

Tennile Chen

Founder & CEO, TXF Fitness App

"30 Days of Product didn't just help me build a prototype—they helped me discover what my product could truly become. The clarity we achieved in just 30 days would have taken me months to reach on my own."

Tennile Chen

Founder & CEO, TaskFlow Pro

"30 Days of Product didn't just help me build a prototype—they helped me discover what my product could truly become. The clarity we achieved in just 30 days would have taken me months to reach on my own."

Tennile Chen

Founder & CEO, TaskFlow Pro

"30 Days of Product didn't just help me build a prototype they helped me discover what my product could truly become. The clarity we achieved in just 30 days would have taken me months to reach on my own."

30 days of product : Our Philosophy

Solving real user problems through thoughtful design by deeply understanding their needs, reducing friction, and creating intuitive experiences that add lasting value to their lives.

Solving real user problems through thoughtful design by deeply understanding their needs, reducing friction, and creating intuitive experiences that add lasting value to their lives.

Solving real user problems through thoughtful design by deeply understanding their needs, reducing friction, and creating intuitive experiences that add lasting value to their lives.

What You Walk Away With

Why It Works

Our program combines proven frameworks with hands-on expertise, guiding founders every step of the way from concept to launch. You’ll work alongside experienced designers, strategists, and product experts who understand what investors and users want.


Everything is built for speed and validation, ensuring your app idea gets market-tested in weeks, not months.

Tools We Use

We leverage on the below industry-standard tools from research to design, collaborate, and keep your product development seamless and efficient.

Meet Our Team

Meet our team, the faces behind the vision. A group of designers, strategists, and innovators passionate about turning ideas into impactful products. We combine creativity, strategy, and technology to bring your project to life.”

Clickable Prototype

Interactive prototype demonstrating core user flows and functionality, ready for user testing and stakeholder demos..

Development-Ready PRD

Comprehensive Product Requirements Document with technical specifications, user stories, and acceptance criteria..

Validated MVP Roadmap

Prioritised feature roadmap based on user research and market validation, with clear development phases.

User Feedback & Insights

Prioritised feature roadmap based on user research and market validation, with clear development phases.

The Pitch Deck

Prioritised feature roadmap based on user research and market validation, with clear development phases.

Funding and development

roadmap

Detailed user research findings, testing results, and actionable insights to guide product decisions..

30 days of product : Our Philosophy

30 days of product : Our Philosophy

Solving real user problems through thoughtful design by deeply understanding their needs, reducing friction, and creating intuitive experiences that add lasting value to their lives.

Solving real user problems through thoughtful design by deeply understanding their needs, reducing friction, and creating intuitive experiences that add lasting value to their lives.

Solving real user problems through thoughtful design by deeply understanding their needs, reducing friction, and creating intuitive experiences that add lasting value to their lives.

What You Walk Away With

Clickable Prototype

Interactive prototype demonstrating core user flows and functionality, ready for user testing and stakeholder demos..

Interactive prototype demonstrating core user flows and functionality, ready for user testing and stakeholder demos..

Development-Ready PRD

Comprehensive Product Requirements Document with technical specifications, user stories, and acceptance criteria..

Validated MVP Roadmap

Validated MVP Roadmap

Prioritised feature roadmap based on user research and market validation, with clear development phases.

Prioritised feature roadmap based on user research and market validation, with clear development phases.

User Feedback & Insights

User Feedback & Insights

Detailed user research findings, testing results, and actionable insights to guide product decisions..

Detailed user research findings, testing results, and actionable insights to guide product decisions..

The Pitch Deck

Prioritised feature roadmap based on user research and market validation, with clear development phases.

Prioritised feature roadmap based on user research and market validation, with clear development phases.

Funding and development roadmap

Detailed user research findings, testing results, and actionable insights to guide product decisions..

Detailed user research findings, testing results, and actionable insights to guide product decisions..

Why It Works

Our program combines proven frameworks with hands-on expertise, guiding founders every step of the way from concept to launch. You’ll work alongside experienced designers, strategists, and product experts who understand what investors and users want.


Everything is built for speed and validation, ensuring your app idea gets market-tested in weeks, not months.

How it works

To demonstrate the feasibility of our concept, we mapped out a streamlined process that allows us to achieve a functional, printable prototype of the product within just 30 days.

To demonstrate the feasibility of our concept, we mapped out a streamlined process that allows us to achieve a functional, printable prototype of the product within just 30 days.

Weekly Calls

Work with a product strategist each week to refine your idea and features.

Slack Access

Chat directly with your dedicated design and product team anytime.

Weekly Homework

Get short tasks after sessions to keep progress moving.

Shared Workspace

Collaborate and track all designs, notes, and feedback in one place.

Tools We Use

We leverage on the below industry-standard tools from research to design, collaborate, and keep your product development seamless and efficient.

Miro

Visual canvas for brainstorming, user journeys, and collaborative ideation

Click Up

Task tracking and project management to keep everything organized

Google Suites

Email, docs, and cloud storage for seamless file sharing

Figma & Gemma

Professional design tool for creating stunning user interfaces and Modern presentation tool for compelling pitch decks

Figma & Gemma

Professional design tool for creating stunning user interfaces and Modern presentation tool for compelling pitch decks

Slack

Real-time communication hub for instant feedback and team updates