I designed TrackActive Me in 2019. It helps people manage back, neck and joint pain. This is what I'd do differently today.
I designed the original in 2019–20, and it's still live. Since then I've spent years on high-trust journeys, and I can see what I'd fix. So I went back and redesigned it the way I would today.
Read the original case study →In 2019, the users I spoke to lost interest fast. Most stopped around the third week, and rehab doesn't work if you stop. That hasn't changed, so this time I built the whole app around it.
It's a working prototype. Start a session, answer the check-in and watch the plan change. Switch to evening to see the darker mode. I built it in Claude Design, so it runs in the browser, not just as linked frames.
{{ curText }}
The 2019 brand was bright and playful. I kept the blue and the Track mark, and gave everything else a quieter job.
A tidal ramp from sky to deep navy. Buttons are the primary blue. One warm colour, Sunrise, is kept for small touch points, like the play button.
Archivo, condensed for headlines and normal width for reading. Instrument Serif for moments that should feel human.
Real people moving, in natural colour. I tried a blue wash first and dropped it. It made the photos look dated.
Slow and deliberate. A glow that breathes with the reps, and the Track line from the logo, drawn once.
White space by day, with dark sections where focus matters. Evening and the exercise player go deep navy.
Big 56pt targets, and words on every value. Nothing relies on colour alone.
The original assessment was a long chat. I kept the clinical logic and cut it to four steps. The safety check now comes before the plan. If someone ticks a red flag, they don't see exercises. They see who to call.
The full flow. Step 3 is the gate: no red flags leads to a plan, any red flag leads to same-day help.
In 2019 I added reminders and rewards on top. This time it's built in: the app listens, adapts and shows you it's working.
Say your back is worse, and today's session gets gentler on the spot.
After each session, one tap changes the next one. Too easy, and the reps go up.
Pain coming down, next to the sessions that did it. Not a streak for its own sake.
Week three is where most people stopped. Now it's marked by what has changed in their back, not how many days they showed up. Nothing can be lost, and missing a week never resets anything.
The 2019 set mixed illustration styles and category colours. The new set has one line weight, one corner style and one accent, from glyphs to body areas to milestones.
Many people using this are in pain, tired or older. That changes the bar.
All text passes WCAG AA, 4.5:1, by day and by evening. I checked it on the gradients, where the text actually sits.
Layouts stack and wrap as text gets bigger, so nothing gets cut off.
Designed, not inverted. Every screen has its own evening version.
The photo loop, push-ins and breathing glow become simple fades, or stop.
In 2020 I polished the first session. Now I start with the moment people are most likely to stop.
I used to add features to keep people going. Now I look for what makes them quit, and take it away.
Red flags were one step in the flow. Now they're the first thing I design, and everything else fits around them.