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 ๐Ÿ”ฎ