Track Your Nutrition and Create a Personalized Healthy Eating Plan
Light Diary is an app that helps users quickly record and review their dietary habits. Through data analysis, users can understand their eating patterns and receive suggestions to improve their health.
Roles and Contributions
UI Designer
Responsible for establishing the design system, crafting clear and intuitive interfaces, selecting appropriate color schemes, and enhancing user experience.
Team Leader
Coordinated the team's efforts, broke down large tasks into smaller ones, closely tracked progress, and effectively utilized asynchronous text communication to ensure the project was completed smoothly.
Project Overview
Team Objectives
Light Diary is an application that allows users to quickly record and review what they have eaten. By analyzing this data, users can understand their dietary habits and receive relevant suggestions to make adjustments to their existing habits.
Role and Output
Collaborating with five team members from different design fields, I was primarily responsible for the Design System and served as the team leader, facilitating cooperation among team members and ensuring the final delivery of engineering information.
Project Challenges
Team members included experienced designers from various fields and newcomers to UI design. The challenge was to integrate each individual's strengths and communicate asynchronously online through text, producing an MVP product with user value within 20 days.
Project Background
Modern office workers often opt for convenience and speed in their dietary habits, frequently choosing convenience stores. Over time, if they don't pay attention to their eating habits, their annual health check-ups may show more warning signs. However, keeping a daily record of their diet can feel tedious and hard to maintain consistently.
Needs
Recently started exercising and want to pair it with dietary control, so they hope to record the nutritional content of each meal quickly and easily.
Hope to have weekly charts to review their dietary habits and provide relevant dietary control suggestions based on this data.
Typically use iOS phones. They have higher health demands and are willing to pay for high-quality health apps.
Defining the Project
From the first meeting to the final presentation, the project duration was less than 20 days. It required breaking down the large tasks into smaller ones and closely tracking the progress of different groups to ensure that each group stayed aligned with the design's main focus.
Design Decisions
In designing the Light Diary application, our design decisions were primarily based on the following key factors:
Color Scheme
We chose blue and yellow as the primary and secondary colors because these two colors convey comfort and trust. Blue (Blue-Default, Blue-Dark, Blue-Tint) is commonly used in health and technology-related applications, conveying a calm and professional feeling. Yellow (Yellow-Default, Yellow-Dark, Yellow-Tint) adds vitality and warmth, making the entire application appear more friendly and approachable.
The alert color chosen is red (Red-Default, Red-Tint) to quickly attract users' attention to important reminders or warnings.
Complementary colors selected are orange (Orange-Complementary) and green (Green-Complementary). These colors provide good visual contrast and auxiliary effects, making the interface more diverse and layered.
Design System
Our design system standardized various components and styles, including buttons, forms, cards, charts, etc., and applied them consistently across all interfaces to ensure design consistency and efficiency. Engineering annotations and prototype designs also strictly followed the design system, ensuring accuracy and consistency in the development process.
Feedback
Simon's Feedback
👏🏻 Things I think are great:
✅ The interface is clean and tidy, with clear visual hierarchy and easy readability.
✅ Tab page switching is smooth.
✅ Delivery process and page specification annotations are complete.
✅ Page classification is very clear, making it easy to find relevant designs.
Kat's Feedback
🔸 Here are the things I find commendable:
✅ From the Notion documents, it is evident that your team division is well-organized, and discussions are stable, demonstrating project management capabilities.
✅ The project documentation is clear and complete. A small suggestion would be to explain why you chose to develop an iOS app.
✅ Most pages are organized using sections. To improve further, you could mark sections as "Ready to dev."
My Learnings
As the project neared its end, it was necessary not only to establish components that could be synchronized across subsequent elements but also to create a design system that all six team members could easily access and edit, ensuring consistency across the product pages efficiently.
Each team member came from different companies and positions and worked on this graduation project after hours. This tested the team’s ability to collaborate remotely and my ability as a team leader to document every meeting and allocate limited resources and time.
Product and design thinking require constant iteration and evolution. During the process, I discovered many areas where I was lacking. It was crucial to maintain an open learning attitude, continuously seek information online, or ask experienced individuals for help, and transform these learnings into outputs to share with others.