Nutrisee
Nutrisee
Child Nutrition App
Child Nutrition App
Category
Category
Mobile App
Mobile App
HealthTech
HealthTech
Role
Role
Project Manager
Project Manager
UI Designer
UI Designer
Team
Team
This project was part of Studi Independen at Startup Campus (Batch 7), where I served as Project Manager and UI Designer, leading project planning and timelines while creating the design system, UI screens, and brand identity.
This project was part of Studi Independen at Startup Campus (Batch 7), where I served as Project Manager and UI Designer, leading project planning and timelines while creating the design system, UI screens, and brand identity.
Overview
Overview
Nutrisee is an app that helps you monitor your child’s nutrition in a fun way. With Nutrisee, you can track your little one’s health and growth to ensure they receive the right nutrients for optimal development. The app also provides helpful information and support to build healthy eating habits, making every step of your child’s nutrition journey easier and more enjoyable.
Nutrisee is an app that helps you monitor your child’s nutrition in a fun way. With Nutrisee, you can track your little one’s health and growth to ensure they receive the right nutrients for optimal development. The app also provides helpful information and support to build healthy eating habits, making every step of your child’s nutrition journey easier and more enjoyable.
Problems
Problems
Indonesia faces high rates of child undernutrition, with stunting and wasting that vary widely across provinces and lead to serious long‑term consequences. Parents and caregivers often struggle to quickly find reliable, practical guidance and to consistently record growth, especially when manual logging after checkups is hard to sustain. Existing solutions are fragmented and rarely combine clear nutrition guidance, age‑appropriate meal suggestions, reminders, and simple growth tracking in one place. This gap makes timely monitoring and informed action difficult, increasing the risk of preventable growth and developmental issues
Indonesia faces high rates of child undernutrition, with stunting and wasting that vary widely across provinces and lead to serious long‑term consequences. Parents and caregivers often struggle to quickly find reliable, practical guidance and to consistently record growth, especially when manual logging after checkups is hard to sustain. Existing solutions are fragmented and rarely combine clear nutrition guidance, age‑appropriate meal suggestions, reminders, and simple growth tracking in one place. This gap makes timely monitoring and informed action difficult, increasing the risk of preventable growth and developmental issues
Goal
Goal
Build a comprehensive child nutrition app that monitors a child’s nutrition and growth, logs and tracks daily health data for clear insights, provides personalized, evidence-based guidance with tailored daily meal plans, and delivers credible, up-to-date medical information in an intuitive, integrated experience that supports timely, informed decisions.
Build a comprehensive child nutrition app that monitors a child’s nutrition and growth, logs and tracks daily health data for clear insights, provides personalized, evidence-based guidance with tailored daily meal plans, and delivers credible, up-to-date medical information in an intuitive, integrated experience that supports timely, informed decisions.
Result
Result
Nutrisee achieved a SUS score of 82.5/100, rated Excellent (grade A) . This indicates very strong usability, with strengths in first‑time use and interface consistency. Minor refinements are recommended, such as clearer terminology and stronger affordances for a few actions.
Nutrisee achieved a SUS score of 82.5/100, rated Excellent (grade A) . This indicates very strong usability, with strengths in first‑time use and interface consistency. Minor refinements are recommended, such as clearer terminology and stronger affordances for a few actions.
Schedule and Planning
Schedule and Planning
As Project Manager, i defined the team’s vision and mission, built the plan and schedule, assigned responsibilities by role, and continuously monitored tasks and risks to keep the team aligned and on track.
As Project Manager, i defined the team’s vision and mission, built the plan and schedule, assigned responsibilities by role, and continuously monitored tasks and risks to keep the team aligned and on track.
Define
Define
We did research and user interviews. From the findings, we made a user persona and a user journey map. The persona lists the user’s goals, needs, and pain points. The journey map shows the steps the user takes, where they get stuck, and opportunities to improve. We used these to define the problem and choose what features to build first.
We did research and user interviews. From the findings, we made a user persona and a user journey map. The persona lists the user’s goals, needs, and pain points. The journey map shows the steps the user takes, where they get stuck, and opportunities to improve. We used these to define the problem and choose what features to build first.
Ideate
Ideate
In the ideate phase, we turned problems into user stories with simple solutions. We brainstormed ideas, then used an effort-impact matrix to decide what is important and what to do first. After prioritizing, we created the information architecture, user flows, wireframes, and wireflows based on the selected directions.
In the ideate phase, we turned problems into user stories with simple solutions. We brainstormed ideas, then used an effort-impact matrix to decide what is important and what to do first. After prioritizing, we created the information architecture, user flows, wireframes, and wireflows based on the selected directions.
Brand Identity
Brand Identity
In this section, I craft Nutrisee’s brand identity: a friendly pediatric nutrition app shaped by a cheerful, caring, and informative personality, brought to life through the Apil mascot (health and openness), baby and heart cues (warmth and care), a pastel purple and green palette (calm trust and healthy growth), and a typography pair of Cute Dino for playful display with Plus Jakarta Sans for clear, accessible UI.
The mood is soft and welcoming, the tone is warm, simple, and evidence‑based, and the logo system includes full‑color and black‑and‑white variations for consistent use across screens and print—together supporting Nutrisee’s promise to help parents track nutrition and growth with ease and confidence.
In this section, I craft Nutrisee’s brand identity: a friendly pediatric nutrition app shaped by a cheerful, caring, and informative personality, brought to life through the Apil mascot (health and openness), baby and heart cues (warmth and care), a pastel purple and green palette (calm trust and healthy growth), and a typography pair of Cute Dino for playful display with Plus Jakarta Sans for clear, accessible UI.
The mood is soft and welcoming, the tone is warm, simple, and evidence‑based, and the logo system includes full‑color and black‑and‑white variations for consistent use across screens and print—together supporting Nutrisee’s promise to help parents track nutrition and growth with ease and confidence.
Design System
Design System
In this section, I created the design system as the main brand guideline and product structure: standardized color styles (with clear roles), typography scales and usage, the icon set, a reusable component library with states and variants, and mascot. This serves as a single source of truth for design and development, keeping the experience consistent and speeding up delivery.
In this section, I created the design system as the main brand guideline and product structure: standardized color styles (with clear roles), typography scales and usage, the icon set, a reusable component library with states and variants, and mascot. This serves as a single source of truth for design and development, keeping the experience consistent and speeding up delivery.
UI Design
UI Design
I designed a clean UI centered on four essentials: a Nutrition Calculator that follows Indonesia’s Ministry of Health anthropometry standards to show nutritional status and growth; a Child Development tracker covering physical, linguistic, cognitive, and socio-emotional areas; Daily Meal Plans with balanced menus and AKG information; and Nutritionist Consultation for quick, professional guidance when needed.
I designed a clean UI centered on four essentials: a Nutrition Calculator that follows Indonesia’s Ministry of Health anthropometry standards to show nutritional status and growth; a Child Development tracker covering physical, linguistic, cognitive, and socio-emotional areas; Daily Meal Plans with balanced menus and AKG information; and Nutritionist Consultation for quick, professional guidance when needed.
Prototype
Prototype
Then we created a high‑fidelity, fully interactive prototype that maps the core product journeys end to end: Account Registration, Nutrition Calculator, Daily Meal Plan, Child Development, Consultation Payment, and Consultation Session. Each task is designed to be completed without guidance, mirroring real use so we can observe clarity, discoverability, and completion, and providing a solid basis for the test later.
Then we created a high‑fidelity, fully interactive prototype that maps the core product journeys end to end: Account Registration, Nutrition Calculator, Daily Meal Plan, Child Development, Consultation Payment, and Consultation Session. Each task is designed to be completed without guidance, mirroring real use so we can observe clarity, discoverability, and completion, and providing a solid basis for the test later.
Testing
Testing
Testing used per‑task usability sessions in Maze, where participants completed core flows (adding a child profile, calculating nutrition status, reviewing development, viewing daily meal plans, accessing nutritionist consultation). After completing the tasks, participants filled the SUS questionnaire (10 statements, 1–5 scale). Nutrisee achieved a SUS score of 86.5/100, graded A and rated Excellent, indicating strong usability. We tracked task success, time on task, and confusion points to prioritize improvements for the next iteration.
Testing used per‑task usability sessions in Maze, where participants completed core flows (adding a child profile, calculating nutrition status, reviewing development, viewing daily meal plans, accessing nutritionist consultation). After completing the tasks, participants filled the SUS questionnaire (10 statements, 1–5 scale). Nutrisee achieved a SUS score of 86.5/100, graded A and rated Excellent, indicating strong usability. We tracked task success, time on task, and confusion points to prioritize improvements for the next iteration.
Design Iteration
Design Iteration
Design iterations focused on two recurring issues. Many users struggled to set a child’s date of birth with the slider, so we replaced it with a date picker for precise, familiar input. We also saw misclicks on the child data section in Daily Meal Plans because it looked like a tappable home menu. We redesigned it as a clear, non‑interactive info card with stronger labeling to signal read‑only content. These changes reduce input friction, prevent accidental taps, and improve clarity.
Design iterations focused on two recurring issues. Many users struggled to set a child’s date of birth with the slider, so we replaced it with a date picker for precise, familiar input. We also saw misclicks on the child data section in Daily Meal Plans because it looked like a tappable home menu. We redesigned it as a clear, non‑interactive info card with stronger labeling to signal read‑only content. These changes reduce input friction, prevent accidental taps, and improve clarity.
