Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
wcan_2020_design_special_lt_gg_ishihara
Search
1shiharaT
October 05, 2020
0
92
wcan_2020_design_special_lt_gg_ishihara
WCAN 2020 Design Special LTで発表させていただいた内容です。
1shiharaT
October 05, 2020
Tweet
Share
More Decks by 1shiharaT
See All by 1shiharaT
Design system for Client Work
1shiharat
2
410
Webサイトの設計を「1」から考えてみるワークショップ
1shiharat
0
110
Featured
See All Featured
How to train your dragon (web standard)
notwaldorf
89
5.8k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
98
18k
For a Future-Friendly Web
brad_frost
176
9.5k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.1k
Into the Great Unknown - MozCon
thekraken
34
1.6k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.3k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.2k
Documentation Writing (for coders)
carmenintech
67
4.5k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
8
1.2k
YesSQL, Process and Tooling at Scale
rocio
170
14k
Transcript
制作会社としての デザインシステムの取り組み GrowGroup 株式会社 / ⽯原 隆志
⾃⼰紹介 ⽯原 隆志 ・GrowGroup株式会社 / 名古屋 / 熊本県天草出⾝ ・Web歴 10年
・エンジニア 〜 ディレクター 〜 業務設計 ・Twitter : @1shiharaT
⾃⼰紹介 ⽯原 隆志 ・GrowGroup株式会社 / 名古屋 / 熊本県天草出⾝ ・Web歴 10年
・エンジニア 〜 ディレクター 〜 業務設計 ・Twitter : @1shiharaT なぜデザインシステム?
None
None
・理念体系を抜本的に変更 時間をつくることが急務 理念体系の変更 事業規模拡⼤による⼈員増加
課題の抽出 1. 各作業者がそれぞれの経験から作業している 2. ⾞輪の再発明 3. コンポーネントの単位や理解度が違う 4. 認識の相違
課題の抽出 1. 各作業者がそれぞれの経験から作業している 2. ⾞輪の再発明 3. コンポーネントの単位や理解度が違う 4. 認識の相違 共通認識となる旗が必要だ!
・そこでデザインシステム デジタルプロダクトの⽬的を達成するために⾸尾⼀貫したルールで編成された、お互い に関連づけられたパターンとその実践⽅法 - デジタルプロダクトのためのデザインシステム実践ガイド / アラ・コルマトヴァ https://polaris.shopify.com/ https://atlassian.design/ プロダクトに対して導⼊されるもの
・⼀般的なデザインシステム デジタルプロダクトの⽬的を達成するために⾸尾⼀貫したルールで編成された、お互いに関連づけられた パターンとその実践⽅法 プロダクト ブランド ビジョン パターンライブラリ デザイン原則 デザインシステム
・今回⽬指すもの プロジェクトによって⽬的、⽬標も違えば ターゲット、シナリオ、戦略も違う
・⽬指すデザインシステム 受託したプロジェクトの⽬的を達成するために汎⽤性を持たせつつ⼀貫したルールで編成され 、お互いに関連づけられたパターンとその実践 パターンライブラリ デザイン原則 デザインシステム 事業の⽬的 受託したプロジェクトの⽬的の達成 クライアントの成⻑ GGのデザインシステム
プロジェクトA プロジェクトB プロジェクトC
・選択と集中によるリソースの最適化 ⽬標
パターンライブラリ 原則 管理ツール
課題への取り組み デザインシステムに関する勉強会、ミーティングの実施 全員から質問をあつめ、回答、ベストを探す
課題への取り組み デザイナーのコーディングスキルの習得 - コンポーネント⾃体の基礎知識を深める
クロージング ミーティングの 開催 プロジェクト終了後に振り返り、 全体的な振り返りとデザインシ ステムへのフィードバック 課題への取り組み
None
課題への取り組み ツールの拡充 - XDのプラグインの導⼊ - SVGを利⽤するように - 簡単にアクセスできるようにアプリの作成
課題への取り組み ドキュメントの充実化
・選択と集中によるリソースの最適化 結論 チームの、組織の、 正しい基準を探してみよう
Fin. ご静聴ありがとうございました。