The Product:

Eatsy is an efficient and delectable food delivery app that offers users a seamless experience to discover nearby restaurants, place orders, and enjoy delicious meals delivered right to their doorstep.

 

With its intuitive interface and personalized features, Eatsy makes ordering food easy and enjoyable for every user.

01

Project Overview

The problem

Poor navigation and unclear user flows

Difficulty locating key features (menu, cart, account settings)

Cluttered layout and confusing design elements

Leads to user frustration and app abandonment

The goal

Design an intuitive and visually appealing interface

Ensure a seamless user experience throughout the app

Connect users with nearby restaurants efficiently

Simplify the food ordering and delivery process

Responsibilities

Research, Wireframes, High-fidelity mockups, Usability testing

Tools

Figma, FigJam, Miro, Photoshop, Illustrator

Savor & Sage

Fresh, seasonal dishes crafted with flavor and finesse. Where every bite feels like home.

Plant-Based Paradise Bistro

Get 20% off on our refreshing fish menu

Noodle Theory

Asian fusion meets street-food soul. Slurp-worthy bowls made to satisfy every craving.

Ember Lane

Bold fire-grilled flavors in a cozy, modern setting. Come hungry, leave inspired.

02

Pain Points

Complex Navigation

Users found it challenging to navigate through the app and locate essential features, leading to a disjointed user experience.

Limited Order Tracking

Users expressed a desire for more comprehensive order tracking options to stay informed about their food deliveries.

Lengthy Checkout Process

The checkout process involved too many steps, causing frustration and cart abandonment among users.

03

Style Guide

Bold

Regular

Bebas neue

Bebas Neue is a clean, bold, all-caps sans-serif font known for its modern and minimal look. It's popular for headlines, branding, and posters due to its strong presence and excellent readability.

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!"#$%&'()*+,-./:;<=>?@[]^_`{|}~©®™•–—…‘’“”±≠≤≥÷×§¶°′″₩€£¥$

Bold

Medium

Regular

Light

Poppins

With balanced letterforms and smooth curves, Poppins offers great readability, making it ideal for both web and mobile interfaces.

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!"#$%&'()*+,-./:;<=>?@[]^_`{|}~©®™•–—…‘’“”±≠≤≥÷×§¶°′″₩€£¥$

04

Iconography

The iconography is sleek, modern, and minimal—designed with clean lines and simple shapes to ensure clarity, consistency, and seamless integration with the overall UI.

05

Color Palette

Pink

FF9DE3

Yellow

FFC100

White

FCFCFC

Grey

8D8D8D

Green

00AC51

Red

FF354B

06

HI-FI Wireframes

Order Progress Screen

Homepage

Onboarding

07

User Flow

Browse Restaurants

Select Restaurant

Choose Dishes

Review Cart

Proceed to Checkout

Delivery Details

Payment

Place Order

Real-Time Tracking

Delivery and Enjoyment

User Action:

User opens the Eatsy app, finds filters button on a search panel . Choose from the slide-out list.

Vegan Filter:

Eatsy's menu will have a dedicated "Vegan" filter, enabling Theo to browse through a wide range of plant-based dishes from various restaurants. This filter will ensure that only vegan-friendly options appear, making it easier for him to explore new dishes.

Allergen-Free Options:

The app will offer an "Allergen-Free" filter, which will display meals that do not contain ingredients that Theo is allergic to or intolerant of. This way, he can confidently order meals without worrying about adverse reactions.

Let’s build your idea together

Designing digital products that blend strategy, craft, and innovation for startups and established brands.

Navigation

About Me

Case Studies

My Work

Testimonials

Get in touch

katesalii.design@gmail.com

Remote

Available for projects

© 2026 Kate S. All rights reserved.

The Product:

Eatsy is an efficient and delectable food delivery app that offers users a seamless experience to discover nearby restaurants, place orders, and enjoy delicious meals delivered right to their doorstep.

 

With its intuitive interface and personalized features, Eatsy makes ordering food easy and enjoyable for every user.

01

Project Overview

The problem

Poor navigation and unclear user flows

Difficulty locating key features (menu, cart, account settings)

Cluttered layout and confusing design elements

Leads to user frustration and app abandonment

The goal

Design an intuitive and visually appealing interface

Ensure a seamless user experience throughout the app

Connect users with nearby restaurants efficiently

Simplify the food ordering and delivery process

Responsibilities

Research, Wireframes, High-fidelity mockups, Usability testing

Tools

Figma, FigJam, Miro, Photoshop, Illustrator

Savor & Sage

Fresh, seasonal dishes crafted with flavor and finesse. Where every bite feels like home.

Plant-Based Paradise Bistro

Get 20% off on our refreshing fish menu

Noodle Theory

Asian fusion meets street-food soul. Slurp-worthy bowls made to satisfy every craving.

Ember Lane

Bold fire-grilled flavors in a cozy, modern setting. Come hungry, leave inspired.

02

Pain Points

Complex Navigation

Users found it challenging to navigate through the app and locate essential features, leading to a disjointed user experience.

Limited Order Tracking

Users expressed a desire for more comprehensive order tracking options to stay informed about their food deliveries.

Lengthy Checkout Process

The checkout process involved too many steps, causing frustration and cart abandonment among users.

03

Style Guide

Bold

Regular

Bebas neue

