視座と対象から紐解くデザインキャリア

1 視座と対象から紐解くデザインキャリア株式会社プレイド鈴⽊健⼀ ɹɹʛɹɹ© 2019 PLAID Inc. 2019.11.12ɹɹʛɹɹDESIGN
CAREER LTɹɹʛɹ

3 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ ɹɹʛɹɹ© 2019 PLAID Inc. お話すること話す⼈について
デザインキャリアの構造どう取り組んできたかデザインキャリアの⾒える化今取り組んでいること 1 2 3 4 5

デザインキャリアの構造どう取り組んできたかデザインキャリアの⾒える化今取り組んでいること

6 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ ɹɹʛɹɹ© 2019 PLAID Inc. ⾃⼰紹介 UIデザイナー
デザインシステムに取組み中ダイエット中 35 鈴⽊健⼀株式会社プレイド twitter : @suk note : kenichisuzuki ⼀児の⽗元ケーキ職⼈川崎市在住銀座勤務

ɹɹʛɹɹ© 2019 PLAID Inc. 7 yyyy.mm.ddɹɹʛɹɹEvent name hereɹɹʛɹ 株式会社プレイドについて株式会社プレイド
東京都中央区銀座6-10-1 GINZA SIX 10F 設⽴：2011年10⽉従業員：130名資本⾦：149,987,878円 ※資本準備⾦含む

ɹɹʛɹɹ© 2019 PLAID Inc. 8 yyyy.mm.ddɹɹʛɹɹEvent name hereɹɹʛɹ 株式会社プレイドについて OUR
MISSON データによって⼈の価値を最⼤化する

9 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ ɹɹʛɹɹ© 2019 PLAID Inc. 株式会社プレイドについて $9
ސ٬ମݧ ϓϥοτϑΥʔϜ

10 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ ɹɹʛɹɹ© 2019 PLAID Inc. 株式会社プレイドについて ֬ೝ͢Δ
جຊαʔϏε΍͝ར༻ํ๏Λ͝঺հ͠·͢ɻ ͓ಘͳಛయ΍໾ཱͭ৘ใ͕ຬࡌͰ͢ɻ ॳΊͯͷํ΁ ְתּׅ然钠ׅ׷ 6*رؠ؎ش٦׌ֽוזַזַ♳麦׃זְծ➙ ״׶إٔؗ،حف׃׋ְהְֲ倯䗳铣דׅկ UIرؠ؎ش٦ָ濼׏גֶֻץֹ 7אךرؠ؎ٕٝ٦ٕ DESIGN RULES » CHECK ׆׏ה⢪ִ׷،؎ذي׌ֽ׾䲧ִת׃׋կ ֿך堣⠓׾ֶ鋅鷕׃זֻկ 窫㼎ծ 妜׃ְ ౙͷओ໾ɺ Ξ΢λʔ COLLECTION OUTER 嗚稊勴⟝׾㼰׃㢌刿ׅ׷׌ֽדծ֮ז׋ך椚䟝ך暟⟝ח⳿⠓ִ׷〳腉䚍ָ넝ֻז׶תׅկ 勴⟝׾㢌ִג嗚稊׃ג׫גֻ׌ְׁկ ׀䋞劄ך暟⟝כ 鋅אַ׶תׇ׿ד׃׋ַ ꟗׄ׷ ⼀⼈⼀⼈に合わせた顧客体験を設計 Webサイトの訪問者の⾏動を顧客ごとにリアルタイムに解析 $9 ސ٬ମݧ ϓϥοτϑΥʔϜ

12 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ ɹɹʛɹɹ© 2019 PLAID Inc. キャリアサマリ派遣会社
2004- マークアップエンジニア

FICC 2006- Webデザイナー 2004-

FICC STANDARD 2006- 2014- UIデザイナー 2004-

FICC STANDARD PLAID 2006- 2014- 2018- UIデザイナー 2004-

FICC STANDARD PLAID 2006- 2014- 2018- 兼務中 2019 2004-

デザインキャリアの構造どう取り組んできたかデザインキャリアの⾒える化今取り組んでいること ✓

20 ɹɹʛɹɹ© 2019 PLAID Inc. 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ 視座キャリアの構成要素
デザインキャリアの構造

21 ɹɹʛɹɹ© 2019 PLAID Inc. 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ 視座対象
キャリアの構成要素デザインキャリアの構造

23 ɹɹʛɹɹ© 2019 PLAID Inc. 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ クライアントワークインハウス
視座置かれている⽴場デザインキャリアの構造

25 ɹɹʛɹɹ© 2019 PLAID Inc. 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ マーケティングのためのデザインプロダクトのためのデザイン
組織のためのデザイン ◦◦のためのデザイン ︙ 対象デザインする対象や寄与する成果デザインキャリアの構造

ɹɹʛɹɹ© 2019 PLAID Inc. 26 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ 視座クライアントワーク
インハウスー組織対象インハウス × マーケティングクライアントワーク × マーケティングインハウス × プロダクトクライアントワーク × プロダクトインハウス × 組織クライアントワーク × 組織マトリクスで整理デザインキャリアの構造

インハウスー組織対象インハウス × マーケティングクライアントワーク × マーケティングインハウス × プロダクトクライアントワーク × プロダクトインハウス × 組織クライアントワーク × 組織視座と対象でそれぞれありそうデザインキャリアの構造 / 象限毎の違い

