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
Back to feedPost
We just redesigned the mobile experience for Metra. Built around scannable nutrition and daily target metrics to optimize user health. Here’s the design breakdown
🧵 (1/5)
The final UI. Built around scannable data, not pretty charts—allowing users to track weekly nutrition, calories, and targets at a glance.
(2/5)
On real devices. Designed mobile-first with dark mode focus because users check their daily health metrics on the go and in low light.
(3/5)
Brand system, applied. From the dark emerald palette to dynamic activity tracking—delivering one consistent visual language across all touchpoints.
(4/5)
Full case study on Behance: https://behance.net/gallery/253043233/Metra-Health-Movement-Tracking-App
Working on a health & fitness product? Let's collaborate!
(5/5)
Awesome work👏🔥🔥
thankss
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
Trending
Claude
Claude has entered the design space. How are you using it?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
Brand Design
The best brand designers are on Contra. Scroll to see what's trending in brand design. What are you building?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
Related posts
AI Calorie Tracker & Habit Planner App UI
Awesome!
At some point in adulthood, something just clicks — you start paying more attention to nature. For me, it was birds 🦉
For the #FlowstepChallenge, I created Birdly (naming is hard, okay? 🐦) — a bird recognition app that turns every discovery into a collectable illustrated sticker. Users can identify birds by photo or sound, build personal collections, unlock achievements, explore nearby bird hotspots, and connect with a community of bird explorers.
For the design process, I followed my usual design workflow, starting with the product vision, user flows, and a moodboard, but decided to skip wireframes and design directly in Flowstep. I quickly learned that the best results came from working screen by screen, refining prompts, and creating a design guidelines file to keep the UI consistent.
I also experimented with different Flowstep features, which helped me overcome creative blocks and explore new directions. Flowstep helped me iterate quickly, explore different directions, and turn an idea into a complete interactive prototype.
I'm really happy with the final result and learned a lot along the way. Thanks to @Flowstep and @Contra HQ for organising the challenge! 🔥
how adorable stickers
One more case study is live ✨
Recently, I worked on designing a white-label SaaS platform for the peptide industry — a product that needed to balance scalability, flexibility, and a clean user experience.
The challenge wasn't just creating a modern interface, but designing a system that could be easily customized for different brands while keeping the product consistent and intuitive.
This project included:
• Product strategy & UX
• Design system
• White-label architecture
• Responsive UI
• Developer-ready designs
