"Effortlessly capture your meals, track your intake, and nourish your journey to better health."
FoodFolio
Food Dairy Redesign
Hand Drawn Sketches
I visualized the concept of mountains and nature to represent the achievements users can reach through their daily goals and food choices, no matter what they are. The idea behind this theme is that just as climbing a mountain requires small, steady steps, so does achieving personal health goals. I created sketches to explore this metaphor, ensuring the visual design would resonate with users on an emotional level, inspiring them to see their progress as a journey toward reaching the peak of their wellness. These early sketches helped refine the concept and align it with the app’s clean, organic design.
Visual Concept
In this exploration phase, I delved into the principles of clean and minimalistic design to gather inspiration. This included studying the elements that define simplicity and elegance in minimalism, ensuring a sophisticated and user-friendly experience.
Copyrights 2024, All rights resewrved Jahnavi Patel
My Role:
UI/UX Designer
Responsibilities:
User research, wireframing, Prototyping, Redesign
Tools:
Figma, Illustrator, Photoshop
Year:
2024
Design Challenge
University students often struggle to manage their health amidst hectic schedules, making it difficult to track nutrition, calories, and specific dietary concerns. Balancing academic pressures with maintaining healthy eating habits adds to the complexity, often resulting in inconsistent and unhealthy choices. The challenge lies in addressing these issues in a way that encourages students to develop mindful and consistent dietary habits despite their demanding lifestyles.
Design Solution
University students often struggle to manage their health amidst hectic schedules, making it difficult to track nutrition, calories, and specific dietary concerns. Balancing academic pressures with maintaining healthy eating habits adds to the complexity, often resulting in inconsistent and unhealthy choices. The challenge lies in addressing these issues in a way that encourages students to develop mindful and consistent dietary habits despite their demanding lifestyles.
About FoodieFolio
“FoodFolio” is a food diary app designed for anyone looking to track their dietary habits more efficiently. Users can effortlessly scan and record all their meals using advanced photo recognition technology and AI support. This app not only simplifies meal logging but also helps users maintain a detailed diary of their daily intake. Perfect for individuals aiming to monitor their diet or improve their nutritional choices, “Foodfolio” transforms meal tracking into a seamless, informative experience that can also help them achieve their goals.
Why Redesign?
The old design lacks clarity and feels overly technical, making it difficult for users to engage with the content. A redesign is essential to transform the interface into a more intuitive and visually captivating experience. By embracing a more organic and clean design approach, the new design simplifies information through thoughtful use of infographics and applies the Golden Ratio to enhance visual harmony. This shift not only declutters the interface but also creates a more inviting and "WOW" experience, aligning the app with the users' expectations of modern, aesthetically pleasing design.
Wow
Organic
Clean
Innovative
Personal
intuitive
User Experience and Visual Concept
The user interface of this application is crafted with an organic and clean graphic style, designed to captivate users with its visual appeal and elicit a "WOW" response upon first interaction. Users will find that the interface is not only pleasing to the eye but also highly intuitive and effective, ensuring a seamless and productive user experience. This blend of natural, minimalist design with practical usability aims to both delight and empower users, making their interaction both enjoyable and efficient.
Visual Concept
In this phase, I explored various elements of Organic and Natural Style, along with related concepts, to draw inspiration. This deep dive into nature-inspired design principles helped to inform and refine the aesthetic direction of the project.
Design System and Elements
Primary Colours
Primary Colours
Secondary Colours
Background Colours
Elements Colours
Typography
Title/Heading 1 : Outfit 28, thin
Element Label 2 : Outfit 12, SemiBold
Element Label 3 : Outfit 18, SemiBold
Title/Heading 3: Outfit 18, Extralight
Button Title: Outfit 14, Medium
Outfit
Title/Heading 2: Avenir Next 16, Demi Bold
Element Label 1 : Avenir Next 12, Demi Bold
Icon Label: Avenir Next 10, Regular
Paragraph P2: Avenir Next 14, Regular
Paragraph P1: Avenir Next 14, Demi Bold
Avenir Next
Illustrations and Elements
Calories
Carbs
Protein
Vitamins
Fats
Water Consumption
Design System and Elements
Inforgraphics
Buttons
Order of the state of the buttons: Natural, Hover, Active, Disabled
I have used a soft grid of 2px starting from 8px upto 48px
Personal Reflection on the Project
During this project, I encountered numerous situations where I had to entirely revise my design concepts while ensuring they still aligned with the organic and clean aesthetic style. These experiences taught me the significant impact that creating infographics and interactive elements can have on enhancing the "WOW" factor for the designs.
Final Design
Grid System