Nutree

Nutree - An Ecommerce that sell A-Z all you want

Deliverables
Deliverables

Mobile App
Prototype

Project timeline
2021
What we do

UX Research
UX/UI Design
Prototyping
Android Development

Nutree helps users track calories, food, and activity while offering expert consultation and healthy meal plans—making health management simple, personalized, and effective.

Objective

Objective

To design an intuitive health management app that supports Indonesians in reducing obesity through guided nutrition, activity tracking, and expert support.

The Challange

1 in 3 Indonesian adults are obese. Poor diet, lack of physical activity, and limited access to health education contribute to rising obesity rates, leading to serious health risks and premature death.

The Solution

Nutree combines calorie tracking, nutritional guidance, and professional consultation into a seamless mobile experience. It empowers users to take control of their health with personalized tools and insights tailored to their lifestyle.

About the project

Nutree is a collaborative project, created as part of 1000 startup event. Our team consists of 1 Hipster (Designers) 3 Hacker (Mobile and fullstack dev), and 1 Hustler (Bussiness). My role in this project was as a UX Research and UI designer.

Timeline

Understand, diverge and decide phase in week 1, then prototype and validate in week 2 and 3.

About app

Nutree is an innovative application specifically designed to assist users in efficiently managing their calorie intake. This app offers various advanced and intuitive features that enable users to accurately calculate, track, and manage their daily calorie consumption, record their body weight, and help them achieve their health goals, whether it's for diet or fitness.

Nutree's key features

Design sprint Framework

Understand

Introduction

In this fase, We introduce ourself, then explain the tasks & roles of each which can be started by the Facilitator. After everyone has introduced themselves, it's time for the facilitator to briefly explain the sprint design process including the activities & agenda
my role is to be hipster.

Long term goal

Determine the goals of our design sprint by asking:

  • Why are we doing this project (goal)?

  • Where do we want our product to be or achieve in six months, a year, or even 5 years?

  • Once we have these, write the long-term goals on the board here is our team sprint goal

“ Helping users manage their diet so they can adopt a healthy lifestyle.”

User journey map

Listing stakeholder. we write who are the stakeholders related to this issue and write down some actions taket by them.

Then, we wirite user journey. This contains the flow that users go through while using our product to achieve their goals.

Expert Interview

Each team member becomes an 'Expert in the Room' and shares experiences and information gained from previous research by telling stories to other team members.

While one person is telling the story, the other team members listen and take notes.

The notes do not contain minutes, but contain 'How Might We'.

How might we

How Might We focuses on the problem, not the answer or solution that you want to build. In short, 'How Might We' is like formulating a problem in a thesis. The purpose of 'How Might We' is to explore the problem to get input from experts and potential users. NOT to provide solutions for expert sharing 'pain points'.

Target sprint

The next step is to determine the sprint target/focus based on the HMW we get. This is very important to ensure that our sprint runs according to plan.

Diverge

Gather inspiration ideas

This phase is the phase where we will look for solutions to the targets/focuses that we want to complete.

Crazy 8s

We got a A4/A3 paper, The paper will be folded/divided into 8

parts. we were given approximately 15 minutes to describe 8 different variations of ideas/solutions. After the idea or solution is created, then each of us presents their idea. here some crazy8 that we draw.

Zen Voting

  • Each participant has 3 votes (3 dot stickers)

  • Participants determine their choice by attaching a dot sticker to a specific idea/solution

  • Participants may vote for their own idea or an idea from another participant

Participants may give 3 dot stickers (all their votes) to 1 idea.

Decide

Determining the Final Idea

After voting on the ideas in Crazy 8s, the team will work together to create a final idea whose contents can be taken from the collection of ideas in the Crazy 8s session into 1 ideal flow. After the final idea is created, then the team representative will present the final idea again.

Storyboard

Adopting the most potential big ideas into a storyboard. After we go through the ideation process and get the final idea, we will adopt the final idea into a flow that explains the value of the solution and its innovation in detail based on the context of its use and with a narrative approach.

Develop

Style Guide

Color Palette
Typography
Icons

Deliver

High fidelity Design

Splash Screen

User can track calories, log meals, and monitor activity effortlessly. Nutree makes health management easy with expert tips and personalized meal plans for a better lifestyle.

Login & Register

User can register quickly using their phone number. Nutree ensures a secure login and creates a personalized health plan tailored to each user's unique needs.

Onboarding Question

User can personalize their health journey by setting goals, body metrics, and fitness habits. Nutree tailors a unique plan based on user preferences for optimal results.

Home Dashboard

User can monitor progress, analyze calorie trends, and manage personal goals. Nutree keeps everything organized diet, activity, hydration, and profile settings in one simple, intuitive dashboard.

Food tracker

Users can search, select, and log meals with detailed nutritional info. Entries are tracked daily, with options to edit or delete.

Activity tracker

Users can log their physical activities by selecting type, intensity, and duration. The tracker calculates calories burned and updates progress toward daily activity goals. Logged activities are viewable and editable.

Weight tracker

This section allows users to record and monitor their weight over time. Users can input daily weight updates, view progress through a line graph, and compare their current weight with their starting and target weights.

Catering & Consulting

User can choose personalized meal plans and expert coaches to support their health goals. Nutree offers curated catering options and professional consultations for a healthier lifestyle.

Articles

User can explore curated health articles tailored to their goals.

 Nutree provides trusted insights on nutrition, fitness, and wellness to support informed lifestyle choices.

Validate/Test

User testing

We will welcome and introduce the Prototype to the user. Give the user a task to interact with the prototype and ask the user to say out loud what they think and feel

Questions
  1. Please start with the self-introduction of the respondent

  2. How important do you think is an ideal body and its relationship with a good diet for health?

  3. How important do you think is activity / exercise for health?

  4. Is there any motivation yourself or from others to maintain health?

  5. Have you ever used a calorie counter?\

  6. Have you ever used a health application to monitor your body condition or to lose weight for example?

  7. If yes, what application do you use? Why?

  8. If not, why?

  9. What do you like and dislike about the application?

We record user reactions to the prototype using colored Sticky Notes (Red for negative, Blue for positive, and Yellow for neutral). After the user completes the task, when we learns and digs for more information from the user. we ask if they understand the purpose of the tested task, where the parts make them confused, how was the experience when they interacted with the prototype, etc. that we can improvise.

Prototipe

Buka Prototipe

The Result

Building this health tracking app was a journey focused on making daily habit tracking feel effortless and motivating. We designed simple, consistent flows for logging food, activities, and weight, so users could quickly see their progress without feeling overwhelmed. Every detail from hydration badges to calorie charts was crafted to celebrate small wins and keep users engaged. Through this project, I learned that clear feedback and a friendly interface are powerful tools to build lasting habits. It also opened my eyes to how much more meaningful an app becomes when it genuinely fits into users’ daily lives.

Check out other project

Ready to Bring Your Ideas to Life?

Let’s collaborate. I’m here to help. Get in touch and let’s get started!

©2025 Muhamad Rizki Fajri. Made by me in Figma & Framer.

Ready to Bring Your Ideas to Life?

Let’s collaborate. I’m here to help. Get in touch and let’s get started!

©2025 Muhamad Rizki Fajri. Made by me in Figma & Framer.

Ready to Bring Your Ideas to Life?

Let’s collaborate. I’m here to help. Get in touch and let’s get started!

©2025 Muhamad Rizki Fajri. Made by me in Figma & Framer.

Create a free website with Framer, the website builder loved by startups, designers and agencies.