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?

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

✅

🎢

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

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 🔮

Design systems as a service: How to keep your customers happy

Slide 1

Slide 2

Slide 3

Slide 4

Slide 5

Slide 6

Slide 7

W DS 19

Slide 8

Slide 9

Slide 10

Slide 11

Slide 12

Slide 13

Slide 14

Slide 15

Slide 16

Slide 17

Slide 18

Slide 19

Slide 20

Slide 21

Slide 22

Slide 23

Slide 24

Slide 25

Slide 26

Slide 27

Slide 28

Slide 29

Slide 30

Slide 31

Slide 32

Slide 33

Slide 34

Slide 35

Slide 36

Slide 37

Slide 38

Slide 39

Slide 40

Slide 41

Slide 42

Slide 43

Slide 44

Slide 45

Slide 46

Slide 47

Slide 48

Slide 49

Slide 50

Slide 51

Slide 52

Slide 53

Slide 54

Slide 55

Slide 56

Slide 57

Slide 58

Slide 59

Slide 60

Slide 61

Slide 62

Slide 63

Slide 64

Slide 65

Slide 66

Slide 67

Slide 68

Slide 69

Slide 70

Slide 71

Slide 72

Slide 73