Upgrade to Pro — share decks privately, control downloads, hide ads and more …

デザインシステムが加速させるプロダクト開発 / Design System and Scala...

デザインシステムが加速させるプロダクト開発 / Design System and Scalable Product Development

クリエータと創作支援研究者を中心に年一度集まる会「第8回名状しがたいお茶会」での発表資料です。
https://junkato.jp/ja/teaparty/

Wantedly で1年間取り組んできたデザインシステムについて紹介しました。

Yoshinori Kawasaki

February 17, 2019
Tweet

More Decks by Yoshinori Kawasaki

Other Decks in Design

Transcript

  1. ©2019 Wantedly, Inc. σβΠϯγεςϜ͕ Ճ଎ͤ͞ΔϓϩμΫτ։ൃ Design System and Scalable Product

    Development ୈճ໊ঢ়͕͍͓ͨ͠஡ձ 17.Feb.2019 - Yoshinori Kawasaki
  2. ©2019 Wantedly, Inc. Yoshinori Kawasaki CTO at Wantedly, Inc. ೥݄ΑΓϏδωε4/4ʮ8BOUFEMZʯͷ։ൃɾӡӦʹࢀըɻ։ൃɺ

    Ϛʔέɺ࠾༻ɾҭ੒ͳͲɺϓϩμΫτͱ૊৫ͮ͘Γʹ෯޿͘ܞΘΔɻ࠷ ۙ͸ΤϯδχΞɺσβΠφʔɺฤूऀɺਓࣄͷνʔϜΛ୲౰ɻ github.com/luvtechno twitter.com/kawasy
  3. ©2019 Wantedly, Inc.  8BOUFEMZΛࢧ͑Δٕज़ͱ։ൃମ੍ ʙάϧʔϓϝοηʔδػೳ4ZODͷࣄྫʙ  8BOUFEMZ1FPQMF ໊ࢗ؅ཧˍҰׅεΩϟϯΞϓϦ 

    ΞϓϦͷ57$.์өͷཪଆ 8BOUFEMZ1FPQMFͷΠϯϑϥࣄྫ  σβΠϯγεςϜ͕ Ճ଎ͤ͞ΔϓϩμΫτ։ൃ
  4. ©2019 Wantedly, Inc. $POTJTUFODZ4DBMBCJMJUZ w ϓϩμΫτ΍σόΠεΛ·͍ͨͰ΋69͕Ұ؏͢Δ w ༏लͳσβΠφʔͰ͋Δ͜ͱΛલఏʹ ୭Ͱ΋ϒϥϯυͱͯ͠ͷҰ؏ੑ͕อͯΔ 7FMPDJUZ$PMMBCPSBUJPO

    w ࠣ຤ͳ6*Ͱ͸ͳ͘ɺ69ཁٻΛຬͨ͢ମݧઃܭʹϑΥʔΧεͰ͖Δ w σβΠφʔͱΤϯδχΞͷؒͷڠྗͱίϛϡχέʔγϣϯ͕؆୯ʹͳΔ w Ϣʔβʹಧ͘·Ͱͷ͕࣌ؒ୹ॖ͞ΕΔ ͦͷΑ͏ͳ໰୊΁ͷղͱͯ͠ͷσβΠϯγεςϜ
  5. ©2019 Wantedly, Inc. “Building a Visual Language – Airbnb Design”

    https://airbnb.design/building-a-visual-language/ “Rebrand 2018 | Case studies | Design at Uber” https://www.uber.design/case-studies/rebrand-2018 “Atlassian Design” https://atlassian.design/ “Design - Material Design” https://material.io/design/ “Adele – Design Systems and Pattern Libraries Repository” https://adele.uxpin.com/ ༗໊ͳσβΠϯγεςϜࣄྫ l%FTJHO4ZTUFNTʕσδλϧϓϩμΫτ ͷͨΊͷσβΠϯγεςϜ࣮ફΨΠυz
  6. ©2019 Wantedly, Inc.  Ձ஋؍ͱݪଇ  ϏδϡΞϧΨΠυϥΠϯ  6*ίϯϙʔωϯτ 

    ίʔυʹΑΔ࣮૷ σβΠϯγεςϜͷ୅දతͳߏ੒ཁૉ
  7. ©2019 Wantedly, Inc. XBOUFEMZEFTJHO ΞΠίϯूͷ4LFUDIϑΝΠϧ͔Β8FCJ04"OESPJE༻ͷϦιʔεΛࣗಈੜ੒ XBOUFEMZDPMPST ڞ௨ͷΧϥʔύϨοτఆٛ ZNM ͔Β8FCJ04"OESPJE༻ͷϦιʔεΛࣗಈੜ੒ XBOUFEMZVJ

    3FBDU༻σβΠϯγεςϜ OQN  XBOUFEMZVJJPT J04༻σβΠϯγεςϜ DPDPBQPE  XBOUFEMZVJBOESPJE "OESPJE༻σβΠϯγεςϜ NBWFO σβΠϯγεςϜͷίʔυԽ %FTJHO0QT͍҃͸%FTJHO&OHJOFFSJOHͷऔΓ૊Έ
  8. ©2019 Wantedly, Inc. 4VNNBSZ w σβΠϯγεςϜʹΑͬͯɺҰ؏ੑΛอͪͭͭεέʔϥϒϧͳσβΠϯ͕Մೳʹ w ΤϯδχΞͱσβΠφʔͷؒͰσβΠϯݴޠ͕ڞ༗͞ΕίϥϘϨʔγϣϯ͕ͳΊΒ͔ʹ 'VUVSF8PSL w

    ίϯϙʔωϯτͷൃలͱϝϯςφϯεΛଓ͚Δ w σβΠφʔνʔϜʹ͞ΒʹϝϯόʔΛ૿΍͢ w νʔϜͰͷ4LFUDI-JCSBSZ։ൃͱόʔδϣϯ؅ཧΛߦ͏ "CTUSBDUͷಋೖ  w 8FCJ04"OESPJEͱ֤σόΠεͰͷ࣮૷Λॆ࣮͍ͤͯ͘͞ ·ͱΊͱ͜Ε͔Β