top of page

McDonalds App Redesign

This project captures the essence of online ordering. With the process of researching and brainstorming, this redesign aims to give a more personalized experience for the consumer. 
Allowing easy navigation and use in order to buy your next meal at your favorite fast food chain.

Rectangle 65.png
Rectangle 59.png

Research

Starting this project required me to thoroughly research the current McDonald’s app and how it handled it’s navigation. Being a regular customer, I wanted to understand what about the app made it frustrating to use. I downloaded other fast food apps to compare and studied how these chains incorporated their branding onto their mobile menus. These steps are important 
in order to gain a complete understanding of 
wire-framing and the brand.

moodboard.png

Pain points

With enough research I came to a conclusion that the McDonalds app had many design and navigational issues. This resulted in lack of identity and ease of access. By asking other frequent users of the McDonalds app, the main frustrations were visual, usability and organization issues. The app lacks general categories, would constantly force 
pop-ups and recommendations, and lastly, the design extremely bland. It’s primary colors are white with hints of yellow and barely any red, which was ironic for it’s branding.

image 1.png
image 8.png
image 3.png

After researching I began to conceptualize my redesign and layout of the app. I sketched them first to get an initial idea before putting them onto Figma. The plan was to try to keep some parts of the original design while incorporating 
a fresh look for the user experience.

Wire-framing

home (1) 1.png
order (1) 1.png
rewards 1.png
specific sandwich (1) 1.png
your bag (1) 1.png
sandwhich (1) 1.png

Final Look

home.png
home-1.png
order.png
sandwhich.png
specific sandwich.png
your bag.png
check out.png
profile.png
Let's Chat!
  • gmai;
  • LinkedIn
  • Instagram
bottom of page