McDonald’s
We’re lovin’ it: building a flawless design system
McDonald’s Portugal is a global brand constantly looking for innovation and wisely using the past to be a leader in the future. As usual in large companies, McDonald’s Portugal administrative teams use internal apps to work on tasks. Over time, several teams and providers have built these apps. However, it can be challenging to maintain consistency between platforms. With that in mind, McDonald’s challenged Bliss to create a design system for all their Portuguese internal apps.
On this page
Goal
McDonald’s Portugal has multiple platforms for different areas, which brings extra layers of complexity and challenges the creation of coherent digital experiences.
Our goal was to build a design system focused on the users to give them the comfort, satisfaction, and happiness only McDonald’s can offer. The system’s assets and conventions would help the brand overcome this challenge by simplifying everyone’s daily work and helping them create iconic designs.
The process
The project took place in three different stages: UI Concept, UX and UI Design, and Development.
In the first stage, we analyzed some platforms. We leveraged McDonald’s branding guidelines to create a UI concept that would visually unify all the digital tools and increase brand efficacy for all internal users. In the second phase, we designed the experience and features for two selected platforms. Alongside these activities, we created a cross-platform library of components. In the last phase, we coded the components of the library in Bootstrap to be later released and cataloged for future use.
Integrated tools
Using an integrated set of tools was critical to keeping our team aligned and collaborating with the client. These tools allowed us to design and share unique layouts with the client (Figma), track the entire project’s progress (DevOps), code components and catalog them (Bootstrap), and store design outputs and engineering deliverables (zeroheight).
A system that keeps growing
Our client’s design system will be used internally, at the company’s headquarters in Portugal, for new projects. Besides that, it keeps growing and evolving to keep up with McDonald’s needs without our help.