Bose Design System
Design System /
- Project
- Bose Design System
- Client
- Bose
- Delivered
- 2020
Challenge
Bose wanted to optimise the workflow between Design and Development so creatives can do their best work and deliver pixel perfect design on time for every product launch.
Solution
A design language that embodies the design principles of a brand that’s engineered to perfection, including an Adobe XD sticker sheet and reference documentation and organizational onboarding.
Key Results
- Bose ranked Gifted on Gartner Digital IQ Index Consumer Electronics 2020.
- 100+ eCommerce platform pages enhanced
- Reduced friction in communication between marketing, design and authoring.
About Design Systems
- Design systems + pattern libraries are used by many companies to create one central source of truth for internal teams so that everyone has access to the most up-to-date assets throughout the design and development process.
- In a design system based workflow, product teams start by checking if the design system already contains the UI elements required for the feature to be delivered:
- If the UI elements already exist, then the existing CSS Classes are used to implement the feature
- If not, then designs are created and CSS classes are written and added to the design system and pattern library, and then used to implement the feature