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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
1shiharaT
October 05, 2020
0
100
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
520
Webサイトの設計を「1」から考えてみるワークショップ
1shiharat
0
130
Featured
See All Featured
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
konakalab
0
380
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
310
How to train your dragon (web standard)
notwaldorf
97
6.5k
Paper Plane (Part 1)
katiecoart
PRO
0
5.3k
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
2.4k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.3k
A Guide to Academic Writing Using Generative AI - A Workshop
ks91
PRO
0
230
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
190
Scaling GitHub
holman
464
140k
The SEO Collaboration Effect
kristinabergwall1
0
380
Into the Great Unknown - MozCon
thekraken
40
2.3k
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
120
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. ご静聴ありがとうございました。