UX/UI Design Success: Transforming GreenChoice for Better HealthUX/UI Design Success: Transforming GreenChoice for Better Health
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
This project was commissioned by a client through a freelance platform, and I successfully completed it. The GreenChoice project aimed to design a user experience (UX) and user interface (UI) for an app and website that helps people make healthy and sustainable food choices.The platform displays accurate and reliable nutritional data for over one million food products and provides personalized recommendations to consumers, making their daily lives easier and healthier.
šŸŽÆ Challenges Faced by the Project
Complexity of Nutritional Information
Problem: The average consumer finds it difficult to understand ingredients and nutritional values.
Solution: Transforming complex data into easy-to-read visual charts and icons.
Poor User Experience in Traditional Food Apps
Problem: Registration is complicated, search is unclear, and results are unengaging.
Solution: A simple onboarding flow design with intelligent search and multiple filters (such as low-sugar or eco-friendly products).
Lack of Engagement and Trust
Problem: Users abandon the app if they don't feel it is useful or trustworthy.
Solution: Adding interactive product pages with attractive images, personalized recommendations, and clear health scores.
šŸŒ How the challenges were overcome:
Using Figma to create an integrated design system that ensures coherence across all pages.Conducting user research to understand consumer needs, then translating the results into practical improvements.Usability testing using tools like Maze to ensure that search and filtering work correctly.Analyzing data using Google Analytics and Hotjar to monitor user behavior and continuously improve the experience.Benefits in our daily lives:A person with diabetes → can easily find low-sugar products.The link is https://www.figma.com/make/ChEyVNzIDFDdisUXtDZoua/Untitled?code-node-id=0-9&p=f&t=5VlRzplAcLuiyloI-0&fullscreen=1

figma.com

Figma

Created with Figma

Dylan's avatar
Contra logo
Hi Hassan! Make sure to review the submissions guidelines to ensure you've included all of the required info to be considered a valid submission. Looks like you're missing a video.
Back to feed
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