Dolby Design System – Design Tokens
The Dolby.io design system is a constantly evolving, unified framework encompassing all UI/UX elements, design tokens, component libraries, code, and guidelines. It empowers designers and engineers to collaborate seamlessly, ensuring consistency across the Dolby brand and its various products.
– Project / Dolby Design System – Design Tokens
– Role / Lead Product Designer
– @ / Dolby Laboratories
Deliverables /
– Project management lead
– Design direction and concept
– System architecture and planning
– UI/UX, visual design, and prototyping
– Icon, color, brand typography design and layout
– Asset creation
– Content integration
– Collaboration with product team and engineering
Tools /
Design: Figma
Project Management: Box, Aha
Engineering: Storybook, Zero Height
As Lead Product Designer, I led the adoption, vision, and strategy for the Dolby.io Design System, with a focus on unifying the brand and product offerings. My efforts in advocacy and implementation increased design and engineering productivity by 47% and reduced time-to-market by 50%.
The Dolby.io design system unifies the brand across multiple properties, including the website, marketing site, dashboard, documentation, support channels, and commercial apps like DolbyOn. It provides a seamless experience for users and developers by utilizing a master design token and component library, enabling componentized applications for diverse use cases.
Sample applications such as Live Clipping, Live Monitor, Real-time Streaming Monitor, Interactive Multiviewer, Music Mastering, Watch with Others, and Video Call serve as references for internal teams and external partners.
Key deliverables include sub-systems for web and mobile apps, along with a developer component kit. Tools like Figma, Box, Aha, Storybook, and Zero Height are used to enhance collaboration and efficiency between design and development teams.
👋 Follow me on Dribbble @theresasmith
LinkedIn | Instagram | www.sirrisdesign.io
________________________________________________________________________
Check out my portfolio www.theresasmith.io