Creating a scalable and consistent design system

Apparicio Junior (AJ)

0

Product Designer

Product Strategist

UI Designer

Figma

Sketch

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
0

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...

Likes

0

Views

0

Clients

Rolls-Royce

Tags

Product Designer

Product Strategist

UI Designer

Figma

Sketch

Interrogate data with the BP World Energy tool
Interrogate data with the BP World Energy tool
Transforming the car buying experience to IPO
Transforming the car buying experience to IPO
Turning one-time shoppers into lifetime customers
Turning one-time shoppers into lifetime customers