Neobank — award-winning fintech app design
<h1 class='header-style-h1 text-color-dark-grey'><span style='color: #B70D1B'>McDonald’s UK </span>App</h1>
About the Client
With the McDonald’s app, you’ll get access to exclusive deals. Use the app to order ahead and pass the line with Mobile Order & Pay plus join MyMcDonald’s Rewards to earn points on every order to redeem for free McDonald's.
Challenges and Solutions
Improving user navigation to access exclusive deals within the McDonald’s UK App is essential for a more engaging experience.
Optimizing the Mobile Order & Pay feature to make the ordering process more seamless and efficient is crucial for user satisfaction.
Increasing user engagement with the My McDonald’s Rewards program is a challenge, as it requires a visually compelling and rewarding experience.
Redesign the app interface to prominently feature exclusive deals on the main screen.
Redesign the order placement process to be intuitive and user-friendly. Implement a step-by-step visual guide for Mobile Order & Pay.
Redesign the Rewards section to showcase the point-earning mechanism prominently.
Scope of Work
Minimal, bold and understandable design with vibrant brand colors makes McDonald’s app easily recognizable
<h3 class="header-style-h4 text-color-white">Idea</h3>
<p class="text-size-medium text-color-white" style="max-width: 480px">Crafting an innovative concept to elevate the design of the McDonald’s UK App while concurrently gathering valuable insights.</p>
<h3 class="header-style-h4 text-color-white">Research</h3>
<p class="text-size-medium text-color-white" style="max-width: 480px">Performing a comprehensive analysis for the McDonald’s UK App, exploring its various aspects in detail.</p>
<h3 class="header-style-h4 text-color-white">Wireframes</h3>
<p class="text-size-medium text-color-white" style="max-width: 480px">Utilizing wireframes, we illustrated the fundamental functionality on the app screens for the McDonald’s UK App.</p>
<h3 class="header-style-h4 text-color-white">UI Design</h3>
<p class="text-size-medium text-color-white" style="max-width: 480px">Creating a distinctive visual identity designed specifically for the app.</p>
<h3 class="header-style-h4 text-color-white">Testing</h3>
<p class="text-size-medium text-color-white" style="max-width: 480px">Performing comprehensive app testing and collecting extensive user feedback during the testing phase of the McDonald’s UK App design.</p>
Pre-Sale Process
01
NDA
02
Intro call
03
Brief & Requirements
04
Information architecture
05
Questions
06
Quote
07
Proposal call
08
Filling legal form
09
Contract
10
Payment for 1st milestone
Information architecture
Wireframes
Branding
Moodboards
Design System
UI Prototype
cta-block
video-block
Delivery
01
Clickable prototype
02
Screenmap
03
Export to Zeplin