インハウスー組織対象⾃分ごと特定領域への累積思考他者共感多領域への関⼼視座での違いデザインキャリアの構造 / 象限毎の違い

インハウスー組織対象対象での違いユーザーの態度変容を通じて顧客を創出∕維持すること製品の利⽤を通じて継続的な課題解決∕価値提案をすること組織内に起きている課題の発⾒∕解決を通じて事業成⻑につなげることデザインキャリアの構造 / 象限毎の違い

インハウスー組織対象インハウス × マーケティングクライアントワーク × マーケティングインハウス × プロダクトクライアントワーク × プロダクトインハウス × 組織クライアントワーク × 組織リサーチ/課題発⾒/体験設計/UI設計/ビジュアル設計/開発/分析/プロジェクトマネジメント … 象限ごとに能⼒の幅/深さがあるデザインキャリアの構造 / 象限毎の違い

デザインキャリアの構造 / 象限毎の違い ɹɹʛɹɹ© 2019 PLAID Inc. 32 2019.11.12ɹɹʛɹɹDESIGN CAREER
LTɹɹʛɹ 視座クライアントワークインハウスー組織対象インハウス × マーケティングクライアントワーク × マーケティングインハウス × プロダクトクライアントワーク × プロダクトインハウス × 組織クライアントワーク × 組織リサーチ/課題発⾒/体験設計/UI設計/ビジュアル設計/開発/分析/プロジェクトマネジメント … 象限ごとに能⼒の幅/深さがあるどう取り組めばよいか？象限毎に求められることが変わる中

デザインキャリアの構造どう取り組んできたかデザインキャリアの⾒える化今取り組んでいること ✓ ✓

34 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ ɹɹʛɹɹ© 2019 PLAID Inc. どのように取り組んできたか？どのように取り組んできたか？
の場合

インハウスー組織対象インハウス × マーケティングクライアントワーク × マーケティングインハウス × プロダクトクライアントワーク × プロダクトインハウス × 組織クライアントワーク × 組織関わった順番どのように取り組んできたか？

インハウスー組織対象インハウス × マーケティングクライアントワーク × マーケティングインハウス × プロダクトクライアントワーク × プロダクトインハウス × 組織クライアントワーク × 組織クライアントワーク × マーケティングからスタート 1 どのように取り組んできたか？

37 ɹɹʛɹɹ© 2019 PLAID Inc. 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ ブランド/プロモーションサイト
消費財の認知から購⼊、ロイヤリティ向上を促すキャンペーンサイトのデザインどのように取り組んできたか？

インハウスー組織対象インハウス × マーケティングクライアントワーク × マーケティングインハウス × プロダクトクライアントワーク × プロダクトインハウス × 組織クライアントワーク × 組織インハウス × マーケティング 2 どのように取り組んできたか？

39 ɹɹʛɹɹ© 2019 PLAID Inc. 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ ⾃社サイトのリニューアル業界内でのポジショニング変化を
訴求するためのリニューアルどのように取り組んできたか？ ※スクショは2019年現在のもののためイメージです

社内プロジェクトー組織対象クライアントワーク × マーケティングクライアントワーク × プロダクトクライアントワーク × 組織デザイン会社はインハウスでもある（デザインパートナー事業を営む事業会社）気付きインハウス × マーケティングインハウス × プロダクトインハウス × 組織どのように取り組んできたか？

インハウスー組織対象インハウス × マーケティングクライアントワーク × マーケティングインハウス × プロダクトクライアントワーク × プロダクトインハウス × 組織クライアントワーク × 組織インハウス@デザイン会社 × プロダクト 3 どのように取り組んできたか？

42 ɹɹʛɹɹ© 2019 PLAID Inc. 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ ⾃社サービスクリエーター向け
ポートフォリオサービスのデザインどのように取り組んできたか？

インハウスー組織対象インハウス × マーケティングクライアントワーク × マーケティングインハウス × プロダクトクライアントワーク × プロダクトインハウス × 組織クライアントワーク × 組織クライアントワーク × プロダクト 4 どのように取り組んできたか？ STANDARD

44 ɹɹʛɹɹ© 2019 PLAID Inc. 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ 新規∕既存プロダクトスタートアップやインターネット系事業会社の
新規∕既存サービスのデザインどのように取り組んできたか？

インハウスー組織対象インハウス × マーケティングクライアントワーク × マーケティングインハウス × プロダクトクライアントワーク × プロダクトインハウス × 組織クライアントワーク × 組織インハウス@デザイン会社 × 組織 5 どのように取り組んできたか？ STANDARD

46 ɹɹʛɹɹ© 2019 PLAID Inc. 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ MVV/OKR 会社のミッション・ビジョン・バリュー定義
ビジョン達成のための成⻑戦略を共創どのように取り組んできたか？

47 ɹɹʛɹɹ© 2019 PLAID Inc. 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ 制度/組織の再設計成果還元モデルの導⼊やギルド型組織への移⾏
どのように取り組んできたか？

インハウスー組織対象インハウス × マーケティングクライアントワーク × マーケティングインハウス × プロダクトクライアントワーク × プロダクトインハウス × 組織クライアントワーク × 組織インハウス@事業会社 × マーケティング 6 どのように取り組んできたか？

