The app is designed to help users take control of their health and fitness byThe app is designed to help users take control of their health and fitness by
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
The app is designed to help users take control of their health and fitness by tracking their daily activities, monitoring progress, and personalized workout routines.
It provides a simple interface that combines nutrition, exercise, and wellness insights to keep users motivated and consistent on their fitness and nutrition journey.
I chose the warm background to make this feel like a wellness journal. And limiting the entire UI to a single accent means your eye always knows where the important thing is - because there's only ever one color telling you.
The body mapping screen is the standout. Whether it's sensor placement for a wearable or pain tracking, the interaction model is immediately obvious. Point at where it matters.
The dashboard packs a lot without feeling dense. All on one screen. That works because every card uses the same visual weight and only the circular progress ring gets to be larger. Equal hierarchy across metrics means the user decides what's important.
Writing unique code for animations makes iterating on reactive micro-interactions so much smoother. It completely transforms how a brand narrative feels in the browser.
My previous poll showed unexpected results (I am very grateful to everyone who took the time to vote and comment 🤍).
Now I am curious about your opinion on the color mode for this hero section. I definitely like a light theme. What about you?
By the way, I made a nice animation for this design. You can see it on my profile