McDonald's Mobile App Redesign

UX Design
Project Overview
The McDonald's mobile app is an ecommerce platform that allows users to browse the menu, order food for pickup and delivery, find rewards and deals, and earn points that can be redeemed later. However, it has shortcomings in terms of its user interface that reduce its efficiency. I, along with my small team, first analyzed the app's current page structures, page roles, and guided methods. Next, I helped propose changes to the app's architecture without significantly altering the user experience.  Last, I helped create a rough Figma prototype to display the changes.

Figma Project Link
My Contributions
I contributed to sketches for the project as part of the brainstorming process. In these sketches,  I helped address the users' wants and needs by adding photos to the available menu item buttons, making design changes to minimize scrolling, and addressing confusion about the app's rewards system.
A picture of the prototype I created for FinishMyRace
Purdue University Northwest
User Interface Design I
August - December 2024
Methodology
The goal of this project was to improve the McDonald's app's interface while keeping the user experience largely the same. Because of this, I had to develop a more robust understanding of the difference between UI design and UX design and adhere to the creative limitations that changing the UI brings.

Challenges
The goal of this project was to improve the McDonald's app's interface while keeping the user experience largely the same. Because of this, I had to develop a more robust understanding of the difference between UI design and UX design and adhere to the creative limitations that changing the UI brings. However, I was still able to help change how different pages were connected to each other without adding or deleting pages. Also, changing how elements such as the menu are displayed can dramatically impact user satisfaction even if they function the same. For example, grouping menu options differently or showing more pictures can entice users.

What I learned
I learned that even though changes in user interface may be more limited than changes in user experience, the discipline allows for more versatility than I thought. While it does not allow for changes such as adding more features, it still lets designers dramatically change how information is displayed and connected. While the structure retains the same components, how they appear and how they are accessed can can have a large impact on a product's usability, desirability, and consistency.
A description of users' needs, the environments the app is used in, and the contexts of use were listed to better understand the typical user's percpective in using the app.
This is a list of problems and solutions each group member suggested. Two of my suggestions aimed to make the navigation less time-consuming. One aimed to reduce confusion because people like to see their progress towards a goal.
A diagram that shows changes to how pages are connected; red lines indicate changes from the original that make the navigation more flexible. Many people might want to see their recents or change their location as soon as they open the app.
Sketches of how the menu should be sorted and displayed show a top menu bar in the burger section that lessens the need for scrolling a long menu. Fries, once in their own section, were merged into the Sides section because they are also a side dish.
Sketches of the ordering screens add photos of the food the customer is ordering because people like to have an idea of what they are getting as they order.
The Home screen now shows recently ordered food because customers are likely to order the same item more than once. Since there are so many McDonald's locations, the option to change the location is moved there as well.
Powered by Webflow
Linkedin