ユニークなテ?サ?インシステム改革
- 1. presented by Design system revolution with unique naming ユ ニ ー ク な デ ザ イ ン シ ス テ ム 改 革 い 、 一 般 化 は や め よ う / ボ ソ ッ
- 2. presented by はじめまして Pro?le 菊池 将史 Owls, Inc. ｜CDO ?Dresscamp - アシスタントデザイナー ?KINO - メンズファッションデザイナー ?東京コレクション - オリジナルブランドとして参加 ?Bruto, Inc. - デザイナー/プランナー ?フリーランスデザイナー ?Owls, Inc. - CDO（チーフデザインオフィサー）
- 7. presented by 01.アトミックデザインを導入する目的 02.標準化 ＝ 同質化？ ＝ 運用しやすいとは言えない 03.実はデザインシステムはブランディングの概念と近いのよ お話すること Agenda
- 15. presented by 02.標準化 ＝ 同質化？ ＝ 運用しやすいとは言えない
- 16. presented by 02.標準化 ＝ 同質化？ ＝ 運用しやすいとは言えない Atomic Design 実態 ほえー、確かにわかるー これで管理できたらカッコええなあ ATMOS＝わかる MOLECULES＝うん。。。 ORGANISMS＝うん！？ TEMPLATES＝(エンジニア)わかる。 (デザイナ)？？？ PAGES= (エンジニア&デザイナ）まあまあ。。。
- 17. presented by 闇深すぎ 事案発生中 02.標準化 ＝ 同質化？ ＝ 運用しやすいとは言えない
- 18. presented by A社とB社のアトミックデザインの定義 ATMOS MOLECULES A社 B社 さあ、標準化目指しましょう ORGANISMS 02.標準化 ＝ 同質化？ ＝ 運用しやすいとは言えない 要素 意味を持たないグループ 意味を持ったコンテンツ TEMPLATES コンテナなどが定義された物 PAGES ?が組みわせられたページ ATMOS MOLECULES ORGANISMS 要素(Lv1 コンポーネント（Lv2 コンポーネントのコンポーネント（Lv3 TEMPLATES 意味を持てっていないテンプレート PAGES ?が組みわせられたページ
- 19. presented by A社とB社のアトミックデザインの定義 ATMOS MOLECULES A社 B社 さあ、標準化目指しましょう ORGANISMS 02.標準化 ＝ 同質化？ ＝ 運用しやすいとは言えない 要素 意味を持たないグループ 意味を持ったコンテンツ TEMPLATES コンテナなどが定義された物 PAGES ?が組みわせられたページ ATMOS MOLECULES ORGANISMS 要素(Lv1 コンポーネント（Lv2 コンポーネントのコンポーネント（Lv3 TEMPLATES 意味を持てっていないテンプレート PAGES ?が組みわせられたページ さあ、あなたはどれ？
- 20. presented by A社とB社のアトミックデザインの定義 ATMOS MOLECULES A社 B社 さあ、標準化目指しましょう ORGANISMS 02.標準化 ＝ 同質化？ ＝ 運用しやすいとは言えない 要素 意味を持たないグループ 意味を持ったコンテンツ TEMPLATES コンテナなどが定義された物 PAGES ?が組みわせられたページ ATMOS MOLECULES ORGANISMS 要素(Lv1 コンポーネント（Lv2 コンポーネントのコンポーネント（Lv3 TEMPLATES 意味を持てっていないテンプレート PAGES ?が組みわせられたページ 合わせたくなっちゃうよね ルール
- 21. presented by A社とB社のアトミックデザインの定義 ATMOS MOLECULES A社 B社 さあ、標準化目指しましょう ORGANISMS 02.標準化 ＝ 同質化？ ＝ 運用しやすいとは言えない 要素 意味を持たないグループ 意味を持ったコンテンツ TEMPLATES コンテナなどが定義された物 PAGES ?が組みわせられたページ ATMOS MOLECULES ORGANISMS 要素(Lv1 コンポーネント（Lv2 コンポーネントのコンポーネント（Lv3 TEMPLATES 意味を持てっていないテンプレート PAGES ?が組みわせられたページ 割と細かく定義されてる風 Lv表記は階層構造
- 22. presented by A社とB社のアトミックデザインの定義 ATMOS MOLECULES A社 B社 仮に死ぬ気で合わせたとしよう。 ORGANISMS 02.標準化 ＝ 同質化？ ＝ 運用しやすいとは言えない 要素 意味を持たないグループ 意味を持ったコンテンツ TEMPLATES コンテナなどが定義された物 PAGES ?が組みわせられたページ ATMOS MOLECULES ORGANISMS 要素 意味を持たないグループ 意味を持ったコンテンツ TEMPLATES コンテナなどが定義された物 PAGES ?が組みわせられたページ
- 23. presented by A社とB社のアトミックデザインの定義 ATMOS MOLECULES A社 B社 仮に死ぬ気で合わせたとしよう。 ORGANISMS 02.標準化 ＝ 同質化？ ＝ 運用しやすいとは言えない 要素 意味を持たないグループ 意味を持ったコンテンツ TEMPLATES コンテナなどが定義された物 PAGES ?が組みわせられたページ ATMOS MOLECULES ORGANISMS 要素 意味を持たないグループ 意味を持ったコンテンツ TEMPLATES コンテナなどが定義された物 PAGES ?が組みわせられたページ 実は、他サービスのコンポーネント指向が ベースになっていたため、 対象サービスの考え方が改定されば 崩壊
- 24. presented by A社とB社のアトミックデザインの定義 ATMOS MOLECULES A社 B社 仮に死ぬ気で合わせたとしよう。 ORGANISMS 02.標準化 ＝ 同質化？ ＝ 運用しやすいとは言えない 要素 意味を持たないグループ 意味を持ったコンテンツ TEMPLATES コンテナなどが定義された物 PAGES ?が組みわせられたページ ATMOS MOLECULES ORGANISMS 要素 意味を持たないグループ 意味を持ったコンテンツ TEMPLATES コンテナなどが定義された物 PAGES ?が組みわせられたページ そしてもちろん死ぬ気で合わせたB社も 崩壊 実は、他サービスのコンポーネント指向が ベースになっていたため、 対象サービスの考え方が改定されば 崩壊
- 25. presented by A社とB社のアトミックデザインの定義 ATMOS MOLECULES A社 B社 仮に死ぬ気で合わせたとしよう。 ORGANISMS 02.標準化 ＝ 同質化？ ＝ 運用しやすいとは言えない 要素 意味を持たないグループ 意味を持ったコンテンツ TEMPLATES コンテナなどが定義された物 PAGES ?が組みわせられたページ ATMOS MOLECULES ORGANISMS 要素 意味を持たないグループ 意味を持ったコンテンツ TEMPLATES コンテナなどが定義された物 PAGES ?が組みわせられたページ そしてもちろん死ぬ気で合わせたB社も 崩壊 実は、他サービスのコンポーネント指向が ベースになっていたため、 対象サービスの考え方が改定されば 崩壊 バルス！
- 26. presented by A社とB社のアトミックデザインの定義 ATMOS MOLECULES A社 B社 さあ、標準化目指しましょう ORGANISMS 02.標準化 ＝ 同質化？ ＝ 運用しやすいとは言えない 要素 意味を持たないグループ 意味を持ったコンテンツ TEMPLATES コンテナなどが定義された物 PAGES ?が組みわせられたページ ATMOS MOLECULES ORGANISMS 要素(Lv1 コンポーネント（Lv2 コンポーネントのコンポーネント（Lv3 TEMPLATES 意味を持てっていないテンプレート PAGES ?が組みわせられたページ 割と細かく定義されてる風 Lv表記は階層構造なので悪くわない 打つ手なし
- 27. presented by A社とB社のアトミックデザインの定義 ATMOS MOLECULES A社 B社 さあ、標準化目指しましょう ORGANISMS 02.標準化 ＝ 同質化？ ＝ 運用しやすいとは言えない 要素 意味を持たないグループ 意味を持ったコンテンツ TEMPLATES コンテナなどが定義された物 PAGES ?が組みわせられたページ ATMOS MOLECULES ORGANISMS 要素(Lv1 コンポーネント（Lv2 コンポーネントのコンポーネント（Lv3 TEMPLATES 意味を持てっていないテンプレート PAGES ?が組みわせられたページ 割と細かく定義されてる風 Lv表記は階層構造なので悪くわない いいじゃないのよ。 ユニークな定義一緒に作ろうよ
- 28. presented by A社とB社のアトミックデザインの定義 ATMOS MOLECULES A社 B社 さあ、標準化目指しましょう ORGANISMS 02.標準化 ＝ 同質化？ ＝ 運用しやすいとは言えない 要素 意味を持たないグループ 意味を持ったコンテンツ TEMPLATES コンテナなどが定義された物 PAGES ?が組みわせられたページ ATMOS MOLECULES ORGANISMS 要素(Lv1 コンポーネント（Lv2 コンポーネントのコンポーネント（Lv3 TEMPLATES 意味を持てっていないテンプレート PAGES ?が組みわせられたページ 割と細かく定義されてる風 Lv表記は階層構造なので悪くわない もはやデザインシステムは 標準化するべきではない。
- 31. presented by 03.実はデザインシステムはブランディングの概念と近いのよ マスターブランド体系 フリースタンディングブランド体系 CI BI&VI CI BI&VI メリット デメリット ブランドのコミュニケーション効率がいい 悪評が全体に及ぶ可能性がある フリースタンディングブランド体系 メリット デメリット 個別の世界観を自由に構築 それぞれにマーケティングコストがかかる
- 33. presented by 03.実はデザインシステムはブランディングの概念と近いのよ マスターブランド体系 フリースタンディングブランド体系 CI BI&VI CI BI&VI A社 B社 メリット デメリット 開発工数が少ない 改修が全体に及ぶ可能性がある フリースタンディングブランド体系 メリット デメリット 個別の世界観を自由に構築 それぞれに開発コストがかかる The Design System
- 35. presented by 最後に Epilogue A T L A S S I A N A i r b n b S p o t i f y
- 36. presented by 最後に Epilogue 企 業 価 値 を デ ザ イ ン す る 日 本 は 5 年 U S か ら 遅 れ て い ま す 。 デ ザ イ ン シ ス テ ム は 世 界 で は も は や 標 準 と な り つ つ あ り ま す 。 そ の 考 え は 、 基 本 多 様 化 し て い ま す 。
- 37. presented by 最後に Epilogue 一 緒 に 作 ろ う ア ウ ル ス は コ ン サ ル 型 の デ ザ イ ン 組 織 。 将 来 自 分 で 事 業 を 起 こ し た い 人 、 個 の 力 を 最 大 化 さ せ た い 人 は イ ノ ベ ー シ ョ ン の 近 く に い な け れ ば い け な い 。
- 38. presented by 最後に Epilogue 一 緒 に 作 ろ う 様 々 な サ ー ビ ス と ビ ジ ネ ス に 触 れ て 、 今 活 き る 技 術 で は な く 、 未 来 の 自 分 の た め の 経 験 に 投 資 し よ う 。
- 39. presented by FIN