top of page

Food Delivery App Case Study

Product: Yemeksepeti

ys_logo.png

Yemeksepeti is a food delivery app that you can find restaurants near you and order your favourite food. Order and receive your food with the best experience.

UX/UI Case Study

P_splashscreen.png
P_home.png

Project Overview

Yemeksepeti is the first and most active online food ordering app in Turkey. Ordering food with it is easy now! Select your district, choose a restaurant, add your dishes of choice into the basket, select your payment type and order fast.

The purpose of this case study is to show how can be optimized food ordering process as much as possible, and make it not only convenient but also with a clean UI.

Design Process

ic_esearch.png

Research

Conducted both desktop and user research to cover the whole process

ic_userflow_o.png

Site Map

Created a site map to understand how users can navigate

ic_wireframe.png

UX Design

Designed useful, easy to use, and delightful path and interaction

ic_visualdesign_o.png

UI & Interaction

Designed visual part of the app, including interactions

Site Map

Before design, an app, created a site map to understand how the users navigate and behave while they are using it. Below will see a simplified map of the user actions.

User Flow.png

Mid-Fidelity Wireframes

Created wireframes to understand the basic structure of an app before visual design. In this phase, showed screens to present content, information, and layout.

Home.png
Explore.png
Burger Restaurants.png
Restaurant Detail.png
Product Detail.png
Basket.png
Confirmation.png
Tracking.png

Typography & Color Palette

Typography

DIN Pro font is legible and clean. It is used to make the

typography easy to read for all users. It is quite a suitable font to be used in mobile screens.

Colors

ic_red.png

Primary Color

Hex: DA3124

ic_orange.png

Secondary Color

Hex: FF8E33

ic_black.png

Text Color

Hex: FF8E33

Visual Design

After the functions and features of the app are decided, continued with visual design. The focus was to add all the necessary elements and improve the process already have.

Yemeksepeti

Home page.

Yemeksepeti is here for you! Order online and deliver your food to your doorstep.

P_home.png

Yemeksepeti

Explore.

Easy way to search for foods, restaurants, and cuisines want to eat. 

P_explore.png

Yemeksepeti

Restaurant detail.

Offers you wide range of restaurant can order. Explore restaurant and order online easily.

P_restaurant.png

Yemeksepeti

Confirmation.

Easy way to check out any food. Order online and confirm your order.

P_confirmation.png

Yemeksepeti

Track order.

Easy to track your order with Yemeksepeti. Order online and get your food fast.

P_trackorder.png

Food Order Process

P_home.png
P_restaurant.png
P_food.png
P_basket.png
P_checkout.png
P_trackorder.png

App Screens

Splash Screen.png
Home.png
Order History.png
Product Detail.png
Confirmation.png
Home_Track.png
Login.png
Explore.png
Favourites.png
Home_Cart.png
Payment Type.png
Tracking.png
Sign Up.png
Restaurants.png
Restaurant Detail.png
Basket.png
Profile_Add Card.png
Profile.png
bottom of page