Creating a scalable and consistent design system
Apparicio Junior (AJ)
Powering digital communications
Rolls-Royce started a rebranding process with Pentagram, delivering new brand guidelines, and their digital positioning was affected. Collaborating with Pentagram to find a new digital status for Rolls-Royce was challenging; there were heritage files from 8 years past or more, and each page of the website was in separate Photoshop files, confusing, not scalable and complex to understand the source of truth.
Challenges
- Files scattered on google folders
- Brand refresh not ready
- Migration to Sketch
- New requirements from RR
- Time constrain to do a launch
- Accessibility issues identified
- Heritage pages and components
- Three distinct usages of the brand
Impact
190
Components created in the library, expanding their flexibility with design
108
Text styles were carefully designed to be used on all platforms
1152
Atomic symbols inside the design system to support scalability
67%
User interaction increased after the launch of the new design system
Like this project
Posted Dec 10, 2024
Transforming heritage into innovation, after a Pentagram Rebrand exercise I have joined the team to help translation from brand to digital websites and app...
