McDonald’s Design System: Dark Mode

🚧 Teaser below. Full case study coming soon. Stay tuned! 🚧

MY ROLE
UX Designer at McDonald’s

THE TASK
Develop a dark mode for McDonald’s existing design system that adheres to the company’s 5.0:1 contrast ratio requirement.

PROGRESS
Queued for development; de-prioritized over more pressing design system updates

The Approach

🔍 GATHER: collected screens of apps that do have dark mode, such as Twitter, Slack, Apple News
📋 LEARN: Heavily referenced Apple’s HIG and Material for guidance on dark mode best practices
🔁 REVIEW CYCLES: Weekly presentations of drafts to key stakeholders; reviews with in-house accessibility team to ensure compliance