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

W DS 19

@ 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 🔮