background shape 1background shapebackground shape

Project

PeekaBite

PeekaBite is a mobile application that lets health-conscious users scan packaged foods for quick nutrition info and personalized health tips.

PlanT project thumbnail

My Role

I contributed to both UI and UX design, starting from primary research and user interviews to developing low-to high-fidelity screens, with a particular focus on the profile setup flow.
I also created the app's mascot and its animations, and designed key UI components such as buttons, navigation, and input forms.

Overview

Problem

Many consumers find nutrition labels overwhelming, confusing, or time-consuming to interpret. While they frequently check for sugar, calories, and fat, understanding hidden risks or broader nutritional profiles is difficult.

Overview

Opportunity

Consumers are increasingly seeking clear and transparent health information about the food they eat. While basic nutrition labels are available, most existing tools fall short of meeting this need. People want trustworthy, easy-to-understand solutions that reveal hidden health concerns like additives, contaminants, and questionable production practices.
This creates an opportunity to design a user-centered experience that makes complex food data more accessible, understandable, and trustworthy, empowering users to make informed choices with confidence.

70%
consumers
  • Struggling to interpret food labels
  • Demanding transparency about health factors
Source: International Food Information Council, 2023

Overview

Pain Point from User Interview

  • 1. Lack of Understanding

    "I check labels all the time, mostly to look for sugar and sodium content, but it's hard to figure out what's really healthy."

    - Participant 3

  • 2. Desire for Simplicity

    "I want something that tells me right away if a product is good for me without all the complicated labels"

    - Participant 6

  • 3. Time-Consuming

    "It's time-consuming to read labels, and some information isn't clear or easy to find"

    - Participant 5

Overview

Solution

PeekaBite offers health-conscious consumers a mobile app that delivers instant nutritional information and personalized health insights. By simply interacting with the product packaging, users can quickly understand what they’re eating and discover better choices. The app is designed around three core features that make informed food decisions easier and more accessible.

Main features

  • Product Scanning
    & Label Interpretation
  • Healthier Alternatives
    Suggestions
  • AI Report & Chat

Overview

Main Features

  • nutrition fact icon
    Nutritional & Ingredient
    Information
  • score icon
    Product Health
    Score & Alternatives
  • AI icon
    AI Report & Consultant
    Behind the Package

Userflow

This is the user flow for the 'Scan' feature. Click the image below to view the complete user flow.

peekabite userflow

Wireframes

Since the product's primary focus is client management and creating new plans, I included wireframes highlighting these key features.
My contribution specifically focused on designing the client management pages.

PeekaBite wireframes

UI Kit

The project features components designed in the glassmorphism style, paired with a greenery gradient background to evoke a sense of landscape and planting.

PeekaBite design system

Prototype

Key Screens

PeekaBite Key screens
TOP
Copy Script