Nibblet

End to End Design for a Healthy eating Guide App

behance-65938c41e8078 copy

Introduction

Nibblet focuses on healthy eating. It helps users stay consistent with their healthy eating habits by offering a points system and leaderboards. Users can earn points by completing healthy recipes, and they can see their progress on leaderboards tailored to different goals, like weight loss, weight gain, or muscle gain.

My Role
I single-handedly managed the entire design and development process for Nibblet over a three-week period, demonstrating a comprehensive skill set from concept to execution.

Meaning i was responsible for user research, ideation, scamping wireframes, Developing lo-di & high-fi prototypes while considering component design , the design system and constant iteration.
Project Scope
3 Weeks – Week 1 ideation & scamping , Week 2 Lo-fi Prototypes & Wireframe , week 3 High-fir Prototypes & User Testing
Tools
Figma – Illustrator – Todoist – Pen & Paper

Cue

110

Routine

routine 110

Reward

reward 110

Problem Discovery

People want to eat healthier but often don’t because of the stigma that healthy food doesn’t taste good, and they lose motivation when it doesn’t feel rewarding or fun

During early interviews with potential users, we discovered that many struggled to maintain consistent healthy eating habits while balancing busy work or study schedules. Often, they would try new meals or diets with friends, only to lose motivation and abandon them after a few weeks, defaulting back to easy, convenient options like 2-minute noodles

HMW help people stick to healthy eating habits and make nutritious meals feel easy, rewarding, and enjoyable?

Our Solution

Turning healthy eating into a fun, rewarding journey that fits seamlessly into busy lives

Watch your healthy habits grow as you climb the leaderboard

Effortless Healthy cooking

From Selection to Satisfaction in a few simple steps

Discover delicious recipes and browse a variety of healthy, easy-to-make options tailored to your needs

Follow clear, step-by-step instructions that make cooking a breeze

Track your progress by earning points and seeing your achievements as you cook
Searching for a Friend?

Connect with Friends easily with the search feature

Learn how to search for and add friends within the app

Stay connected and share your progress with your social circle

Discover new friends who share similar goals and interests
Viewing the Leaderboard

Compete and Climb

Check your ranking on various leaderboards and see how you compare

Explore different categories and challenges to boost your standing

Stay motivated by tracking your progress against others
Viewing Your Profile

Your Personal Hub of improvement and growth

View all your achievements and progress in one place
Customize your profile settings and preferences easily
Share your stats and milestones with friends to stay motivated
Homepage Overview

Your Central Hub

View your progress to the next level and milestones at a glance

Explore recent recipes, updates, and friend activity without navigating away

Quickly access all main pages: Recipes, Leaderboards, Search, Profile

The Process

Research

Based on the Behavioral Psychology book the power of habits by charles duhigg. I decided His model of the habit loop would be a good starting point for the app design. This model is how habits form which would be cruical to this app.
The model has 3 stages as you mightve seen above which govern how it works. I was going to ensure that we have each of the 3 stages in the design. Below you will find a model of how the loop works.
The Habit Loop
Back to top arrow
Your Heading

Your Heading

Your Heading