Elevate Fit
My role
UX/UI Designer
Year
2025
Domain
Web Design
Time to read
4 mins
Overview
Elevate Fit is a fitness studio offering personal training, group classes, and specialized programs. They had no website, the only way to reach new clients was social media, which limited their reach and credibility with new audiences.
I designed the complete website from discovery to developer handoff, including brand identity and custom imagery. 8 page templates across desktop, tablet, and mobile. Delivered in 6 weeks.
8
Page templates
6
Weeks
3
Breakpoints
Web
Platform
Challenge
Competitor research revealed a pattern across fitness brands: crowded pages, broken links, and pricing deliberately hidden behind contact forms. Studios were pushing visitors to call rather than decide. That approach loses the people who arrived ready to commit.
How might we build a site around how people actually decide to join a gym?
Research approach
I mapped the competitive landscape across five fitness brands, analyzing navigation, pricing transparency, content structure, and design quality.
The pattern was consistent: crowded pages and pricing buried behind contact forms. Orange Theory was the strongest design benchmark. Iron Asylum was the only one where prices were immediately visible.
Exploration
Before moving to high fidelity, I built mid-fidelity wireframes to validate layout and content hierarchy. In parallel, I mapped the visual direction through extensive reference research: fitness brands, editorial design, and athletic photography.
UI Kit
A two-font system, component library, and focused color palette built to keep the brand consistent across eight page templates and three breakpoints.
Key screens
Outcomes
Elevate Fit launched with a full web presence for the first time. The founder reported a 18% increase in signups following launch. Delivered on time across all eight page templates.
What I learned
This project pushed me to go further visually than I had before. I created all custom imagery using Midjourney and Recraft AI, generating athletes in motion turned out to be genuinely difficult.
AI struggled with body proportions and exercise poses, so I learned to write extremely detailed prompts, use image references, and iterate until the result matched the design direction. It taught me that bold visual decisions require bold effort to execute.
What I'd do differently
I didn't connect with the developer until handoff. Some design decisions had to be simplified because they were too complex to implement. Custom decorative line elements being one example.
Next time I'd bring the developer into the conversation earlier so technical constraints shape the design before they become problems.