A presentation at Web Directions Summit in in Sydney NSW, Australia by Alex Skougarevskaya
Design systems as a service How to keep your customers happy ALEX SKOU GA RE VSKAYA | DE SI G N MA N AGE R | @ S KOU G S ✨
😯
##$
2011
@ S KO U G S ✨
44
AHA DESIGN SYSTEMS ELEVATE THE VALUE OF DESIGN
TRUTH DESIGN SYSTEMS ELEVATE THE VALUE OF DESIGN
%
TRUTH A DESIGN SYSTEM NOT A SKETCH FILE
Design systems are a collection of rules, constraints, and principles, implemented in design and code Sylvee L, What is a design system?
Design systems are a collection of rules, constraints, and principles, implemented in design and code Sylvee L, What is a design system?
Design systems are a collection of rules, constraints, and principles, implemented in design and code Sylvee L, What is a design system?
2015 Confluence
TRUTH DESIGN SYSTEMS SOLVE BUSINESS PROBLEMS
APRIL 2016
Brand personalities Bold Optimistic Practical, with a wink
Illustration Bold Optimistic Practical, with a wink
Color
Typography hamburgefonstiv hamburgefonstiv hamburgefonstiv
Writing style
Logos
Typography Logos
Marketing Foundations Product
Marketing Foundations Product
✅
🎢
ATLASSIAN DESIGN SYSTEM 2011-TODAY 💡 44 DESIGN 100% adoption 🎁 ADS PRODUCT 🎨 Product design align ADG 1 ✅ ADG 3 PROJECT People + tools + operations ADG 2 Marketing + product 😍 ADS SERVICE 💫
ATLASSIAN DESIGN SYSTEM 2011-TODAY 💡 44 DESIGN 100% adoption 🎁 ADS PRODUCT 🎨 Product design align ADG 1 ✅ ADG 3 PROJECT People + tools + operations ADG 2 Marketing + product 😍 ADS SERVICE 💫
ATLASSIAN DESIGN SYSTEM 2011-TODAY 💡 44 DESIGN 100% adoption 🎁 ADS PRODUCT 🎨 Product design align ADG 1 ✅ ADG 3 PROJECT People + tools + operations ADG 2 Marketing + product 😍 ADS SERVICE 💫
ATLASSIAN DESIGN SYSTEM 2011-TODAY 💡 44 DESIGN 100% adoption 🎁 ADS PRODUCT ADG 1 🎨 Product design align ADG 3 PROJECT People + tools + operations ADG 2 Marketing + product 😍 ADS SERVICE 💫
ATLASSIAN DESIGN SYSTEM 2011-TODAY 💡 44 DESIGN 100% adoption 🎁 ADS PRODUCT 🎨 Product design align ADG 1 ✅ ADG 3 PROJECT People + tools + operations ADG 2 Marketing + product 😍 ADS SERVICE 💫
TRUTH A DESIGN SYSTEM IS NOT A PROJECT, IT’S A PRODUCT FOR PRODUCTS
ADG 3 ME
ADG An end-to-end design language based on our brand personality, defined in code.
🛩
TEAM
22 🤯
😩
~250 DESIGNERS
PRODUCT Want 🎁
PRODUCT SERVICE Want Need 🎁 ❤
A design system is nothing if your team can’t use it well. SARAH FEDERMAN, ATLASSIAN
TRUTH FROM A PRODUCT FOR PRODUCTS TO A SERVICE FOR PEOPLE
PEOPLE
I love the idea of everything in the one place. Please for the love of god NICHOLE, ATLASSIAN
Community 1
[CLICK] SPARRING
73% From 32%, customer happiness
Education 2
86 People onboard
Tools 3
2260 Design hours saved
I’m really excited about it. The future of design systems is great! KSENIA, ATLASSIAN
ATLASSIAN DESIGN SYSTEM 2011-TODAY 💡 44 DESIGN 100% adoption 🎁 ADS PRODUCT 🎨 Product design align ADG 1 ✅ ADG 3 PROJECT People + tools + operations ADG 2 Marketing + product 😍 ADS SERVICE 💫
😍
We make it easy for people to create distinctly Atlassian experiences that users love
We make it easy for people to create distinctly Atlassian experiences that users love
TRUTH ELEVATE THE VALUE OF DESIGN
TRUTH ELEVATE THE VALUE OF DESIGN
TRUTH ELEVATE THE VALUE OF DESIGN TRUTH NOT A SKETCH FILE
TRUTH ELEVATE THE VALUE OF DESIGN TRUTH NOT A SKETCH FILE TRUTH SOLVE BUSINESS PROBLEMS
TRUTH NOT A PROJECT, IT’S A PRODUCT FOR PRODUCTS
TRUTH NOT A PROJECT, IT’S A PRODUCT FOR PRODUCTS TRUTH FROM A PRODUCT FOR PRODUCTS TO A SERVICE FOR PEOPLE
TRUTH IF YOU FOCUS ON HAVING A DESIGN SYSTEM AS THE GOAL, YOU WILL FAIL
TRUTH DESIGN SYSTEMS ARE FOR PEOPLE
📚
RESOURCES What is a design system? - Sylvee L https://medium.muz.li/what-is-a-design-system-1e43d19e7696 Documenting Components - Nathan Curtis https://medium.com/eightshapes-llc/documenting-components-9fe59b80c015 A Design System isn’t a Project. It’s a Product, Serving Products. - Nathan Curtis https://medium.com/eightshapes-llc/a-design-system-isn-t-a-project-it-s-a-product-serving-products-74dcfffef935 The people part of design systems - Magera Moon https://medium.com/related-works-inc/the-people-part-of-design-systems-a5b54eea24f4 People over pixels - Mariah Muscato https://medium.com/hubspot-product/people-over-pixels-b962c359a14d Distilling How We Think About Design Systems - Sarah Federman https://publication.design.systems/distilling-how-we-think-about-design-systems-b26432eefef9 The ABCs of Design Systems - Mike Dick https://medium.com/curiosity-by-design/the-abcs-of-design-systems-b1dc6198bb7c
RESOURCES - START WITH THESE
RESOURCES - FOLLOWED BY THESE
Thank you! A LE X S KOU GA R E VS KAYA @ S KO U G S ✨
ATLASSIAN DESIGN SYSTEM 2011-TODAY JURGEN 44 100% adoption DS PRODUCT ADG 1 Product design align ADG 3 PROJECT People + tools + operations ADG 2 Marketing + product DS SERVICE 🔮
ATLASSIAN DESIGN SYSTEM 2011-TODAY JURGEN 44 100% adoption DS PRODUCT ADG 1 Product design align ADG 3 PROJECT People + tools + operations ADG 2 Marketing + product DS SERVICE 🔮
ATLASSIAN DESIGN SYSTEM 2011-TODAY JURGEN 44 100% adoption DS PRODUCT ADG 1 Product design align ADG 3 PROJECT People + tools + operations ADG 2 Marketing + product DS SERVICE 🔮
ATLASSIAN DESIGN SYSTEM 2011-TODAY JURGEN 44 100% adoption DS PRODUCT ADG 1 Product design align ADG 3 PROJECT People + tools + operations ADG 2 Marketing + product DS SERVICE 🔮
ATLASSIAN DESIGN SYSTEM 2011-TODAY JURGEN 44 100% adoption DS PRODUCT ADG 1 Product design align ADG 3 PROJECT People + tools + operations ADG 2 Marketing + product DS SERVICE 🔮
At Atlassian in the Design Systems team, we’ve started thinking about the design system we build and maintain as a service. But who are the consumers of this service? And what do they want (and need).
In this presentation, I’ll look at how we dig deeply into who the consumers of our systems are, and some of the things we’ve done (some that worked, others that didn’t) in meeting their needs.
The following resources were mentioned during the presentation or are useful additional information.
Here’s what was said about this presentation on social media.
for free. You
can too.