Elli Naghian

الهام
Joe’s Pizza

Joe’s Pizza

Mobile App Case study

In the Joe’s Pizza application, users can order any fast food, especially pizza and customize their preferred pizza and receive their order at their preferred address.

The project was part of my UX-Land Online School course on UI Design, which lasted one week.

PROJECT OVERVIEW

Problem Statement

  • Designing an iOS app for fast food
  • Creating a smooth flow for customizing pizza

Goals

  • Users can easily offer or customize the food they wish
  • Creating a UI Kit and mood board
  • Clearly designing the ingredients and prices of food

IDEATION

04- (1)
05

DESIGN

Mood Board

Mood Board The color palette I created was inspired by our mood board.
the contrast between Yellow and Black is Eye-Catching and engaging!

Mood Board

UI Kit

In order to design high-fidelity interfaces, I established a design system that defined colors, fonts, and dimensions of elements that should be consistent on all screens.

UI Kit​

Low Fidelity

In creating low-fidelity wireframes I put more emphasis on the Pizza offer in the application since it is a priority. As well, I focused on customizing the pizza flow to ensure that it could be carried out smoothly and have a minimal user interface.

Low Fidelity​

Mid-Fidelity Wireframes

I created Mid-fidelity wireframes in Figma before planning page layouts. I created the final content after several rounds of iteration.

​Mid-Fidelity Wireframes​

High Fidelity

A few High-Fidelity wireframes are shown below.

High Fidelity​