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
ā¢ 1d
š From Basic to Better ā Calorie Tracking App Redesign!
Great UI design isn't just about making an app look beautiful. It's about creating an experience that's simple, intuitive, and engaging.
Here's my latest Before & After UI/UX Redesign for a Calorie Tracking App! š±
āØ What's Improved?
ā
Better visual hierarchy
ā
Modern and cleaner layout
ā
Improved spacing and typography
ā
Easy-to-understand daily progress
ā
Organized nutrition tracking
ā
More user-friendly experience
My goal was to transform a simple interface into a modern, visually engaging experience that makes tracking daily fitness and nutrition goals easier.
šØ Designed by Ali Hassan | UI/UX Designer
š¼ Need a modern mobile app or website design?
I'm available for freelance projects and collaborations!
š© DM me to discuss your project.
š¬ What do you think of this transformation? Let me know in the comments!
#UIUXDesign #BeforeAndAfter #AppRedesign #MobileAppDesign #CalorieTrackingApp #FitnessAppDesign #FigmaDesign #UXDesigner #UIDesigner #ProductDesign #DesignPortfolio
The three callouts next to the After phone make the case study readable in two seconds, and the purple progress card is now clearly the hero. Did you test a ring against a bar for the daily progress?
ā¢ 1d
Thanks, Ivan! Really appreciate the thoughtful feedback.
I chose the circular progress ring to make overall daily completion easy to understand at a glance, while keeping horizontal bars for individual macro tracking.
I haven't formally tested both approaches yet, but comparing a...
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
Related posts
Tendee - Dating App UI UX Design
A mobile app UI design showcase focused on discovery, profiles, matching and conversation.
The visual challenge was to bring profile content, interest tags, primary actions and messaging into a consistent mobile experience. The design uses a soft lavender and coral palette, clear typography, rounded cards and recognizable navigation.
The selected mockup presents a profile discovery screen, detailed profile information, chat, onboarding and sign-in views. These screens demonstrate visual hierarchy, consistent interface styling and attention to mobile interactions.
Personal portfolio showcase. Project cost is an illustrative quote for comparable design work, not a past client payment. The date marks this showcase's preparation in October 2026; duration is an estimated production timeframe.
Love the colors!
Your body is ready for sleep. But is your mind ready to switch off?
Thatās the moment Elivara is designed for.
Instead of another endless scroll, imagine opening an experience that makes slowing down feel natural.
Because better rest starts with how you end your day.
Would you trade 20 more minutes of scrolling for 20 minutes of peace?
#SleepApp #UIUXDesign #ProductDesign #WebDesign #MotionDesign
Great UX understands the user's state of mind, not just what they want to click.
Live on Play Store. We made the launch video.
Motion design to show the screens, plus a short explainer so you get what the app does in a few seconds.
Kept it simple on purpose. Screens only move where it helps you follow the product.
Watch it with zero context and tell me what you'd cut.
ā¢ Oct 31
Amazing