The corporate website underwent a redesign, with an expanded global design system for a consistent brand identity. Iterative development post-release ensured ongoing support and refinement of features.
Accessible Design
Content Strategy
Technical Documentation
Component Architecture
Associate Creative Director
Senior Experience Designer
Senior Visual Designers
Technical Director
Approach
This 8-month engagement began with a strategy-focused discovery and definition phase, followed by seven design sprints. Sprints were staggered with detailed tech and accessibility reviews with clients and consultants. Following the release, our team has continued to support iterative development of the site.
Key Takeaways
Making long-form storytelling digestible through clear foundational hierarchy, components for storytelling, and cross-linking
To accommodate McDonald’s new leadership platform, we overhauled their foundational toolkit for long-form storytelling. We enhanced the typestack to improve readability, designed new components for editorial contexts, created moments of emphasis, and improved cross-linking between related content.
Creating pathways between stories and supporting evidence
With every page of long-form content in the leadership platform, we looked for opportunities to create connections to the Our Stories section, a net-new news hub we merged into the corporate ecosystem during this engagement.
Demonstrating commitment to inclusion by prioritizing web accessibility
McDonalds’ accessibility standards surpass the most stringent AAA requirements. On this project, we learned how to weave accessibility into every step of our agile process — from writing a line of copy in a CTA, to laying out clear information hierarchy on pages, but especially in designing and documenting new components and foundations.
Credits
Key design collaborators included an Associate Creative Director (the great, the wonderful Colleen Miller), a team of visual designers. The ACD and I worked closely on content strategy, IA, and developing wireframes. I worked closely with the visual designers to create WCAG AAA compliant components. Once the project formally wrapped, I helped support iterative development using existing components.