49 ɹɹʛɹɹ© 2019 PLAID Inc. 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ リブランディングプロダクトが提供する価値を体現するための
ロゴマークやWebサイトのリニューアルどのように取り組んできたか？

インハウスー組織対象インハウス × マーケティングクライアントワーク × マーケティングインハウス × プロダクトクライアントワーク × プロダクトインハウス × 組織クライアントワーク × 組織インハウス@事業会社 × プロダクト 7 どのように取り組んできたか？

51 ɹɹʛɹɹ© 2019 PLAID Inc. 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ プロダクト改善既存画⾯へのデザインシステム適⽤による
利⽤体験の改善どのように取り組んできたか？杞ְ걄㚖ד׮䞔㜠׾㢳ֻⰅ׸鴥׫זָ׵ծ〳铣䚍׾䬐⥂ׅ׷׋׭ח妌俑דכ3PCPUP׾䱰欽կㄤ俑כ/PUP4BOT׾竰竲կ醱侧遤ذؗأزך㜥さծぐ؟؎ؤך㛇彊⦼הז׷MJOF IFJHIU׮㹀纏׃גְֻկ TYPOGRAPHY BAISU DESIGN SYSTEM for KARTE Noto Sans CJK JP ֮ font-family: ㄤ俑ה妌俑כ׉׸׊׸〸鎸׾䱰欽 Roboto Aa for title: font-weight:bold 鋅⳿׃הז׷俑㶵銲稆ח㼎׃ג黝欽կؐؑ؎ زכCPMEך׫կ鋅⳿׃ח♧顐䚍׾䭯׋ׇ׷׋ ׭חծOPSNBMכ黝欽׃זְկ typo-default rgba(0,16,14,0.8) font-size:24px line-height:36px グ鰳כ枾ד֮׷կ グ鰳כ枾ד֮׷կせ⵸ כת׌搀ְկוֿד欰 ׸׋ַה׿ה鋅䔲ָא ַטկ font-size:20px line-height:32px グ鰳כ枾ד֮׷կ グ鰳כ枾ד֮׷կせ⵸כת ׌搀ְկוֿד欰׸׋ַה ׿ה鋅䔲ָאַטկ font-size:16px line-height:28px グ鰳כ枾ד֮׷կ グ鰳כ枾ד֮׷կせ⵸כת׌搀 ְկוֿד欰׸׋ַה׿ה鋅䔲ָ אַטկ for title: font-weight:bold 鋅⳿׃הז׷俑㶵銲稆ח㼎׃ג黝欽կؐؑ؎ زכCPMEך׫կ鋅⳿׃ח♧顐䚍׾䭯׋ׇ׷׋ ׭חծOPSNBMכ黝欽׃זְկ typo-default-invert rgba(255,255,255,1) font-size:24px line-height:36px グ鰳כ枾ד֮׷կ グ鰳כ枾ד֮׷կせ⵸ כת׌搀ְկוֿד欰 ׸׋ַה׿ה鋅䔲ָא ַטկ font-size:20px line-height:32px グ鰳כ枾ד֮׷կ グ鰳כ枾ד֮׷կせ⵸כת ׌搀ְկוֿד欰׸׋ַה ׿ה鋅䔲ָאַטկ font-size:16px line-height:28px グ鰳כ枾ד֮׷կ グ鰳כ枾ד֮׷կせ⵸כת׌搀 ְկוֿד欰׸׋ַה׿ה鋅䔲ָ אַטկ ؝ٝه٦طٝز⚥ך鸐䌢ך俑㶵⴨ח黝欽կ䞔㜠ך珏겲׾⮚⯓䏝➰׃ծꅾ銲䏝ח䘔ׄגؐؑ ؎ز׾⢪ְⴓֽ׷կ typo-default rgba(0,16,14,0.8) for paragraph: font-size:14px line-height:24px グ鰳כ枾ד֮׷կ グ鰳כ枾ד֮׷կせ⵸כת׌搀ְկו ֿד欰׸׋ַה׿ה鋅䔲ָאַטկ⡦ ד׮謬农ְׄ׭ׄ׭׃׋䨽דصٍ٦ صٍ٦岛ְגְ׋✲׌ֽכ鎸䥉׃גְ ׷կ font-size:12px line-height:20px グ鰳כ枾ד֮׷կ グ鰳כ枾ד֮׷կせ⵸כת׌搀ְկוֿד欰 ׸׋ַה׿ה鋅䔲ָאַטկ⡦ד׮謬农ְׄ ׭ׄ׭׃׋䨽דصٍ٦صٍ٦岛ְגְ׋✲׌ ֽכ鎸䥉׃גְ׷կグ鰳כֿֿד㨣׭ג➂꟦ הְֲ׮ך׾鋅׋կ font-size:10px line-height:16px グ鰳כ枾ד֮׷կ グ鰳כ枾ד֮׷կせ⵸כת׌搀ְկוֿד欰׸׋ַה׿ ה鋅䔲ָאַטկ⡦ד׮謬农ְׄ׭ׄ׭׃׋䨽דصٍ٦ صٍ٦岛ְגְ׋✲׌ֽכ鎸䥉׃גְ׷կグ鰳כֿֿד 㨣׭ג➂꟦הְֲ׮ך׾鋅׋կ׃ַ׮֮הד耀ֻה׉׸ כ剅欰הְֲ➂꟦⚥ד♧殢样䝤ז珏做ד֮׏׋׉ֲ׌կ font-weight:normal line-height:24px グ鰳כ枾ד֮׷կ グ鰳כ枾ד֮׷կせ⵸כת׌搀ְկו ֿד欰׸׋ַה׿ה鋅䔲ָאַטկ⡦ ד׮謬农ְׄ׭ׄ׭׃׋䨽דصٍ٦ صٍ٦岛ְגְ׋✲׌ֽכ鎸䥉׃גְ ׷կ font-weight:normal line-height:20px グ鰳כ枾ד֮׷կ グ鰳כ枾ד֮׷կせ⵸כת׌搀ְկוֿד欰 ׸׋ַה׿ה鋅䔲ָאַטկ⡦ד׮謬农ְׄ ׭ׄ׭׃׋䨽דصٍ٦صٍ٦岛ְגְ׋✲׌ ֽכ鎸䥉׃גְ׷կグ鰳כֿֿד㨣׭ג➂꟦ הְֲ׮ך׾鋅׋կ font-weight:normal line-height:16px グ鰳כ枾ד֮׷կ グ鰳כ枾ד֮׷կせ⵸כת׌搀ְկוֿד欰׸׋ַה׿ ה鋅䔲ָאַטկ⡦ד׮謬农ְׄ׭ׄ׭׃׋䨽דصٍ٦ صٍ٦岛ְגְ׋✲׌ֽכ鎸䥉׃גְ׷կグ鰳כֿֿד 㨣׭ג➂꟦הְֲ׮ך׾鋅׋կ׃ַ׮֮הד耀ֻה׉׸ כ剅欰הְֲ➂꟦⚥ד♧殢样䝤ז珏做ד֮׏׋׉ֲ׌կ for caption: ؝ٝه٦طٝز⚥ך鸐䌢ך俑㶵⴨ח黝欽կ䞔㜠ך珏겲׾⮚⯓䏝➰׃ծⶰ如涸ז䞔㜠ח㼎׃ ג黝欽ׅ׷կ typo-caption rgba(0,16,14,0.55) font-size:14px line-height:24px グ鰳כ枾ד֮׷կ グ鰳כ枾ד֮׷կせ⵸כת׌搀ְկו ֿד欰׸׋ַה׿ה鋅䔲ָאַטկ⡦ ד׮謬农ְׄ׭ׄ׭׃׋䨽דصٍ٦ صٍ٦岛ְגְ׋✲׌ֽכ鎸䥉׃גְ ׷կ font-size:12px line-height:20px グ鰳כ枾ד֮׷կ グ鰳כ枾ד֮׷կせ⵸כת׌搀ְկוֿד欰 ׸׋ַה׿ה鋅䔲ָאַטկ⡦ד׮謬农ְׄ ׭ׄ׭׃׋䨽דصٍ٦صٍ٦岛ְגְ׋✲׌ ֽכ鎸䥉׃גְ׷կグ鰳כֿֿד㨣׭ג➂꟦ הְֲ׮ך׾鋅׋կ font-size:10px line-height:16px グ鰳כ枾ד֮׷կ グ鰳כ枾ד֮׷կせ⵸כת׌搀ְկוֿד欰׸׋ַה׿ ה鋅䔲ָאַטկ⡦ד׮謬农ְׄ׭ׄ׭׃׋䨽דصٍ٦ صٍ٦岛ְגְ׋✲׌ֽכ鎸䥉׃גְ׷կグ鰳כֿֿד 㨣׭ג➂꟦הְֲ׮ך׾鋅׋կ׃ַ׮֮הד耀ֻה׉׸ כ剅欰הְֲ➂꟦⚥ד♧殢样䝤ז珏做ד֮׏׋׉ֲ׌կ font-weight:normal line-height:24px グ鰳כ枾ד֮׷կ グ鰳כ枾ד֮׷կせ⵸כת׌搀ְկו ֿד欰׸׋ַה׿ה鋅䔲ָאַטկ⡦ ד׮謬农ְׄ׭ׄ׭׃׋䨽דصٍ٦ صٍ٦岛ְגְ׋✲׌ֽכ鎸䥉׃גְ ׷կ font-weight:normal line-height:20px グ鰳כ枾ד֮׷կ グ鰳כ枾ד֮׷կせ⵸כת׌搀ְկוֿד欰 ׸׋ַה׿ה鋅䔲ָאַטկ⡦ד׮謬农ְׄ ׭ׄ׭׃׋䨽דصٍ٦صٍ٦岛ְגְ׋✲׌ ֽכ鎸䥉׃גְ׷կグ鰳כֿֿד㨣׭ג➂꟦ הְֲ׮ך׾鋅׋կ font-weight:normal line-height:16px グ鰳כ枾ד֮׷կ グ鰳כ枾ד֮׷կせ⵸כת׌搀ְկוֿד欰׸׋ַה׿ ה鋅䔲ָאַטկ⡦ד׮謬农ְׄ׭ׄ׭׃׋䨽דصٍ٦ صٍ٦岛ְגְ׋✲׌ֽכ鎸䥉׃גְ׷կグ鰳כֿֿד 㨣׭ג➂꟦הְֲ׮ך׾鋅׋կ׃ַ׮֮הד耀ֻה׉׸ כ剅欰הְֲ➂꟦⚥ד♧殢样䝤ז珏做ד֮׏׋׉ֲ׌կ bg-palegray rgba(0,16,14,0.03) ك٦أؕٓ٦ה׃גծ⟃♴ך葿׾㹀纏׃גְתׅկIPWFSװBDUJWFזו朐䡾㢌⻉ך葿חאְגכծ׉׸׊׸ךBUPNTװDPNQPOFOUTⰻדꟗׄג㹋鄲ׅ׷׮ךה׃ծ害欽DMBTTה׃ג כꟚ佝׃זְֿהד醱꧟ָׁ㟓ִ׷ֿה׾꣇ֺתׅկ COLOR BAISU DESIGN SYSTEM for KARTE bg-lightgray rgba(0,16,14,0.06) bg-darkgray rgba(0,16,14,0.8) bg-gray rgba(0,16,14,0.55) bg-karte #2AAB9F bg-white #FFFFFF bg-transparent transparent typo-default rgba(0,16,14,0.8) typo-critical #C42F27 typo-success #1D76BF typo-attention #EF9816 bg-critical #C42F27 bg-success #1D76BF bg-attention #EF9816 text color 俑㶵כرؿٕؓزהٍؗفءّٝ欽 ך珏겲׾ك٦أחծ农ְ胜兝欽ך ⿾鯄晛׾欽䠐կ ؕٓ٦؝٦سדכזֻSHCBד䭷㹀ׅ ׷ֿהדծ胜兝葿ח꼧厩׬״ֲח׃ גְתׅկ ׉ך➭ծ،ٓ٦ز邌爙װ،ٓ٦ز، ؎؝ٝ׾䟝㹀׃׋葿׾珏겲欽䠐կ background color 葿ך؎ً٦آ׾䊩〸ׁ׸׋ֻזְ׮ ךـٓٝسؕٓ٦ծ،ٓ٦زؕ ٓ٦חאְגכؕٓ٦؝٦سד䭷㹀կ 鷲僇䏝׾䭯׋ׇ׷ֿהדծꅾי׋ה ֹך䭁䓸䚍׾׮׋ׇ׋ְؚٖ٦أ ؛٦ٕ禸ך葿חאְגכSHCBד䭷㹀 ׃גְתׅկ typo-caption rgba(0,16,14,0.55) typo-default-invert rgba(255,255,255,1) typo-caption-invert rgba(255,255,255,0.55) BUTTON BAISU DESIGN SYSTEM for KARTE rule نةٝ銲稆כ〸鎸ך銲稆ך穈׫さ ׻ׇד圓䧭׃גְתׅկ theme 俑㶵؟؎ؤծ俑㶵葿ծ胜兝葿ծ ぐ珏أذ٦ز׾㹀纏 _primary _basicLight _basicDark _support size 넝ׁծ俑㶵؟؎ؤ׾♳剅ֹ small middle large decoration ،؎؝ٝך剣搀ծ⡘縧׾㹀纏 plain icon-left icon-right icon text color typo-default-invert rgba(255,255,255,1) alpha:0.3 rgba(255,255,255,0.3) _basicDark CBTJDכծQSJNBSZך如חꅾ銲ז، ؙءّٝח欽ְ׷نةٝדׅկ胜兝葿ח䘔ׄגծMJHIUהEBSL׾⢪ְⴓ ֽגֻ׌ְׁկ نةٝٓكٕ default :hover :active :disabled aria-busy="false" aria-busy="true" نةٝٓكٕ نةٝٓكٕ نةٝٓكٕ نةٝٓكٕ نةٝٓكٕ نةٝٓكٕ نةٝٓكٕ preview bg-white preview bg-dark bg color bg-gray rgba(0,16,14,0.55) bg-gray rgba(0,16,14,0.55) alpha:75% rgba(0,16,14,0.75) alpha:75% rgba(0,16,14,0.75) alpha:30% rgba(0,16,14,0.3) _basicLight CBTJDכծQSJNBSZך如חꅾ銲ז، ؙءّٝח欽ְ׷نةٝדׅկ胜兝葿ח䘔ׄגծMJHIUהEBSL׾⢪ְⴓ ֽגֻ׌ְׁկ text color نةٝٓكٕ default نةٝٓكٕ :hover نةٝٓكٕ :active نةٝٓكٕ :disabled preview typo-default rgba(0,16,14,0.8) alpha:0.2 rgba(0,16,14,0.2) bg color bg-lightgray rgba(0,16,14,0.06) bg-lightgray rgba(0,16,14,0.06) alpha:20% rgba(0,16,14,0.2) alpha:20% rgba(0,16,14,0.2) alpha:3% rgba(0,16,14,0.03) aria-busy="false" aria-busy="true" _primary QSJNBSZכծ♧鸬ךفٗإأךꟚ㨣 ♧鸬ךفٗإأ׾如ח鹌׭׷♧ 鸬ךفٗإأך㸣✪זוծ歗꬗ⰻד 剑׮ꅾ銲ז،ؙءّٝ׾爙ׅꥷח欽 ְתׅկ نةٝٓكٕ default نةٝٓكٕ :hover نةٝٓكٕ :active aria-busy="false" aria-busy="true" bg-karte #2AAB9F bg-karte #2AAB9F +black20% #21887F +white20% #54BBB2 typo-default-invert rgba(255,255,255,1) alpha:0.3 rgba(255,255,255,0.3) نةٝٓكٕ :disabled +black20% #21887F _critical DSJUJDBMכծ⵴ꤐװ鍑秈זוծ灶㠨涸٥♶〳鷞涸ז،ؙءّٝ׾爙ׅꥷ ח欽ְתׅկ نةٝٓكٕ default نةٝٓكٕ :hover نةٝٓكٕ :active aria-busy="false" aria-busy="true" bg-critical #C42F27 bg-critical #C42F27 +black20% #9C251F +white20% #CF5852 typo-default-invert rgba(255,255,255,1) alpha:0.3 rgba(255,255,255,0.3) نةٝٓكٕ :disabled +black20% #9C251F _support TVQQPSUכծQSJNBSZװCBTJDח➰ꥤ ׃ծ㼎חז׷،ؙءّٝח欽ְ׷ن ةٝדׅկ⢽⥂㶷ח㼎ׅ׷ٍؗ ٝإٕկ鷄⸇ח㼎ׅ׷⵴ꤐ text color نةٝٓكٕ default نةٝٓكٕ :hover نةٝٓكٕ :active نةٝٓكٕ :disabled preview typo-default rgba(0,16,14,0.8) alpha:0.2 rgba(0,16,14,0.2) bg color transparent rgba(0,16,14,0) alpha:6% rgba(0,16,14,0.06) alpha:10% rgba(0,16,14,0.1) transparent rgba(0,16,14,0) alpha:3% rgba(0,16,14,0.03) aria-busy="false" aria-busy="true" bg-white #FFFFFF FORM BAISU DESIGN SYSTEM for KARTE input text input type DIFDLCPY ٥醱侧갪湡ⰻַ׵⟣䠐ךא⟃♳ך 갪湡鼅䫛׾遤ֲ㜥さ ٥אך갪湡ח㼎ׅ׷POPךⴖ׶ 剏ִַאծ⽯儗⿾僥ׁ׸זְ갪湡ך 㜥さ חⵃ欽ׅ׷կ SBEJP ٥醱侧갪湡ⰻַ׵⟣䠐ך갪湡ך鼅䫛׾⤛ׅ㜥さ checkbox radio toggle QMBDFIPMEFS bg-white #FFFFFF 1px solid rgba(0,16,14,0.2) 1px solid rgba(0,16,14,0.2) 1px solid rgba(0,16,14,0.1) ˒ 2px solid #EF9816 bg-white #FFFFFF bg-white #FFFFFF bg-white #FFFFFF bg-white #FFFFFF bg color border text color preview QMBDFIPMEFS QMBDFIPMEFS default ذؗأز disable ذؗأز inputed hover focus ذؗأز error validarion message ذؗأز ؒٓ٦ⰻ㺁׾铡僇ׅ׷ذؗأز default disable inputed hover button-hover button-click focus error 涯胜兝晛׾㹀纏կ 랲胜兝晛חאְגכ歗꬗⡲䧭ך堣⠓ ָדֹ׋ة؎ىؚٝד嗚鎢ׅ׷կ ˒ ˒ ˒ typo-default rgba(0,16,14,0.8) typo-default rgba(0,16,14,0.8) alpha:0.3 rgba(0,16,14,0.3) alpha:0.2 rgba(0,16,14,0.2) 2px solid rgba(0,16,14,0.06) 2px solid #2AAB9F ﬂoating label color ˒ typo-default rgba(0,16,14,0.8) typo-default rgba(0,16,14,0.8) alpha:0.3 rgba(0,16,14,0.3) alpha:0.2 rgba(0,16,14,0.2) ˒ ٓكָٕⰅ׶תׅ QMBDFIPMEFS ٓكָٕⰅ׶תׅ QMBDFIPMEFS ٓكָٕⰅ׶תׅ Ⰵ⸂幥׫ذؗأز QMBDFIPMEFS ٓكָٕⰅ׶תׅ ٓكָٕⰅ׶תׅ IPHF ٓكָٕⰅ׶תׅ ذؗأزذؗأز ﬂoating label ذؗأزذؗأز _middle _large font-size padding height 12px 14px 32px 40px ذؗأزذؗأز size 넝ׁה䊩〸ךQBEEJOHծ 俑㶵؟؎ؤ׾㹀纏կ ذؗأزذؗأز ذؗأزذؗأز 12px 12px preview ٓكָٕⰅ׶תׅ ٓكָٕⰅ׶תׅ ٓكָٕⰅ׶תׅ ٓكָٕⰅ׶תׅ ٓكָٕⰅ׶תׅ ٓكָٕⰅ׶תׅ ٓكָٕⰅ׶תׅ ٓكָٕⰅ׶תׅ x-small default :hover :disabled selected toggle : off :hover :disabled toggle : on karte-green #2AAB9F ˒

