IOS, ANDROID

Food tracker for parents and kids

Wireframes, UI/UX, and interactive prototype for the parents to track food intake, total calories, and spendings of their children.

3D Milk bottle made with blender.3D Strawberry made with blender3D plate made with blender.3D cup cake made with blender.

Project overview

Foodnube is a mobile app that helps parents track their children's calorie intake and spendings at the canteen. This organizational tool also alerts parents when their child has exceeded recommended caloric intake, ensuring they don't overindulge in unhealthy foods. Furthermore, the Foodnube provides daily updates on what small changes to make to help your child eat healthier and more responsibly.

Challenge

Unhealthy eating habits can be formed in children when they eat more than what is required for a day which can contribute to the risk of developing health problems. It's hard to track calories and food intake of kids, especially at school canteen where parents don't have control over their expenses on food.

Design process

After the research, a user persona with 3 kids from different school grade levels was created. Then, by understanding what features they'd expect from a modern day mobile app which has both food & fitness tracker functionalities integrated together on one platform, wireframes and an interactive prototype are designed.

Final result

A vibrant mobile app focused on usability for parents which allows them to quickly add their kids' profiles like height, weight, activities etc. With the integration of school meal programs, parents are provided with nutrition info about each food item served so they can monitor their child's calorie intake & expenses.

Monitor children's calorie intake

Foodnube will track every product in the canteen to give the parents the detailed information on total calories, fats, carbs, & fiber eaten by children on a daily, weekly and monthly basis helping them to lead a healthy life style.

Foodnube mobile app - Home Screen for Parent users for iOS and Android users.
Foodnube mobile app - Food intake statistics and insights screen for iOS and Android users.
Foodnube mobile app - Food intake insights screen for parents for iOS and Android users.
Foodnube mobile app - Recommended food screen for parents for iOS and Android users.

Track spending history at school canteen

Foodnube lets parents see how much money their kids are spending each day with all transactions recorded. Also, parents gets a heads-up when money is running low in their kids accounts so they add more funds instantly with just a few clicks.

Foodnube mobile app - Transactions screen for parent users
Foodnube mobile app - Funds added popover screen for parent users.
Foodnube mobile app - Notifications screen for parent users.
Foodnube mobile app - Filter debit transactions screen for parent users.
Foodnube mobile app icon.
Foodnube
Track child's calories and BMI

Foodnube helps kids to maintain a healthy eating lifestyle by tracking their food intake.

Spending Analysis

View transaction history along with weekly/monthly expenditure tracking.

Nursery Menu

A special nursery menu is made for kids under 3 years.

Pre-plan meals ahead

Parents can pre-plan the meals for their Nursery kids weeks ahead.

Showcase of Foodnube mobile app screens on iPhone11 mockups with salad, tomatoes and healthy juice placed inn front.

Children's calorie profiles & BMI

The app provides the parents with calorie profiles of their children along with each child's BMI so they can track what they are eating. It also calculates which foods were most nutritious (nutrients per calorie) for each meal or snack while at school. 

Foodnube mobile app - BMI Progress screen for parent users.
Foodnube mobile app - Child profile screen popover for parent users.
Foodnube mobile app - Advertisement screen for parent users.
Foodnube mobile app - Children profiles screen for parent users.

Prepare nursery menu in advance

Foodnube’s clean design interface allows parents to quickly categorize meals, snacks, and drinks with just a few clicks. Not only does it allow you to customize your own menu profile for calories intake; it also creates personalized meal plans.

Foodnube mobile app - Nursery menu screen for parent users.
Foodnube mobile app - Food (pizza) details screen for parents for iOS and Android users.
Foodnube mobile app - Food menu screen for parent users.
Foodnube mobile app - Veggie rice mixture food price and calories quick info screen for parents for iOS and Android users.
Quote icon.

Information and iteration are the keys to a successful design.

- Erika Hall

Showcase of foodnube app screens on an iPhone11 mockup held by a wooden hand.
A teenager eating colourful sweet cereal with proteins, carbs and fats details overlaid.
A kid eating cookie with BMI bar overlaid on the image.
Showcase of foodnube mobile app screens on two iPhone11 mockups.

Wireframes and behind the scenes

Here's a sneak peek of the work done for this project before designing a high-fidelity interactive prototype. I always draw wireframes as they are an essential part of the product development process, allowing you to identify issues earlier on, saving time & money in design and development phases.

MacBook Pro laptop with Foodnube screens on figma app along with wireframe papers on a coffee table.
Wireframes on paper with coffee cup placed next to it on a coffee table.
Wireframes drawn on papers with a pen and phone placed on top of them for foodnube project.
MacBook Pro laptop with figma app and foodnube screens, placed on a coffee table with coffee cup next to it.
Wireframes on papers for foodnube project placed on a table.

Thank You!

A solid yellow 3D hand holding a clay mobile mockup with Foodnube screen design in it.
View all projects
Right arrow icon.