In the current version of the Domino's app, navigation is complicated. The only place to find the hamburger menu is on the landing page of the app. It is not accessible anywhere else.
To remedy this, a bottom navigation menu was designed so that users have access to the menu throughout the app. This allows them to go back and forth between the home menu, coupons, favorites, orders, and their account information.
Navigation
Carryout & Delivery
To ensure the utmost improvement in usability, the design of the carryout / delivery sections involves an integration with Google Maps.
Removing the manual process in exchange for the software upgrade of Google Maps, users will now only need to input their address and the location services feature will detect address type and request further information (apt #, building name, hotel room) if necessary.
The menu is displayed on a single screen with vertical and horizontal scrolling capabilities. Users can now cycle through the menu in its entirety to see what is available to them.
Users are able to see Promotions and new deals at the top of their menu.
Menu
Product Customization
The product customization page has been modernized and condensed into a single page.
As items are added or removed, the total price displayed at the bottom of the screen will adjust. Users will also be able to see how many items within each category they can select before an additional fee is added.
To optimize the checkout process, users can now see their progress during their secure checkout.
-
Delivery Timing / Carryout Timing
-
Review Order
-
Payment Information
-
Confirmation
Within Step 2 'Review Order' users will see the coupons they applied and if the specifications for the coupon are met. They will be able to go back and forth (if necessary) to change or edit any information during this process.
Checkout
Domino's Redesign
Problem
The current Design of the Domino's mobile app does not meet the expectations of users in both functionality and design aspects. The app's location services, coupon application, and overall user flows are outdated and in desperate need of reassessment.
Role
Figma
Photoshop
Illustrator
Design Process
UX Researcher
UI Designer
Tools
Evaluate
Define
Organize
Redesign
Why Redesign this App?
Domino's is one of the most affordable and accessible pizza options. I have often relied on it in my time of need when I don't feel like cooking. I've used the app consistently enough to know how to navigate and order. However, the process of building an order, redeeming coupons, and placing an order is a relatively lengthy and complex process. This experience sparked my idea to utilize my skills and knowledge of UX/UI and redesign the App with the user in mind.
I also took the time to research the App reviews where users brought up their own pain points and frustrations with the function and design of the application.
User Flows
To further understand the journey that the user takes when ordering a pizza to be delivered, I created a user flow for both the current Domino's app and my proposed redesign.
​
The current Domino's User flow (blue) is a 20-24 step process to build and submit an order for delivery - where the proposed redesign (red) is a 14-17 step process start to finish.
User Surveys
In addition to reading through customer and user reviews on the App Store and Google Play Store, I posted a short answer survey online for any beta testers who had used the Domino's Pizza mobile site within the last six months. Their answers enabled me to pinpoint the top five pain points and frustrations users experienced and build design solutions for those pain points.
Survey questions:
-
Did you utilize the sign-in (piece of the pie rewards)?
-
After launching the app, what do you want to see first?
-
Is it easy to input your delivery address or locate a store to carry out?
-
Did you utilize coupons and promotional deals?
-
How long does it take you to order through the mobile app?
-
On a scale from 1-5 how visually appealing was the design of the app?
-
On a scale from 1-5 how easy was the app to navigate?
-
Would you prefer seeing product pricing before checkout?
