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
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