Food Dairy App- Welbit

This project aimed to design a digital food diary app focusing on augmented reality (AR) and artificial intelligence (AI) technologies for food analysis, integrated with a calendar for efficient tracking. The challenge was to balance advanced features like AR food recognition and real-time nutritional analysis with an intuitive, user-friendly interface.

Why this project?

This project demonstrates my ability to handle complex, multi-faceted design challenges and apply advanced features like AR and AI in practical applications. It highlights my skills in task analysis, user flow development, and creating inclusive designs for diverse user groups. This work was also a personal milestone, praised by my professor for its intricate details and exceptional execution, making it a standout addition to my portfolio.

Project Type

Project Type

University Project

Completion

Completion

October 2023

Industry

Industry

Health & Wellness

Focus

Focus

UI/UX Design

Duration

Duration

8 weeks

Tools Used

Tools Used

Figma, FigJam

Role and Contributions

This was an individual project where I took on the full scope of responsibilities, from initial concept development to final UI design. I was responsible for all aspects of the project, including user research, wireframing, prototyping, and visual design.

Design Approach

I focused on crafting an interface that targets university students struggling to maintain a healthy diet alongside their busy schedules. My design followed GUI principles, ensuring clarity and accessibility. I introduced AR features for meal recognition and created detailed nutritional insights in a visually digestible format. My design included a vibrant, modern colour palette for engagement and an intuitive layout for seamless navigation. Weekly sketches and task analyses shaped the final product, ensuring user-centric solutions.

Initial Sketch

Initial Sketch

Iterations

Iterations

The Solution

I developed a high-fidelity prototype for the food diary app, featuring:

  • AR Food Analysis: Users can capture images of meals and receive instant, accurate nutritional data.

  • Food Diary & Calendar Integration: A seamless system for tracking meals, integrated with calendar views for better visualization.

  • Personalization: Tailored dietary recommendations based on user goals and health conditions.

  • Responsive Design: Optimized layouts for desktop, tablet, and mobile devices.

Typography & Colour Palette

Typography & Colour Palette

Components

Components

Phone & Tablet Responsive Design

Phone & Tablet Responsive Design

Final Screens

Final Screens

Testimonial

"I'm glad that you have demonstrated your design progress each week, providing intricate details and showcasing your ongoing diligence. You have done truly excellent work this semester, and I look forward to seeing what you will create and how you will further improve your work."

YN

Yuntae Nam

UI/UX Design, Teaching Associate | Monash University

Conclusion

This project showcases my ability to synthesize cutting-edge technology with user-friendly design, creating solutions that are functional, aesthetic, and impactful. It reflects my commitment to ongoing improvement and my passion for innovative, user-centered design.

Visit the full work here:

Visit the full work here: