Eco-Friendly Platform Design

UX/UI design

BAGETIT

BAGETIT

An app that rescues surplus food, saves you money, and supports local businesses, all in a few taps.

An app that rescues surplus food, saves you money, and supports local businesses, all in a few taps.

An app that rescues surplus food, saves you money, and supports local businesses, all in a few taps.

About the Project

About the Project

01

01

This case study explores designing a simple, user-friendly platform to reduce food waste. The goal was to make finding and saving surplus food easy and enjoyable.

Clean & Intuitive

A streamlined design that helps users navigate effortlessly.

Fast & Efficient:

Filter by time, sort by distance, and find the best food near you in seconds.

Challenge and solution

Challenge and solution

02

02

Simplifying access to surplus food through user-focused design.

Challenge

  1. Hard to find nearby surplus food.

  2. Confusing filters and sorting.


  3. Low motivation to explore and buy.


  4. Uncertainty about food quality and pickup details.

Challenge

  1. Hard to find nearby surplus food.

  2. Confusing filters and sorting.


  3. Low motivation to explore and buy.


  4. Uncertainty about food quality and pickup details.

Challenge

  1. Hard to find nearby surplus food.

  2. Confusing filters and sorting.


  3. Low motivation to explore and buy.


  4. Uncertainty about food quality and pickup details.

Solution

  1. Show relevant food options near the user.

  2. Simplify filters and sorting.

  3. Highlight savings and environmental impact.

  4. Display clear pickup times, locations, and food details.

Solution

  1. Show relevant food options near the user.

  2. Simplify filters and sorting.

  3. Highlight savings and environmental impact.

  4. Display clear pickup times, locations, and food details.

Solution

  1. Show relevant food options near the user.

  2. Simplify filters and sorting.

  3. Highlight savings and environmental impact.

  4. Display clear pickup times, locations, and food details.

User interviews

User interviews

03

03

I interviewed users who care about saving money and reducing food waste to understand their challenges. These insights shaped a simple and effective app experience.

Pickup Clarity

85% preferred a quick, straightforward checkout.

Faster Checkout

78% wanted clearer pickup times.


Savings Matter

72% would order more if they saw total savings over time.

Competitive analysis

Competitive analysis

04

04

To create a better experience, I analyzed three leading competitors:

Too good to go

Too good to go

Too good to go

Seamless interface, clear navigation, and smooth checkout.

Seamless interface, clear navigation, and smooth checkout.

Seamless interface, clear navigation, and smooth checkout.

Olio

Olio

Olio

Community-driven sharing with a social, user-friendly approach.

Community-driven sharing with a social, user-friendly approach.

Community-driven sharing with a social, user-friendly approach.

Karma

Sleek design with smart filters and personalized recommendations.

Sleek design with smart filters and personalized recommendations.

Sleek design with smart filters and personalized recommendations.

User persona

User persona

05

05

Understanding users’ habits and motivations helped shape an intuitive experience.

Discover

Clara, 42 - Busy Working Mom

Needs

Easy reservations
Clear pickup times
Reliable reviews.

Goals

Save money
Reduce waste
Support local shops.

Discover

James, 28 – Eco-Conscious City Dweller

Needs

Fast browsing
Quick filtering
Impact tracking.

Goals

Reduce food waste
Discover local spots
Stay motivated.

User flow

User flow

06

06

The user flow was designed for a fast and seamless experience. From browsing to checkout, every step is optimized to reduce friction and make the process effortless.

Style guide

Style guide

07

07

A fresh, sustainable look:
Colors: Phthalo Green & Light Moss Green for an eco-friendly feel, with White for clarity.

White

White

#FFFFFF

#FFFFFF

Phthalo Green

Phthalo Green

#103430

#103430

Light Moss Green

Light Moss Green

#C0DB9E

#C0DB9E

Typography

Typography

Typography: Poppins – modern, clean, and highly readable.

Poppins

Poppins

Regular

Regular

abcde

fghijk

lmnop

qrstu

vwxyz

abcde

fghijk

lmnop

qrstu

vwxyz

abcde

fghijk

lmnop

qrstu

vwxyz

abcde

fghijk

lmnop

qrstu

vwxyz

123

456

789

*/-,.

123

456

789

*/-,.

SemiBold

SemiBold

abcde

fghijk

lmnop

qrstu

vwxyz

abcde

fghijk

lmnop

qrstu

vwxyz

abcde

fghijk

lmnop

qrstu

vwxyz

abcde

fghijk

lmnop

qrstu

vwxyz

123

456

789

*/-,.

123

456

789

*/-,.

Final design

Final design

08

08

Before diving into the final design, I created wireframes to map out the app’s structure and user journey. This helped define key screens, navigation, and interactions, ensuring a smooth and intuitive experience before refining the visuals.

Easy Onboarding

Easy Onboarding

A quick and clear start, guiding users smoothly into the app.

Simple Checkout, Order Confirmed!

Simple Checkout, Order Confirmed!

Filter by time, sort by distance, and let us handle the rest. Find the perfect spots quickly and effortlessly, tailored to your schedule and location.

Final thoughts

Final thoughts

09

09

When I started to work on this project, I knew the biggest challenge would be making something simple, clear, and easy to use while dealing with the UX&UI. Since users don’t know exactly what they’re getting, I had to design an experience that still felt exciting and trustworthy.

Figuring out the right flow, from filtering to checkout, took time, but through research and testing, I think I made it seamless. This process pushed me to think differently about user behavior, and in the end, I’m proud of how everything came together, practical, intuitive, and actually useful for the users.

My learning

  1. Simplicity wins – The clearer the flow, the better the experience.


  2. Trust matters – Users need confidence in what they’re buying, even with uncertainty.

  3. Details add up – The right colors, fonts, and spacing made everything feel smoother.

My learning

  1. Simplicity wins – The clearer the flow, the better the experience.


  2. Trust matters – Users need confidence in what they’re buying, even with uncertainty.

  3. Details add up – The right colors, fonts, and spacing made everything feel smoother.

My learning

  1. Simplicity wins – The clearer the flow, the better the experience.


  2. Trust matters – Users need confidence in what they’re buying, even with uncertainty.

  3. Details add up – The right colors, fonts, and spacing made everything feel smoother.

If I had more time

  1. Improve accessibility - make the app even easier for all users.


  2. Refine microinteractions - small animations for a smoother feel.

  3. Expand user testing - more feedback, better results.

If I had more time

  1. Improve accessibility - make the app even easier for all users.


  2. Refine microinteractions - small animations for a smoother feel.

  3. Expand user testing - more feedback, better results.

If I had more time

  1. Improve accessibility - make the app even easier for all users.


  2. Refine microinteractions - small animations for a smoother feel.

  3. Expand user testing - more feedback, better results.

Thank you for reading!

Thank you for reading!