インハウスー組織対象クライアントワーク × 組織どのように取り組んできたか？の場合 STANDARD STANDARD

インハウスー組織対象インハウス × マーケティングクライアントワーク × マーケティングインハウス × プロダクトクライアントワーク × プロダクトインハウス × 組織クライアントワーク × 組織どのように取り組んできたか？の場合振り返って、どうするか？

デザインキャリアの構造どう取り組んできたかデザインキャリアの⾒える化今取り組んでいること ✓ ✓ ✓

インハウスー組織対象インハウス × マーケティングクライアントワーク × マーケティングインハウス × プロダクトクライアントワーク × プロダクトインハウス × 組織未経験経験回数や有無をもとにヒートマップ化 1 3 7 5 6 2 4 デザインキャリアの⾒える化

インハウスー組織対象インハウス × マーケティングクライアントワーク × マーケティングインハウス × プロダクトクライアントワーク × プロダクトインハウス × 組織未経験 1 3 7 5 6 2 4 デザインキャリアの⾒える化組織デザインの経験が少ない気付き1 未経験⾃社で経験

インハウスー組織対象⾃社 × マーケティングクライアントワーク × マーケティングインハウス × プロダクトクライアントワーク × プロダクトインハウス × 組織未経験 1 3 7 5 6 2 4 デザインキャリアの⾒える化デザイン会社でもインハウスの視座を経験できた気付き2

