- Design System MVP Overview
We know that a design system is a set of re-usable/scalable components with the flexibility to solve multiple problems and serve multiple purposes. However...It's also an ecosystem of tools, templates, guidelines and mindsets that will allow us to focus on bringing consistent UX, quality design and best practices to our work. - Goals
Development/tech efficiency along with design/UX consistency - allowing our teams more time to focus on UX challenges and building better experiences.
- Design System UI Kit Roadmap
Map out the value and user needs at stages of your project's development.
"CNB Design System through partnership with RBC resulted in savings of ~$1,000,000 plus vs. using an outside agency."
Impressive results
The MVP of the CNB Design system has been customized and launched in a record time of 2 months. Some of the key benefits include:
Reuse from RBC P&CB RIG:
- 150+ Components reused from RIG Figma Design Framework
- 300 + Icons reused from RBC to design new CNB.com
- Cost savings: ~ $400k
- Time saving: ~ 1.3 years
- Designer can speed up their production by 3x
Reuse from RBC WM Front End Framework:
- 7 Front end development framework libraries (Vue, React, CSS, HTML, Accessibility)
- 100+ Components reused
- Cost savings: ~ $500k
- Time saving: ~ 1.5 years
- Developers can speed up their production by 5x
X1 (Design Thinking) Playbook: Enabled RBC Innovation and Design teams to facilitate Design Thinking across digital product engagements
Reuse from RBC WM Design Strategy:
- 80+ Design Thinking tools, tutorials and templates
- Cost saving: ~100k
- Time saving: ~6 months
I had the privilege of reviewing the CNB Digital Design System and I was amazed with the progress of work, but more inspired by the collaboration between our teams.This is a massive win for both organizations, and exemplifies the entrepreneurial spirit City National was founded on. I cannot wait to find future opportunities for our teams to work together. Thank you again.
Linda Duncombe, CMO, City National Bank
Copyright & all rights reserved.
All other copyrights and trademarks are the property of their respective owners.
All other copyrights and trademarks are the property of their respective owners.