Get In Touch
400 – 601 West Broadway, Vancouver BC V5Z 4C2
Work Inquiries
info@duffleken.com
Ph: +1.809.120.6705

McDonald’s UK

If you’re a McDonald’s fan, you’ll love the design of the new app! You will get access to exclusive offers that you will not find anywhere else. In addition, you can use the app to order food and track loyalty rewards. In addition, there are special offers only for app users. Plus, using the app is super easy – all you have to do is scan your phone at the checkout to take advantage of the discounts.

Task

Help to rebuild a unified visual system with multiple mobility options. Meaning: a single cross platform app with a harmonised UX flow that help people embrace the new identity system through play and interaction.

  • Strategy

    Design Sprints, Workshops

  • Design

    Product Design, Prototyping

  • Client

    McDonald's UK

  • Production

    Design Sprints, Documentation

  • Platforms

    Desktop, iOS

Open Project
⬤ 01. DESIGN LANGUAGE

Product design & a unified design
language shouldn’t be just a set
of static rules and individual atoms;
it should be an evolving ecosystem.

Design has always been largely about systems, and how to create products in a scalable and repeatable way. From Pantone colors to Philips screws, these systems enable us to manage the chaos and create better products. Digital products are perhaps the most fertile ground for implementing these systems and yet it’s not often considered a priority.

A unified design system is essential to building better and faster; better because a cohesive experience is more easily understood by our users, and faster because it gives us a common language to work with.

⬤ 02. Experience

A fluid visual user
experience with a
new solutions.

I believe in getting excited about unique ideas and helping digital and tech companies. Tech for good.

I grow brands through bold and strategic creativity, focused on searching for new ways to showcase user content on digital support and envisioning the future arts.

McDonalds UK app 5
McDonalds UK app 6
McDonalds UK app 4
McDonalds UK app 7
McDonalds UK app 8

Color palette

/ Foundations
Primary
#FFC72C
 

R 255
G 199
B 44
  

Universal Yellow

Primary
#00A699
 

R 221
G 16
B 33
  

Universal Red

A11Y Color
#FC642D
 

R 255
G 255
B 255
  

White

A11Y Color
#ED2323
  
R 0
G 0
B 0
  

Black

I believe in getting excited about unique ideas in design workflows and helping digital tech companies grow.

I grow brands through bold and strategic creativity, focused on searching for new ways to showcase user content on digital support and envisioning the future arts.

Typography

/ Scales

Typeface
Helvetica Heue

Usage
Headlines

McDonald’s typeface is simple, bold, easy for everyone to read, and instantly recognizable.

Whenever McDonald’s appears, it is inscribed in a simple, yet attractive font, which signifies the strong image of the brand. Simplicity makes McDonalds app design more appealing and engaging.

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789

Typeface
Helvetica Heue

Usage
Headlines

Typeface
Helvetica Heue

Usage
Headlines

⬤ 03. Mobile Experience

Putting our focus on
changing the way people
think of mobile experience.

Let's get in touch,
I respond fast 🙂

Ready to work together?
Back