インハウスー組織対象⾃社 × マーケティングクライアントワーク × マーケティング⾃社 × プロダクトクライアントワーク × プロダクトインハウス × 組織未経験 1 3 7 5 6 2 4 デザインキャリアの⾒える化環境を変えずに別対象にトライする機会があった気付き3

インハウスー組織対象の場合 ※個⼈の想像ですデザインキャリアの⾒える化 / ⾒える化する良さ

インハウスー組織対象 DONGURI DONGURI DONGURI の場合 ※個⼈の想像です DONGURI DONGURI Mimicry design DONGURI BizReach Mimicry design inquire デザインキャリアの⾒える化 / ⾒える化する良さ

インハウスー組織対象の場合 ※個⼈の想像ですデザインキャリアの⾒える化 / ⾒える化する良さ

インハウスー組織対象 SPEEDA DSCL SPEEDA DSCL SPEEDA DSCL の場合 ※個⼈の想像です社会 DSCL デザインキャリアの⾒える化 / ⾒える化する良さ

65 ɹɹʛɹɹ© 2019 PLAID Inc. 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ ⽐較できる発⾒できる
⾒える化する良さデザインキャリアの⾒える化 / ⾒える化する良さ

デザインキャリアの⾒える化 / ⾒える化する良さ 66 ɹɹʛɹɹ© 2019 PLAID Inc. 2019.11.12ɹɹʛɹɹDESIGN CAREER
LTɹɹʛɹ ⽐較できる発⾒できる⾒える化する良さその後どうするか？現在地はわかってきた