Bebas Neue is a clean, bold, all-caps sans-serif font known for its modern and minimal look. It's popular for headlines, branding, and posters due to its strong presence and excellent readability.

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!"#$%&'()*+,-./:;<=>?@[]^_`{|}~©®™•–—…‘’“”±≠≤≥÷×§¶°′″₩€£¥$

Bold

Medium

Regular

Light

Poppins

With balanced letterforms and smooth curves, Poppins offers great readability, making it ideal for both web and mobile interfaces.

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!"#$%&'()*+,-./:;<=>?@[]^_`{|}~©®™•–—…‘’“”±≠≤≥÷×§¶°′″₩€£¥$

04

Iconography

The iconography is sleek, modern, and minimal—designed with clean lines and simple shapes to ensure clarity, consistency, and seamless integration with the overall UI.

05

Color Palette

Pink

HEX Code

FF9DE3

Yellow

HEX Code

FFC100

White

HEX Code

FCFCFC

Grey

HEX Code

8D8D8D

Green

HEX Code

00AC51

Red

HEX Code

FF354B

06

HI-FI Wireframes

Homepage

Onboarding

Order Progress Screen

07

User Flow

Browse Restaurants

Select Restaurant

Choose Dishes

Review Cart

Proceed to Checkout

Delivery Details

Payment

Place Order

Real-Time Tracking

Delivery and Enjoyment

User Action:

User opens the Eatsy app, finds filters button on a search panel . Choose from the slide-out list.

Vegan Filter:

Eatsy's menu will have a dedicated "Vegan" filter, enabling Theo to browse through a wide range of plant-based dishes from various restaurants. This filter will ensure that only vegan-friendly options appear, making it easier for him to explore new dishes.

Allergen-Free Options:

The app will offer an "Allergen-Free" filter, which will display meals that do not contain ingredients that Theo is allergic to or intolerant of. This way, he can confidently order meals without worrying about adverse reactions.

Let’s build your idea together

Designing digital products that blend strategy, craft, and innovation for startups and established brands.

Navigation

About Me

Case Studies

My Work

Testimonials

Get in touch

katesalii.design@gmail.com

Remote

Available for projects

© 2026 Kate S. All rights reserved.

The Product:

Eatsy is an efficient and delectable food delivery app that offers users a seamless experience to discover nearby restaurants, place orders, and enjoy delicious meals delivered right to their doorstep.

 

With its intuitive interface and personalized features, Eatsy makes ordering food easy and enjoyable for every user.

01

Project Overview

The problem

Poor navigation and unclear user flows

Difficulty locating key features (menu, cart, account settings)

Cluttered layout and confusing design elements

Leads to user frustration and app abandonment

The goal

Design an intuitive and visually appealing interface

Ensure a seamless user experience throughout the app

Connect users with nearby restaurants efficiently

Simplify the food ordering and delivery process

Responsibilities

Research, Wireframes, High-fidelity mockups, Usability testing

Tools

Figma, FigJam, Miro, Photoshop, Illustrator

02

Pain Points

Complex Navigation

Users found it challenging to navigate through the app and locate essential features, leading to a disjointed user experience.

Limited Order Tracking

Users expressed a desire for more comprehensive order tracking options to stay informed about their food deliveries.

Lengthy Checkout Process

The checkout process involved too many steps, causing frustration and cart abandonment among users.

03

Style Guide

Bold

Regular

Bebas neue

Bebas Neue is a clean, bold, all-caps sans-serif font known for its modern and minimal look. It's popular for headlines, branding, and posters due to its strong presence and excellent readability.

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!"#$%&'()*+,-./:;<=>?@[]^_`{|}~©®™•–—…‘’“”±≠≤≥÷×§¶°′″₩€£¥$

Bold

Medium

Regular

Light

Poppins

With balanced letterforms and smooth curves, Poppins offers great readability, making it ideal for both web and mobile interfaces.

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!"#$%&'()*+,-./:;<=>?@[]^_`{|}~©®™•–—…‘’“”±≠≤≥÷×§¶°′″₩€£¥$

04

Iconography

The iconography is sleek, modern, and minimal—designed with clean lines and simple shapes to ensure clarity, consistency, and seamless integration with the overall UI.

05

Color Palette

Pink

HEX Code

FF9DE3

Yellow

HEX Code

FFC100

White

HEX Code

FCFCFC

Grey

HEX Code

8D8D8D

Green

HEX Code

00AC51

Red

HEX Code

FF354B

06

HI-FI Wireframes

Homepage

Onboarding

Order Progress Screen

07

User Flow

Browse Restaurants

Select Restaurant

Choose Dishes

Review Cart

Proceed to Checkout

Delivery Details

Payment

Place Order

Real-Time Tracking

Delivery and Enjoyment

User Action:

User opens the Eatsy app, finds filters button on a search panel . Choose from the slide-out list.

Vegan Filter:

Eatsy's menu will have a dedicated "Vegan" filter, enabling Theo to browse through a wide range of plant-based dishes from various restaurants. This filter will ensure that only vegan-friendly options appear, making it easier for him to explore new dishes.

Allergen-Free Options:

The app will offer an "Allergen-Free" filter, which will display meals that do not contain ingredients that Theo is allergic to or intolerant of. This way, he can confidently order meals without worrying about adverse reactions.

Let’s build your idea together

Designing digital products that blend strategy, craft, and innovation for startups and established brands.

Navigation

About Me

Case Studies

My Work

Testimonials

Get in touch

katesalii.design@gmail.com

Remote

Available for projects

© 2026 Kate S. All rights reserved.