SHIPPED

UFC Fit App

BUILDING A SCALABLE DESIGN SYSTEM

UFC Fit is a fitness club and franchise model of UFC Gym, offering MMA-inspired workout classes from HIIT, boxing, indoor cycling, to yoga.

CATEGORY

CATEGORY

Health & Wellness • Branding • Design System

Health & Wellness • Branding • Design System

TIMELINE

TIMELINE

3 months

3 months

SKILLS

SKILLS

Product design
Branding

Design system

Visual Design

Interactive prototyping

Product design
Branding

Design system

Visual Design

Interactive prototyping

TEAM

TEAM

Lead Designer • PM

Lead Designer • PM

MY ROLE

Product Designer

  • Updated branding of UFC Fit App to capture a broader audience, increasing online conversion by 15%

  • Created a design system to help curate more flexible and responsive designs to streamline onboarding, booking, and class management flows

  • Provided a leading example of scalable solutions to be expanded to print, interiors, and signage

OVERVIEW

OVERVIEW

Capturing a wider audience of fitness enthusiasts

Capturing a wider audience of fitness enthusiasts

UFC Gym is known for combining MMA-inspired fitness with traditional gym services. Through a analytics audit, we discovered an increase of visitors wanting to explore more general group fitness classes aside from the popular Boxing and Brazilian Jiu-Jitsu options.

PROBLEM

PROBLEM

Inconsistent design language across website and mobile app

Inconsistent design language across website and mobile app

There were a lot of inconsistencies in branding, components, layout, and overall structure.


GOALS

GOALS

Acquire more customers online and in person

Acquire more customers online and in person

Business Goals

Business Goals

Increase online conversions of people signing up to be members at the gym

User Goals

User Goals

Help people discover a gym near their location, explore and book fitness classes, and become a part of the UFC community

SOLUTION

SOLUTION

Design System

Design System

IMPACT

IMPACT

Scaling faster and more efficiently

Scaling faster and more efficiently

We were able to secure more clients since timeline deliveries were cut in half, and plan on scaling other sections on the landing page. This will help future designers iterate faster to develop designs quicker and more efficiently to align with engineering.

Design Timeline

0

week

Dev + QA Timeline

0

weeks

Revenue

0

%

CONCLUSION

Scaling faster and more efficiently

We were able to secure more clients since timeline deliveries were cut in half, and plan on scaling other sections on the landing page. This will help future designers iterate faster to develop designs quicker and more efficiently to align with engineering.

next projects