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

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

Kenichi Suzuki
November 12, 2019

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

Kenichi Suzuki

November 12, 2019
Tweet

More Decks by Kenichi Suzuki

Other Decks in Design

Transcript

  1. 3 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ ɹɹʛɹɹ© 2019 PLAID Inc. お話すること 話す⼈について

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

    デザインキャリアの構造 どう取り組んできたか デザインキャリアの⾒える化 今取り組んでいること
  3. 6 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ ɹɹʛɹɹ© 2019 PLAID Inc. ⾃⼰紹介 UIデザイナー

    デザインシステムに取組み中 ダイエット中 35 鈴⽊ 健⼀ 株式会社プレイド twitter : @suk note : kenichisuzuki ⼀児の⽗ 元ケーキ職⼈ 川崎市在住 銀座勤務
  4. ɹɹʛɹɹ© 2019 PLAID Inc. 7 yyyy.mm.ddɹɹʛɹɹEvent name hereɹɹʛɹ 株式会社プレイドについて 株式会社プレイド

    東京都中央区銀座6-10-1 GINZA SIX 10F 設⽴:2011年10⽉ 従業員:130名 資本⾦:149,987,878円 ※資本準備⾦含む
  5. 10 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ ɹɹʛɹɹ© 2019 PLAID Inc. 株式会社プレイドについて ֬ೝ͢Δ

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

    デザインキャリアの構造 どう取り組んできたか デザインキャリアの⾒える化 今取り組んでいること ✓
  7. 21 ɹɹʛɹɹ© 2019 PLAID Inc. 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ 視座 対象

    キャリアの構成要素 デザインキャリアの構造
  8. 25 ɹɹʛɹɹ© 2019 PLAID Inc. 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ マーケティングのためのデザイン プロダクトのためのデザイン

    組織のためのデザイン ◦◦のためのデザイン ︙ 対象 デザインする対象や寄与する成果 デザインキャリアの構造
  9. ɹɹʛɹɹ© 2019 PLAID Inc. 26 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ 視座 クライアントワーク

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

    インハウス ー 組 織 対 象 インハウス × マーケティング クライアントワーク × マーケティング インハウス × プロダクト クライアントワーク × プロダクト インハウス × 組織 クライアントワーク × 組織 視座と対象で それぞれありそう デザインキャリアの構造 / 象限毎の違い
  11. ɹɹʛɹɹ© 2019 PLAID Inc. 29 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ 視座 クライアントワーク

    インハウス ー 組 織 対 象 ⾃分ごと 特定領域への累積思考 他者共感 多領域への関⼼ 視座での違い デザインキャリアの構造 / 象限毎の違い
  12. ɹɹʛɹɹ© 2019 PLAID Inc. 30 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ 視座 クライアントワーク

    インハウス ー 組 織 対 象 対象での違い ユーザーの態度変容を通じて顧客を創出∕維持すること 製品の利⽤を通じて継続的な課題解決∕価値提案をすること 組織内に起きている課題の発⾒∕解決を通じて事業成⻑につなげること デザインキャリアの構造 / 象限毎の違い
  13. ɹɹʛɹɹ© 2019 PLAID Inc. 31 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ 視座 クライアントワーク

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

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

    デザインキャリアの構造 どう取り組んできたか デザインキャリアの⾒える化 今取り組んでいること ✓ ✓
  16. ɹɹʛɹɹ© 2019 PLAID Inc. 35 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ 視座 クライアントワーク

    インハウス ー 組 織 対 象 インハウス × マーケティング クライアントワーク × マーケティング インハウス × プロダクト クライアントワーク × プロダクト インハウス × 組織 クライアントワーク × 組織 関わった順番 どのように取り組んできたか?
  17. ɹɹʛɹɹ© 2019 PLAID Inc. 36 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ 視座 クライアントワーク

    インハウス ー 組 織 対 象 インハウス × マーケティング クライアントワーク × マーケティング インハウス × プロダクト クライアントワーク × プロダクト インハウス × 組織 クライアントワーク × 組織 クライアントワーク × マーケティング からスタート 1 どのように取り組んできたか?
  18. 37 ɹɹʛɹɹ© 2019 PLAID Inc. 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ ブランド/プロモーション サイト

    消費財の認知から購⼊、ロイヤリティ向上を促 すキャンペーンサイトのデザイン どのように取り組んできたか?
  19. ɹɹʛɹɹ© 2019 PLAID Inc. 38 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ 視座 クライアントワーク

    インハウス ー 組 織 対 象 インハウス × マーケティング クライアントワーク × マーケティング インハウス × プロダクト クライアントワーク × プロダクト インハウス × 組織 クライアントワーク × 組織 インハウス × マーケティング 2 どのように取り組んできたか?
  20. 39 ɹɹʛɹɹ© 2019 PLAID Inc. 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ ⾃社サイトのリニューアル 業界内でのポジショニング変化を

    訴求するためのリニューアル どのように取り組んできたか? ※スクショは2019年現在のもののためイメージです
  21. ɹɹʛɹɹ© 2019 PLAID Inc. 40 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ 視座 クライアントワーク

    社内プロジェクト ー 組 織 対 象 クライアントワーク × マーケティング クライアントワーク × プロダクト クライアントワーク × 組織 デザイン会社は インハウスでもある (デザインパートナー事業を営む事業会社) 気付き インハウス × マーケティング インハウス × プロダクト インハウス × 組織 どのように取り組んできたか?
  22. ɹɹʛɹɹ© 2019 PLAID Inc. 41 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ 視座 クライアントワーク

    インハウス ー 組 織 対 象 インハウス × マーケティング クライアントワーク × マーケティング インハウス × プロダクト クライアントワーク × プロダクト インハウス × 組織 クライアントワーク × 組織 インハウス@デザイン会社 × プロダクト 3 どのように取り組んできたか?
  23. 42 ɹɹʛɹɹ© 2019 PLAID Inc. 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ ⾃社サービス クリエーター向け

    ポートフォリオサービスのデザイン どのように取り組んできたか?
  24. ɹɹʛɹɹ© 2019 PLAID Inc. 43 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ 視座 クライアントワーク

    インハウス ー 組 織 対 象 インハウス × マーケティング クライアントワーク × マーケティング インハウス × プロダクト クライアントワーク × プロダクト インハウス × 組織 クライアントワーク × 組織 クライアントワーク × プロダクト 4 どのように取り組んできたか? STANDARD
  25. ɹɹʛɹɹ© 2019 PLAID Inc. 45 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ 視座 クライアントワーク

    インハウス ー 組 織 対 象 インハウス × マーケティング クライアントワーク × マーケティング インハウス × プロダクト クライアントワーク × プロダクト インハウス × 組織 クライアントワーク × 組織 インハウス@デザイン会社 × 組織 5 どのように取り組んできたか? STANDARD
  26. 46 ɹɹʛɹɹ© 2019 PLAID Inc. 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ MVV/OKR 会社のミッション・ビジョン・バリュー定義

    ビジョン達成のための成⻑戦略を共創 どのように取り組んできたか?
  27. ɹɹʛɹɹ© 2019 PLAID Inc. 48 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ 視座 クライアントワーク

    インハウス ー 組 織 対 象 インハウス × マーケティング クライアントワーク × マーケティング インハウス × プロダクト クライアントワーク × プロダクト インハウス × 組織 クライアントワーク × 組織 インハウス@事業会社 × マーケティング 6 どのように取り組んできたか?
  28. ɹɹʛɹɹ© 2019 PLAID Inc. 50 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ 視座 クライアントワーク

    インハウス ー 組 織 対 象 インハウス × マーケティング クライアントワーク × マーケティング インハウス × プロダクト クライアントワーク × プロダクト インハウス × 組織 クライアントワーク × 組織 インハウス@事業会社 × プロダクト 7 どのように取り組んできたか?
  29. 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 floating 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 ٓكָٕⰅ׶תׅ ذؗأزذؗأز floating 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 ˒
  30. ɹɹʛɹɹ© 2019 PLAID Inc. 52 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ 視座 クライアントワーク

    インハウス ー 組 織 対 象 クライアントワーク × 組織 どのように取り組んできたか? の場合 STANDARD STANDARD
  31. ɹɹʛɹɹ© 2019 PLAID Inc. 53 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ 視座 クライアントワーク

    インハウス ー 組 織 対 象 インハウス × マーケティング クライアントワーク × マーケティング インハウス × プロダクト クライアントワーク × プロダクト インハウス × 組織 クライアントワーク × 組織 どのように取り組んできたか? の場合 振り返って、どうするか?
  32. 54 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ ɹɹʛɹɹ© 2019 PLAID Inc. お話すること 話す⼈について

    デザインキャリアの構造 どう取り組んできたか デザインキャリアの⾒える化 今取り組んでいること ✓ ✓ ✓
  33. ɹɹʛɹɹ© 2019 PLAID Inc. 56 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ 視座 クライアントワーク

    インハウス ー 組 織 対 象 インハウス × マーケティング クライアントワーク × マーケティング インハウス × プロダクト クライアントワーク × プロダクト インハウス × 組織 未経験 経験回数や有無をもとに ヒートマップ化 1 3 7 5 6 2 4 デザインキャリアの⾒える化
  34. ɹɹʛɹɹ© 2019 PLAID Inc. 57 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ 視座 クライアントワーク

    インハウス ー 組 織 対 象 インハウス × マーケティング クライアントワーク × マーケティング インハウス × プロダクト クライアントワーク × プロダクト インハウス × 組織 未経験 1 3 7 5 6 2 4 デザインキャリアの⾒える化 組織デザインの 経験が少ない 気付き1 未経験          ⾃社で経験
  35. ɹɹʛɹɹ© 2019 PLAID Inc. 58 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ 視座 クライアントワーク

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

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

    インハウス ー 組 織 対 象 の場合 ※個⼈の想像です デザインキャリアの⾒える化 / ⾒える化する良さ
  38. ɹɹʛɹɹ© 2019 PLAID Inc. 62 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ 視座 クライアントワーク

    インハウス ー 組 織 対 象 DONGURI DONGURI DONGURI の場合 ※個⼈の想像です DONGURI DONGURI Mimicry design DONGURI BizReach Mimicry design inquire デザインキャリアの⾒える化 / ⾒える化する良さ
  39. ɹɹʛɹɹ© 2019 PLAID Inc. 63 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ 視座 クライアントワーク

    インハウス ー 組 織 対 象 の場合 ※個⼈の想像です デザインキャリアの⾒える化 / ⾒える化する良さ
  40. ɹɹʛɹɹ© 2019 PLAID Inc. 64 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ 視座 クライアントワーク

    インハウス ー 組 織 対 象 SPEEDA DSCL SPEEDA DSCL SPEEDA DSCL の場合 ※個⼈の想像です 社 会 DSCL デザインキャリアの⾒える化 / ⾒える化する良さ
  41. 65 ɹɹʛɹɹ© 2019 PLAID Inc. 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ ⽐較できる 発⾒できる

    ⾒える化する良さ デザインキャリアの⾒える化 / ⾒える化する良さ
  42. デザインキャリアの⾒える化 / ⾒える化する良さ 66 ɹɹʛɹɹ© 2019 PLAID Inc. 2019.11.12ɹɹʛɹɹDESIGN CAREER

    LTɹɹʛɹ ⽐較できる 発⾒できる ⾒える化する良さ その後どうするか? 現在地はわかってきた
  43. ɹɹʛɹɹ© 2019 PLAID Inc. 68 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ やりたい やりたくない

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

    クライアントワーク × マーケティング インハウス × プロダクト クライアントワーク × プロダクト インハウス × 組織 クライアントワーク × 組織 インハウス × マーケティング やりたい × できない を、 できるようにする クライアントワーク × 組織 デザインキャリアの⾒える化 / その後どうするか?
  45. ɹɹʛɹɹ© 2019 PLAID Inc. 70 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ やりたい やりたくない

    クライアントワーク × マーケティング インハウス × プロダクト クライアントワーク × プロダクト インハウス × 組織 クライアントワーク × 組織 インハウス × マーケティング やりたくない × できる を、 やりたくなるようにする クライアントワーク × マーケティング デザインキャリアの⾒える化 / その後どうするか?
  46. ɹɹʛɹɹ© 2019 PLAID Inc. 71 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ やりたい やりたくない

    効率よく取り組む 浮いた時間で投資する やりたくない × できる を⼟台にしつつ別象限に取り組む デザインキャリアの⾒える化 / その後どうするか?
  47. ɹɹʛɹɹ© 2019 PLAID Inc. 72 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ プレーヤー多い プレーヤー少ない

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

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

    インハウス ー 組 織 対 象 インハウス × マーケティング クライアントワーク × マーケティング インハウス × プロダクト クライアントワーク × プロダクト インハウス × 組織 クライアントワーク × 組織 別の象限に拡げるか? 今の象限を深めるか? デザインキャリアの⾒える化 / その後どうするか?
  50. デザインキャリアの⾒える化 / その後どうするか? ɹɹʛɹɹ© 2019 PLAID Inc. 75 2019.11.12ɹɹʛɹɹDESIGN CAREER

    LTɹɹʛɹ 視座 クライアントワーク インハウス ー 組 織 対 象 インハウス × マーケティング クライアントワーク × マーケティング インハウス × プロダクト クライアントワーク × プロダクト インハウス × 組織 クライアントワーク × 組織 別の象限に拡げるか? 今の象限を深めるか? こんな⾵に考えられてない (出会いと運に助けられただけ説)
  51. 76 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ ɹɹʛɹɹ© 2019 PLAID Inc. お話すること 話す⼈について

    デザインキャリアの構造 どう取り組んできたか デザインキャリアの⾒える化 今取り組んでいること ✓ ✓ ✓ ✓
  52. 今取り組んでいること ɹɹʛɹɹ© 2019 PLAID Inc. 78 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ 視座

    クライアントワーク インハウス ー 組 織 対 象 インハウス × マーケティング クライアントワーク × マーケティング インハウス × プロダクト クライアントワーク × プロダクト インハウス × 組織 クライアントワーク × 組織 インハウス× プロダクト/組織に フォーカス (状況に応じてインハウス×マーケのサポートも)
  53. 杞ְ걄㚖ד׮䞔㜠׾㢳ֻⰅ׸鴥׫זָ׵ծ〳铣䚍׾䬐⥂ׅ׷׋׭ח妌俑דכ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ɹɹʛɹ 共にデザインする 職種を問わずメンバーと共に より良い体験をデザインしていく取り組み (インタビュー、デザインレビュー、デザインシステム) インハウス × プロダクト 今取り組んでいること
  54. 80 ɹɹʛɹɹ© 2019 PLAID Inc. 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ 組織特性に合わせた 設計のアプローチ

    開発スピードを殺さずに デザイナーが素早くキャッチアップし 伴⾛するためのリサーチプロセス インハウス × プロダクト 今取り組んでいること
  55. 81 ɹɹʛɹɹ© 2019 PLAID Inc. 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ 企業を構成する 抽象概念の整理

    MVV,成⻑戦略,エコシステム等の 抽象概念を整理、図⽰し理解を促す インハウス × 組織 今取り組んでいること
  56. ɹɹʛɹɹ© 2019 PLAID Inc. 84 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ 視座 クライアントワーク

    インハウス ー 組 織 対 象 インハウス × マーケティング クライアントワーク × マーケティング インハウス × プロダクト クライアントワーク × プロダクト インハウス × 組織 クライアントワーク × 組織 マトリクスで整理 まとめ
  57. ɹɹʛɹɹ© 2019 PLAID Inc. 85 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ 視座 クライアントワーク

    インハウス ー 組 織 対 象 ⾃分ごと 特定領域への累積思考 他者共感 多領域への関⼼ 視座での違い まとめ
  58. ɹɹʛɹɹ© 2019 PLAID Inc. 86 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ 視座 クライアントワーク

    インハウス ー 組 織 対 象 対象での違い ユーザーの態度変容を通じて顧客を創出∕維持すること 製品の利⽤を通じて継続的な課題解決∕価値提案をすること 組織内に起きている課題の発⾒∕解決を通じて事業成⻑につなげること まとめ
  59. ɹɹʛɹɹ© 2019 PLAID Inc. 87 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ 視座 クライアントワーク

    インハウス ー 組 織 対 象 インハウス × マーケティング クライアントワーク × マーケティング インハウス × プロダクト クライアントワーク × プロダクト インハウス × 組織 未経験 ⾒える化することで ⽐較∕発⾒できる 1 3 7 5 6 2 4 デザインキャリアの⾒える化
  60. ɹɹʛɹɹ© 2019 PLAID Inc. 89 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ やりたい やりたくない

    クライアントワーク × マーケティング インハウス × プロダクト クライアントワーク × プロダクト インハウス × 組織 クライアントワーク × 組織 インハウス × マーケティング やりたい × できない を、 できるようにする クライアントワーク × 組織 まとめ
  61. ɹɹʛɹɹ© 2019 PLAID Inc. 90 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ やりたい やりたくない

    クライアントワーク × マーケティング インハウス × プロダクト クライアントワーク × プロダクト インハウス × 組織 クライアントワーク × 組織 インハウス × マーケティング やりたくない × できる を、 やりたくなるようにする クライアントワーク × マーケティング まとめ
  62. ɹɹʛɹɹ© 2019 PLAID Inc. 91 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ プレーヤー多い プレーヤー少ない

    需 要 / 課 題 多 需 要 / 課 題 少 クライアントワーク × マーケティング インハウス × プロダクト クライアントワーク × プロダクト インハウス × 組織 クライアントワーク × 組織 インハウス × マーケティング プレーヤー少ない × 課題多い に取り組む まとめ
  63. ɹɹʛɹɹ© 2019 PLAID Inc. 92 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ 視座 クライアントワーク

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