Unbroken Athlete — UI/UX case study.
A platform built around one promise — “we build resilient athletes” — carrying webinars, coaching and the Resilient Athlete Lab.
- Client
- Unbroken Athlete, LLC
- Role
- UI/UX and visual design
- Sector
- Sports & fitness — athlete development
- Surface
- Marketing site, webinars, member lab
Context
Unbroken Athlete sits between free content and paid membership: webinars and advice draw people in, the Resilient Athlete Lab is where they convert.
That makes the design problem one of sequencing. Give away enough to prove the method works, without hollowing out the reason to join.
What the design had to do
Prove the method free
Webinars and advice have to stand on their own or the paid tier has nothing to lean on.
Make the ladder obvious
Free content, then webinar, then Lab — the next step should never need explaining.
Hold two states
The same site serves a first-time visitor and a returning member.
Replace this with the brief in Unbroken Athlete’s own words, plus the one constraint that shaped the most decisions — timeline, tech, compliance, an existing design system, or a stakeholder. This is the part a hiring manager reads first.
Process
This is a funnel design problem more than a page design problem. Each step had to answer the same question: how much do we give away before we ask?
Understand
A ladder from free content to paid membership, where giving away too little kills trust and too much kills the sale.
Research
Map where people currently fall out between reading a free article, attending a webinar, and joining the Lab.
Wireframe
Make the next rung visible from every page, whichever one a visitor happens to land on first.
Visual design
Athletic without the shouty fitness clichés — “resilient” should read as steady and durable, not aggressive.
Prototype
Test the free → webinar → Lab path with someone who has never heard of the brand, and watch where they hesitate.
Handoff & support
Content templates so new webinars and Lab modules ship without a redesign each time.
The steps above describe what each stage had to solve on Unbroken Athlete. What turns that into a case study is the evidence — add, for any two or three of them:
- Who you spoke to, and the one finding that changed the design
- A decision you made, and the option you rejected
- Something that tested badly, and what you did about it
- A wireframe or screen — before and after beats a finished shot
Outcome
With a free tier feeding a paid one, the only outcome that settles the argument is what happens at the handover.
Free → webinar → Lab conversion at each rung
Webinar registration vs. actual attendance
Member retention past the first renewal
How much free content someone consumes before joining
Put real figures against the four above, or strike the ones you can’t evidence. If Unbroken Athlete never shared numbers, a single sentence from the client about what changed is still worth more than a blank. Right now no project on the site states an outcome, and that is the biggest gap in the portfolio.
Working on something like this?
Available for full-time and contract work across fintech, healthcare and SaaS.