ɹɹʛɹɹ© 2019 PLAID Inc. 68 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ やりたいやりたくない
クライアントワーク × マーケティングインハウス × プロダクトクライアントワーク × プロダクトインハウス × 組織クライアントワーク × 組織インハウス × マーケティングモチベーション × 能⼒でプロットデザインキャリアの⾒える化 / その後どうするか？

クライアントワーク × マーケティングインハウス × プロダクトクライアントワーク × プロダクトインハウス × 組織クライアントワーク × 組織インハウス × マーケティングやりたい × できないを、できるようにするクライアントワーク × 組織デザインキャリアの⾒える化 / その後どうするか？

クライアントワーク × マーケティングインハウス × プロダクトクライアントワーク × プロダクトインハウス × 組織クライアントワーク × 組織インハウス × マーケティングやりたくない × できるを、やりたくなるようにするクライアントワーク × マーケティングデザインキャリアの⾒える化 / その後どうするか？

効率よく取り組む浮いた時間で投資するやりたくない × できるを⼟台にしつつ別象限に取り組むデザインキャリアの⾒える化 / その後どうするか？

ɹɹʛɹɹ© 2019 PLAID Inc. 72 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ プレーヤー多いプレーヤー少ない
需要 / 課題多需要 / 課題少クライアントワーク × マーケティングインハウス × プロダクトクライアントワーク × プロダクトインハウス × 組織クライアントワーク × 組織インハウス × マーケティング希少性 × 需要でプロットデザインキャリアの⾒える化 / その後どうするか？

