Meal diet plan — Case study

01Context

Healthy eating, without the friction.

The app gives people a daily meal plan and tracks calories, water, steps, workouts and sleep. The work focused on the parts people used every day, guided by their feedback and surveys.

About the project

An app that helps people lose weight and build healthy eating habits: a daily meal plan for breakfast, snacks, lunch and dinner, a large library of healthy meals, and workouts.

Goal

Make the app easier to use every day, and give it a more modern, friendly look.

Task

Find the weak spots in user feedback, then design what was missing: custom meals, filters, flexible water logging and a clearer profile.

Problem

It was hard to navigate and find the features people needed.
The design felt outdated.
Users were missing features that would help them lose weight.

What it tracks

restaurantMealsThe day's plan and its calories

water_dropWaterGlasses, bottles or any amount

directions_walkStepsTowards a daily step goal

fitness_centerWorkoutsMinutes of exercise

bedtimeSleepHours slept each night

02Design process

Six steps, from feedback to handoff.

01

Problem identification

Gathering and analysing feedback from support, surveys and app store reviews.

02

Product analysis

Finding where exactly the issue is in the app and what could fix it.

03

Competitor analysis

How the biggest brands solve the same problem, and which good practices they use.

04

Moodboard

Competitor screens collected to discuss with the team and agree on a direction.

05

Wireframing

Low-fidelity layouts and first ideas, shared early for team feedback.

06

High-fidelity mockup

Final screens and prototype, handed over to developers.

restaurant03Meal change · Log custom meal · Filter

Eat something else, and still stay on plan.

Problem

Users couldn't search the whole meal database, only pick from the recommended list.
They often couldn't find what they wanted to eat.

How we found it

Support collected feedback on this topic, and we gathered reviews from Google Play and the App Store. After analysing them, we launched a survey.

Survey 1 · open questions

Who took part

Users in their second and third week. Metrics showed that most people cancel their subscription or delete their account after the first month, so we asked them before that point.

What we asked

What would you like to change or improve in the app?
Is it easy to change the meal?
What additional features would you like to have in the app?
Would you like to log your own custom meal?

Survey 2 · in the app, one question

How it worked

When a user tapped “Change meal”, the app asked why they were changing it.
The answer options came from the most common reasons in the feedback analysis.

In-app survey question with eight answer options

In-app survey answers

What the answers led to

43%

22%+21%

wanted something different, or the meal didn't look appetizing

arrow_forwardSearch the whole meal database and filter by dish type

28%

17%+11%

didn't have some ingredients, or didn't want to eat them

arrow_forwardFilter by ingredients, and log your own meal or ingredient

5%

didn't have enough time to cook

arrow_forwardFilter by preparation time

Log custom meal

Main idea

Let people log what they really ate during the day, not only the meals the app offers.

Problem

Users couldn't log their own meal when they ate at a restaurant, at a friend's place, or anything else that wasn't in the plan.

Before

After

Change meal sheet — **Change meal**Recommended, or log your own.

Custom meal, recent logs — **Custom meal**Recent logs, meals, ingredients.

Choosing an ingredient from search

The whole database, not only the plan.

Search results — **Search**Any ingredient.

Serving details, select from list — **Serving**From a list, or manually.

Serving details, enter manually — **Serving**From a list, or manually.

Choosing from recent logs or my meals

Reuse a meal you logged before.

Custom meal with ingredients — **Meal**Edit, then log.

Choosing from My ingredients

Everything you added yourself.

Create custom ingredient, filled — **Ingredient**Calories and nutrients.

Creating a custom ingredient

Can't find it? Add it.

Creating custom ingredient — **New ingredient**Name, calories, nutrients.

Custom meal screen

Macros for every ingredient.

Filter

In the survey, the most common reason for changing a meal was wanting something different. Filters narrow the list down by preparation time, dish type and ingredients.

**Active filters**Always visible, removed in one tap.

Empty state — **Helpful empty state**Explains why, and points to your preferences.

water_drop04Water intake tracker

Any glass, any bottle, any amount.

Problem

Users could log water by choosing from only two amounts.
There was no way to log a custom amount.
The design was outdated and hard to navigate.

Task

Create a more playful interface.
Let users log a custom amount of water.
Let users edit their water history.

Before

Old water intake — **Water**Two amounts only.

Old water amount picker — **Water**Two amounts only.

After

Water intake — **Today**Goal and last 7 days.

Add water, glass — **Glass**Pick a container.

Add water, bottle — **Bottle**Slider for the amount.

Add water, custom amount — **Custom**Any amount in ml.

Water settings — **Daily goal**With a recommendation.

account_circle05Profile

Progress that's easy to read, and fun to keep.

Problem

The profile was outdated, hard to navigate and didn't give much useful information.

Task

Redesign the outdated interface.
Add weekly goal streaks.
Show week, month and year statistics and history.

Before

Profile

Weight

Water intake

Workout time

After

Me pageWeight, goals and streaks. Hover to scroll.

Goal cardsWeek, month and year for each goal. Hover to scroll.

Weekly goal streaks

Each goal has its own colour, with the current and the longest streak on top.

StreaksAll goals, or one.

Edit the history

Fix a typo without ruining the chart.

Weight historyWeek and month.

Edit entrySlider, or delete.

06Visual design

One blue for actions, a colour for every goal.

A bright, trustworthy blue leads every main action. Each tracked goal has its own soft colour, used the same way in cards, charts, streaks and empty states.

Typography

Lato

RegularBold

A warm, friendly sans that keeps numbers like calories, grams and millilitres easy to read on small screens.

Colours

Primary#027AFF

Indigo#0E1DAC

Meal#26C05E

Water#70A1FE

Steps#F3986C

Workout#745DFF

Sleep#06ABFF

Text#222222

Healthy eating, without the friction.

About the project

Goal

Task

Problem

What it tracks

Six steps, from feedback to handoff.

Problem identification

Product analysis

Competitor analysis

Moodboard

Wireframing

High-fidelity mockup

Eat something else, and still stay on plan.

Problem

How we found it

Survey 1 · open questions

Who took part

What we asked

Survey 2 · in the app, one question

How it worked

In-app survey answers

Log custom meal

Main idea

Problem

Choosing an ingredient from search

Choosing from recent logs or my meals

Choosing from My ingredients

Creating a custom ingredient

Custom meal screen

Filter

Any glass, any bottle, any amount.

Problem

Task

Progress that's easy to read, and fun to keep.

Problem

Task

Weekly goal streaks

Edit the history

One blue for actions, a colour for every goal.

Typography

Colours

Kapitalizmas.