Tracc
Track your food, learn about nutrition, and let Tracc
simplify healthy eating.
PRODUCT DESIGN
Design systems
HEALTHCARE
Challenges faced
In an era where junk food tolerance is high and unhealthy eating habits are prevalent, promoting healthy dietary choices and making nutrition tracking engaging presents a significant challenge. People are accustomed to readily available, highly palatable processed foods, making it difficult to shift towards healthier options. Furthermore, understanding nutritional information can be complex and overwhelming, often leading to discouragement and abandonment of dietary goals. Motivating consistent tracking and fostering a genuine interest in nutrition, including the discovery of interesting and relevant facts, amidst these societal trends requires innovative solutions.
Solution
Tracc aims to tackle the challenges of unhealthy eating habits and disengaging nutrition tracking by making the process simple, enjoyable, and insightful. Our solution focuses on empowering users to make informed dietary choices without feeling overwhelmed, fostering a lasting interest in their nutritional well-being.
Ideation & Research
My ideation began by acknowledging the core issues: the allure of junk food, the complexity of nutritional data, and the lack of motivation for consistent tracking. I conducted user surveys and interviews with individuals across different age groups and lifestyles to understand their perceptions of healthy eating, their struggles with current tracking methods, and what would genuinely motivate them.
Key insights revealed a desire for:
Engagement: Current apps often feel like a chore. Users expressed interest in gamification, visual progress, and easily digestible information.
Understanding, not just data: People want to know why certain foods are good or bad, and how their choices impact their health in a meaningful way.
Positive reinforcement: Focusing on achievements and progress, rather than just shortcomings, was deemed crucial for sustained motivation.
Simplicity: Users want a quick and easy way to log their food without extensive manual input.
I also performed a competitive analysis of existing nutrition tracking apps. While many offered robust tracking features, they often lacked engaging interfaces, personalized insights, or struggled with making complex nutritional information accessible. This analysis confirmed the need for a solution that combines strong functionality with an intuitive and motivating user experience.
My design process
My design process for Tracc was iterative and user-centered, prioritizing constant feedback and refinement. It followed these key stages, with a strong emphasis on a well-defined design system and visual documentation throughout:
Empathize & Define: Based on initial research, I developed detailed user personas for our target audience, outlining their goals, pain points, and motivations. This helped define Tracc's core problems. I then created user journey maps to visualize user interaction with the app, identifying friction points and improvement opportunities.
Ideate & Sketch: With a clear understanding of user needs, I brainstormed features and functionalities, including diverse food logging methods (barcode scanning, photo recognition, quick add), nutritional data visualization, and engaging nutrition facts delivery. I started with low-fidelity sketches to rapidly explore layout ideas and user flows.
Prototype & Test (Initial): I translated sketches into basic wireframes and interactive prototypes. I conducted initial usability testing with a small group of target users, observing interactions and gathering qualitative feedback. This early testing was crucial for identifying fundamental usability issues and validating core concepts before investing in high-fidelity designs.
Refine & Iterate: Based on initial testing feedback, I refined user flows and design elements, simplifying complex screens, improving navigation, and enhancing visual hierarchy for better information digestion.
Design & Develop (High-Fidelity) & Design System Creation: I then moved into creating high-fidelity mockups, applying Tracc's brand identity. This stage was concurrent with the development of a comprehensive design system, which ensured consistency in visual appeal, color schemes, typography, and iconography across all elements. This detailed UI design ensured a polished and intuitive user experience.
Prototype & Test (Advanced): Finally, a more comprehensive and visually rich prototype was developed for extensive user testing. This involved A/B testing different design variations, conducting moderated and unmoderated tests, and gathering both quantitative and qualitative data to fine-tune the app's features and overall experience. The goal was to ensure Tracc not only provided accurate nutritional information but also made the journey of healthy eating genuinely enjoyable and sustainable.
Onboarding Screens
Home Screens
SCORECARD
CONSULTING DOCTORS
profile
Credits
Closing Thoughts
This app transforms the often-dreaded task of nutrition into an addictive, gamified adventure, keeping you hooked and celebrating every step of your progress.
WORK INVOLVED
Product Design
Design Systems
User Research
Physical Health
Tools
Figma
Balsamiq
Miro
team
Design
Ishika Dixit
Motion
Ishika Dixit
Research
Ishika Dixit
Writing
Ishika Dixit