需要 / 課題多需要 / 課題少クライアントワーク × マーケティングインハウス × プロダクトクライアントワーク × プロダクトインハウス × 組織クライアントワーク × 組織インハウス × マーケティングプレーヤー少ない × 課題多いに取り組むデザインキャリアの⾒える化 / その後どうするか？

インハウスー組織対象インハウス × マーケティングクライアントワーク × マーケティングインハウス × プロダクトクライアントワーク × プロダクトインハウス × 組織クライアントワーク × 組織別の象限に拡げるか？今の象限を深めるか？デザインキャリアの⾒える化 / その後どうするか？

デザインキャリアの⾒える化 / その後どうするか？ ɹɹʛɹɹ© 2019 PLAID Inc. 75 2019.11.12ɹɹʛɹɹDESIGN CAREER
LTɹɹʛɹ 視座クライアントワークインハウスー組織対象インハウス × マーケティングクライアントワーク × マーケティングインハウス × プロダクトクライアントワーク × プロダクトインハウス × 組織クライアントワーク × 組織別の象限に拡げるか？今の象限を深めるか？こんな⾵に考えられてない（出会いと運に助けられただけ説）

デザインキャリアの構造どう取り組んできたかデザインキャリアの⾒える化今取り組んでいること ✓ ✓ ✓ ✓

