Project
Health Undefined
Role: Lead Designer
Timeline: 12 months

I believed in the mission of Health Undefined: a body-positive and mental-health focused workout app for women, by women, with the goal of making working out fun and helping people fall in love with wellness, instead of focusing on weight loss and restriction. I was thrilled to work on an app with such an admirable goal!




My Role
I took over leading this project about 8 months in. The design team was mainly tasked with a re-skin of the app due to accessibility issues with elements like color and text, but other adjustments came up along the way that required designs from scratch.
Updated UI
As a reskin of the app was our main task and biggest priority, color choices were weighted heavily. Working in line with client preferences, we completely changed the app’s color schemes, using shades of periwinkle to promote a calm environment, as well as a pop of spring green to catch attention. We included a salmon color for errors or destructive buttons to still communicate urgency without stark contrast.
Before

After

Affirmations
One of my favorite highlights of the app is the Affirmations page. The original design didn’t quite pop enough, with plain text on a plain background and didn’t fit with the idea of inspiring affirmations. I came up with a solution to grab users’ attention and encourage reading the entire affirmation by enlarging the text and having it appear one word at a time, like video captions on social media, so it’s something users are already used to seeing. I also included the ability for users to share affirmations that resonated with them, in hopes they would spread positivity to their circles (as well as garner interest from potential new users.)
Loading Screens
Another of my favorite solutions was the loading screens. We ran into an unavoidable issue with the workout videos taking up to a couple minutes to load, and we needed something to keep users’ attention while they waited. I took inspiration from video game loading screens that typically have a load indicator, images, and tips for players that change every few seconds. To keep in line with Health Undefined’s mission, I used affirmations as “tips.” The founder of Health Undefined had done a couple really cool photoshoots, so, personally, I was excited that we had an opportunity to use more of those images in the app. I also included a load indicator bar, as well as how many videos had loaded so far, to help users visualize how long they had left to wait. I wanted to make it a little more fun and thematic than just saying “loading videos,” so I also included fitness-adjacent phrases like “lacing sneakers” or “filling water bottle.”
Results
While there are only a handful of reviews across the app stores, they are overwhelmingly positive after some bug fixes, and our client was regularly getting income from app subscriptions. My team’s goal was simply to design a vessel for Health Undefined’s uplifting content, a way to help more people access workouts and affirmations that could change their lives. I was very proud to work on this app that aligned so closely with my ideals. I was able to experiment with trying new prototyping methods to get the text animation to work properly and pull inspiration from my hobbies to keep users engaged when waiting.
Final Thoughts
If there had been more time for development, I would have loved to include some more profile features, especially for the subscription tier, like choosing a profile picture, being able to set goals, customization around affirmations (such as frequency and themes,) deeper workout tracking, and dark mode. I also would have liked to rework the workout screens to include images to help break up text and see future workouts in your schedule.


