Joe’s Italian Pizza – App

Project for General Society

Task

Joe’s Italian Pizza is about to open it’s doors. It doesn’t have a website yet and they have hired you to create an online ordering app for iOS. They are giving you complete freedom with the design. They do want to be able to offer in-store pickup & delivery. They charge a $3 dollar delivery fee. They have few pre-built pizzas but they also want the customer to be able to add ingredients to a prebuilt pizza or build a completely custom one.

When they open the store, they will send out flyers with coupons, so they want to make sure customers can apply those coupons directly in the app.

They want you to design the app by February 8th.

Pizza Sizes:

Small (10”) ($10.99)
Medium (12”) ($12.99)
Large (14”) ($14.99)
X-Large (16”) ($16.99)
Giant (18”) ($17.99)

Toppings:

Pepperoni ($1)
Ham ($1)
Bacon ($1)
Salami ($1)
Chicken ($2)
Tuna ($2)
Prosciutto ($2)
Feta Cheese ($1)
Extra Mozzarella Cheese ($1)
Extra Tomato Sauce ($1)
Artichokes ($1)
Basil ($1)
Banana Peppers ($1)
Black Olives ($1)
Garlic ($1)
Green Peppers ($1)
Jalapeno Peppers ($1)
Mushrooms ($1)
Pineapple ($1)
Onion ($1)
Sliced Tomatos ($1)
Spinach ($1)
Hot Sauce ($1)

Beverages

Can (12 oz $0.99)

Coca-Cola
Diet Coke
Sprite
Fanta
Dr Pepper

Bottle (20 oz – $1.49)

Coca-Cola
Diet Coke
Sprite
Fanta
Dr Pepper

Pizzas:

Margherita (Small – $10.99, Medium – $12.99, Large – $14.99 –  X-Large – $16.99 Giant – $17.99)

Tomato Sauce
Mozzarella Cheese
Basil

Italian Neapolitan  (Small – $10.99, Medium – $12.99, Large – $14.99 –  X-Large – $16.99 Giant – $17.99)

Tomato Sauce
Mozzarella Cheese
Sliced Tomato

American  (Small – $11.99, Medium – $13.99, Large – $15.99 –  X-Large – $17.99 Giant – $18.99)

Tomato Sauce
Mozzarella Cheese
Pepperoni

New York Style (Small – $11.99, Medium – $13.99, Large – $15.99 –  X-Large – $17.99 Giant – $18.99)

Tomato Sauce
Mozzarella Cheese
Pepperoni
Mushrooms

Hawaiian (Small – $12.49, Medium – $14.49, Large – $16.49 –  X-Large – $18.49 Giant – $18.99)

Tomato Sauce
Mozzarella Cheese
Pineapple
Ham

Capricciosa Pizza (Small – $14.49, Medium – $16.49, Large – $18.49 –  X-Large – $20.49 Giant – $20.99)

Tomato Sauce
Mozzarella Cheese
Basil
Olives
Mushrooms
Artichokes
Prosciutto
Salami

Sketches

A concept and a simple user flow was first drawn on a white board. After initial idea was clear, I moved to sketches.

Wireframes

After sketches and  some simple user testing was done, I moved on to wireframes.

Interactions, Visual & Motion Design

(Click on an image to see all the pixels)

This is the first screen users see when opening the app. They can select whether they want delivery or carryout. When pressed, the animation plays and users have to confirm selection.

When user is ready to move on, they press next and the animations fly from right to left, giving the feeling of advancement. If the user was to select back, everything would move in the opposite direction.

User can select the size of the pizza with a simple slider.

Simple toppings selection.

Order Summary and order confirmation.

Screen users see after placing an order.

Thanks for reading!