今取り組んでいること ɹɹʛɹɹ© 2019 PLAID Inc. 78 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ 視座
クライアントワークインハウスー組織対象インハウス × マーケティングクライアントワーク × マーケティングインハウス × プロダクトクライアントワーク × プロダクトインハウス × 組織クライアントワーク × 組織インハウス× プロダクト/組織にフォーカス（状況に応じてインハウス×マーケのサポートも）

杞ְ걄㚖ד׮䞔㜠׾㢳ֻⰅ׸鴥׫זָ׵ծ〳铣䚍׾䬐⥂ׅ׷׋׭ח妌俑דכ3PCPUP׾䱰欽կㄤ俑כ/PUP4BOT׾竰竲կ醱侧遤ذؗأزך㜥さծぐ؟؎ؤך㛇彊⦼הז׷MJOF IFJHIU׮㹀纏׃גְֻկ TYPOGRAPHY BAISU DESIGN SYSTEM for KARTE Noto Sans
CJK JP ֮ font-family: ㄤ俑ה妌俑כ׉׸׊׸〸鎸׾䱰欽 Roboto Aa for title: font-weight:bold 鋅⳿׃הז׷俑㶵銲稆ח㼎׃ג黝欽կؐؑ؎ زכCPMEך׫կ鋅⳿׃ח♧顐䚍׾䭯׋ׇ׷׋ ׭חծOPSNBMכ黝欽׃זְկ typo-default rgba(0,16,14,0.8) font-size:24px line-height:36px グ鰳כ枾ד֮׷կ グ鰳כ枾ד֮׷կせ⵸ כת׌搀ְկוֿד欰 ׸׋ַה׿ה鋅䔲ָא ַטկ font-size:20px line-height:32px グ鰳כ枾ד֮׷կ グ鰳כ枾ד֮׷կせ⵸כת ׌搀ְկוֿד欰׸׋ַה ׿ה鋅䔲ָאַטկ font-size:16px line-height:28px グ鰳כ枾ד֮׷կ グ鰳כ枾ד֮׷կせ⵸כת׌搀 ְկוֿד欰׸׋ַה׿ה鋅䔲ָ אַטկ 79 ɹɹʛɹɹ© 2019 PLAID Inc. 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ 共にデザインする職種を問わずメンバーと共により良い体験をデザインしていく取り組み（インタビュー、デザインレビュー、デザインシステム）インハウス × プロダクト今取り組んでいること

80 ɹɹʛɹɹ© 2019 PLAID Inc. 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ 組織特性に合わせた設計のアプローチ
開発スピードを殺さずにデザイナーが素早くキャッチアップし伴⾛するためのリサーチプロセスインハウス × プロダクト今取り組んでいること

81 ɹɹʛɹɹ© 2019 PLAID Inc. 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ 企業を構成する抽象概念の整理
MVV,成⻑戦略,エコシステム等の抽象概念を整理、図⽰し理解を促すインハウス × 組織今取り組んでいること

インハウスー組織対象インハウス × マーケティングクライアントワーク × マーケティングインハウス × プロダクトクライアントワーク × プロダクトインハウス × 組織クライアントワーク × 組織マトリクスで整理まとめ

インハウスー組織対象⾃分ごと特定領域への累積思考他者共感多領域への関⼼視座での違いまとめ

インハウスー組織対象対象での違いユーザーの態度変容を通じて顧客を創出∕維持すること製品の利⽤を通じて継続的な課題解決∕価値提案をすること組織内に起きている課題の発⾒∕解決を通じて事業成⻑につなげることまとめ

インハウスー組織対象インハウス × マーケティングクライアントワーク × マーケティングインハウス × プロダクトクライアントワーク × プロダクトインハウス × 組織未経験⾒える化することで⽐較∕発⾒できる 1 3 7 5 6 2 4 デザインキャリアの⾒える化

クライアントワーク × マーケティングインハウス × プロダクトクライアントワーク × プロダクトインハウス × 組織クライアントワーク × 組織インハウス × マーケティングやりたい × できないを、できるようにするクライアントワーク × 組織まとめ

クライアントワーク × マーケティングインハウス × プロダクトクライアントワーク × プロダクトインハウス × 組織クライアントワーク × 組織インハウス × マーケティングやりたくない × できるを、やりたくなるようにするクライアントワーク × マーケティングまとめ

需要 / 課題多需要 / 課題少クライアントワーク × マーケティングインハウス × プロダクトクライアントワーク × プロダクトインハウス × 組織クライアントワーク × 組織インハウス × マーケティングプレーヤー少ない × 課題多いに取り組むまとめ

インハウスー組織対象インハウス × マーケティングクライアントワーク × マーケティングインハウス × プロダクトクライアントワーク × プロダクトインハウス × 組織クライアントワーク × 組織別の象限に拡げるか？今の象限を深めるか？まとめ

視座と対象から紐解くデザインキャリア

視座と対象から紐解くデザインキャリア

Transcript

More Decks by Kenichi Suzuki

Other Decks in Design

Featured