Slide 1

Slide 1 text

デザインを信じていますか GMOペパボ株式会社 コーポレートコミュニケーション室 コーポレートデザインチーム シニアデザインリード 関口 裕

Slide 2

Slide 2 text

GMOペパボ株式会社 コーポレートコミュニケーション室 コーポレートデザインチーム シニアデザインリード 関口 裕 Sekiguchi Yutaka 大学で工業デザインを専攻後、デザイン会社で雑誌や広報誌のエディ トリアルデザイン、またコーポレートサイトやブランドサイトのアー トディレクションに従事。転職後クリエイティブディレクターとして 幅広い施策の推進を行う。事業会社転籍後は、ブランドを扱うデザイ ンチーム立ち上げの他、様々な施策の支援、広報や育成に携わる。 2025年1月現職入社。好物はゴボウと麩菓子。 https://hanarenoheya.com/

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

人類のアウトプットを増やす 私たちはインターネットやテクノロジーの力で情報発信のハードルを下げ、 あらゆるアウトプットを世界中に増やします。 さまざまなアウトプットが進化や価値を生み出すように、 私たちもプロダクトを生み出し続け、ユーザーと共に進化し拡大していきます。 MISSION

Slide 5

Slide 5 text

事業・主要サービス GMOペパボは、ホスティング事業、EC支援事業、ハンドメイド事業などをはじめとした、主に個人の表現活動を支援 するためのさまざまなウェブサービスおよびスマートフォンアプリを提供しています。

Slide 6

Slide 6 text

この資料は公開します 細かい文字は追わなくてOK! ゆったりお聞きください

Slide 7

Slide 7 text

AIで変わったデザイナーの業務 —100件の検証で得られた実務の指針— AIと育てるデザインシステム──実践で見えた価値と変化 デザインを信じていますか

Slide 8

Slide 8 text

し、 信じるとは…… AIで変わったデザイナーの業務 —100件の検証で得られた実務の指針— AIと育てるデザインシステム──実践で見えた価値と変化 デザインを信じていますか

Slide 9

Slide 9 text

信任 の話をします

Slide 10

Slide 10 text

主にこんな方へ デザインを信じていますか 生成AIの波の中で「自分のデザインの価値って何だっけ」と
 少し揺れている人 インハウスで「必要なことをやっている」と自負しているけ れど、なんとなくモヤモヤしている人

Slide 11

Slide 11 text

本日お持ち帰りいただくこと デザインを信じていますか すでにやっている仕事や役割の再認識 ご自身がすでにやっている(けれど名前がついていなかった) 仕事や役割の価値について、私の見立てとGMOペパボの事例を参考に捉え直し、 明日からの業務や活動に役立てていただく

Slide 12

Slide 12 text

3行で(Take 1) デザインを信じていますか 1. 人の顔をみているか 2. コンテクストを把握しろ 3. いい感じをやれ

Slide 13

Slide 13 text

3行で(Take 2) デザインを信じていますか 1. 人の顔をみているか ( / ) 2. コンテクストを把握しろ ( / / ) 3. いい感じをやれ ( / / ) リモートと出社 情報量 普通 エントロピー コンテクスト わかり手 いい感じ トラスト・ホスティング

Slide 14

Slide 14 text

デザインを信じていますか 1. リモートワークと出社:働き方・身体性の話 2. まなざしと見立て:認知・情報の話 3. いい感じにする:態度・行動の話 3行で(Take 3)

Slide 15

Slide 15 text

1 リモートワークと出社 働き方・身体性の話

Slide 16

Slide 16 text

リモートワークと出社 今日あなたは、 同僚の目を 何回見ましたか?

Slide 17

Slide 17 text

リモートワークと出社 効率を求めてリモートワーク 2024 〜

Slide 18

Slide 18 text

リモートワークと出社 効率を求めてリモートワーク 2024 〜

Slide 19

Slide 19 text

リモートワークと出社 フル出社 2025〜 2024 〜

Slide 20

Slide 20 text

リモートワークと出社 フル出社 元気 2025〜 2024 〜

Slide 21

Slide 21 text

リモートワークと出社 元気 情報量の増加 と関係していそう (ノンバーバルなコンテクスト入力) 視線 声 空気

Slide 22

Slide 22 text

リモートワークと出社 情報はどこまでがノイズか それは誰が決めるのか?

Slide 23

Slide 23 text

2 まなざしと見立て 認知・情報の話

Slide 24

Slide 24 text

まなざしと見立て 一般向けの生成AIツールは 「もっともらしさ生成器」 調 教 さ れ た 民 生 L L M

Slide 25

Slide 25 text

まなざしと見立て もっともらしさ生成器としてのLLM LLMの強みのひとつは、個人的で偏りのあるアイデアを汎用的なものに変換できること。デザインとは、製造技術というフィルタを通すことで アイデアに社会性を与える営み(社会実装)とも言える。LLMはそれと似た役割を果たす。偏った意思やアイデアをLLMに通すと、汎用的でマ イルドな形に変換され、すぐにアウトプットできるようになる。「それを普通にするとこうなる」という指摘を一瞬で受け取り、それに対す る判断ができる。このサイクルを、メタ的なレベルで高速に回せるようになったことが、LLMがデザインにもたらした変化のひとつだ。 尖ったもの・気持ち悪いものを、最もらしくする・まともにする。 「ふつうに」する/知る機構としてのAI

Slide 26

Slide 26 text

まなざしと見立て 普通を手っ取り早く得るには最適 70点どころか、単発でみればおおむね充分なものがワンショットで得られる ざっくり言うと

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

まなざしと見立て 普通にきれいで、用を満たす、 だいたいの場合に 「これでいい」と言えるアウトプット

Slide 29

Slide 29 text

まなざしと見立て 最高!

Slide 30

Slide 30 text

まなざしと見立て どうなるか

Slide 31

Slide 31 text

エントロピーの均質化

Slide 32

Slide 32 text

まなざしと見立て:エントロピーの均質化

Slide 33

Slide 33 text

まなざしと見立て:エントロピーの均質化 エントロピーの均質化: 世界中で似たような「普通」が量産されていく 情報の画一性 ↓ エントロピー低下 ↓ ビッグクランチ 不 惑 、 倫 理 、 デ ザ イ ン https://sizu.me/gyugyu/posts/nk097fh2h2z3 @gyugyu

Slide 34

Slide 34 text

まなざしと見立て:エントロピーの均質化 エントロピー増大期:1995-2025? 情報の整理 (ex.情報設計) エントロピー減少期:2026??? 情報の乱れの埋め込み ────── 文脈化? エントロピーの均質化: 世界中で似たような「普通」が量産されていく ↓普通の量産=エントロピー均質化 不 惑 、 倫 理 、 デ ザ イ ン https://sizu.me/gyugyu/posts/nk097fh2h2z3 @gyugyu

Slide 35

Slide 35 text

まなざしと見立て:エントロピーの均質化 「量産型普通」 は 世界を豊かにするのか? 僕が信じた「ふつう」はこんなもんだったか? こんな「量産型普通」は世界を豊かにするのか? 70点が問題なんじゃない。AIだからじゃな い。つまりアウトプットの話でもなく、表面的な定性品質の話でもない。もっと解像度を上げろ。我々市民の生活にあるべき普通はなんだ? テキストだけをなぞっていると、 世界中で似たような「普通」が量産されていく

Slide 36

Slide 36 text

まなざしと見立て:エントロピーの均質化 AIだからじゃない

Slide 37

Slide 37 text

まなざしと見立て:エントロピーの均質化 情報の画一性 「ふつう」の危機

Slide 38

Slide 38 text

テクスト/コンテクスト

Slide 39

Slide 39 text

まなざしと見立て:テクスト/コンテクスト 間テクスト性:テクストは表現そのもの、コンテクストはそれを読むときの状況や背景のこと。「間テクスト性」とは、ひとつの表現が別の 表現とつながりながら意味をかたちづくる性質を指す。どこに目を向け(まなざし)、そこに何を重ねて読むか(見立て)によって、同じテ クストも異なる意味をもち始める。意味は、テクストだけでも、コンテクストだけでも成立しない複雑なもの。 そのものとして 目の前にある表現 その表現を受け取るときに働く 周りの状況や背景 テクスト 対象の要素・規則 コンテクスト 解釈の条件 間 テ ク ス ト 性

Slide 40

Slide 40 text

まなざしと見立て:テクスト/コンテクスト まなざし 入口のビジョン 何を見るか 見立て 出口のビジョン どう読むか 意味づけ テクスト 対象の要素・規則 コンテクスト 解釈の条件 センスメイキング 状況の中で意味を見出し、共有できる形にすること

Slide 41

Slide 41 text

まなざしと見立て:テクスト/コンテクスト 意味のある「ふつう」を作る Sensemaking センスメイキング:人間が経験から意味を与える過程。はっきりしない状況やバラバラな情報に対して、私たちが自分たちなりの意味や物語 を組み立てて、「これはこういうことだ」と理解できる状態にしていくプロセスのこと。

Slide 42

Slide 42 text

まなざしと見立て:テクスト/コンテクスト 価値はどこに生まれるのか

Slide 43

Slide 43 text

まなざしと見立て:テクスト/コンテクスト まなざし 入口のビジョン 何を見るか 見立て 出口のビジョン どう読むか 意味づけ テクスト 対象の要素・規則 コンテクスト 解釈の条件 センスメイキング 状況の中で意味を見出し、共有できる形にすること こ れ 全 体

Slide 44

Slide 44 text

五感を使って 環境を取得す るんだ。

Slide 45

Slide 45 text

3 いい感じにする 態度・行動の話

Slide 46

Slide 46 text

No content

Slide 47

Slide 47 text

いい感じにする でも私たちはこうして、 毎日デザインの仕事をしている 無くなりもしないだろう(たぶんね)

Slide 48

Slide 48 text

No content

Slide 49

Slide 49 text

いい感じにする なにしてるの?

Slide 50

Slide 50 text

いい感じにする 「わかり手」の存在 デザイナーがその専門性を元に
 共通言語(形式知)を持っているのは当然。 そこから先でセンスメイキングする「わかり手」たちが、
 組織で価値を出している景色が見えてきた。

Slide 51

Slide 51 text

いい感じにする 状況の中で意味を見出し、共有できる形を選びながら 不安定な “いい感じ” へプロジェクトを着地させている、 形式知の先で価値を出す、ラストワンマイルを担うデザイナー。 わかり手とは: 形式知(スキル)を前提としつつ、文脈を汲んでアウトプットを「いい感じ」に仕上げられる人。 文脈の理解:行間を読み、言われなくても期待以上の回答を的確に出せる。 ラストワンマイル:最後の詰めを任せられ、納得のクオリティに着地できる。 「そうそう、それ」の体現:言語化しにくいニュアンスを汲み取り、痒い所に手が届くアウトプットを出せる。

Slide 52

Slide 52 text

わかり手の例

Slide 53

Slide 53 text

わかり手の例 rnsりなし ロリポップ!BI基盤制作 ロリポップ!レンタルサーバー サービスサイトのリニューアルと、BI基盤の制作リード ロリポップ・ムームードメイン事業部 ロリポップグループ for Gamersチーム  デザイナー わかり手 1

Slide 54

Slide 54 text

わかり手の例 What: ロリポップ!BI基盤制作 Context: Action: 事業部のブランドをまとめていきたい 少ない人数で品質・らしさを担保したい サイトリニューアルを実施したい 必要なアクションを自ら提案・推進 なぜPJが停滞しているかを特定し共有 文書や図を効果的に使って構造化・巻き込み それを元に、結論どうしていきたいかを常に同期 1週間ごとに成果を出す。確実にアウトプット 相手の中に答えがある。常にそれを追いかける

Slide 55

Slide 55 text

わかり手の例 What: ロリポップ!BI基盤制作 りなしのわかり: 「結論どうしたいのか」を   つかんで離さない。 目に見える成果を出すことを自分に課し、確実にアウトプットし続け、
 それを使って常に周囲と目的を確認し続ける。
 メンバーの中にある考えと“正論” を粘り強くすり合わせ、
 抽象度の高い課題をより本質的な解法へ導く。 高度なスキルを駆使しつつも前面に出さず透明化させて、
 ステークホルダーの「結論どうしたいのか」をつかんで離さない。

Slide 56

Slide 56 text

わかり手の例 yamakiやまき ECデザイナー日直のAI化 カラーミーショップで日々発生する デザイン業務のフローを整理・AI導入、効率化 EC事業部 シニアデザイナー わかり手 2

Slide 57

Slide 57 text

わかり手の例 What: ECデザイナー日直のAI化 Context: Action: 「日直業務」をAI化して自動化できないか 周囲を巻き込んで良い感じにしてくれた まずサッと動いて調査。できそうか確認 サブPJとして、踏み込み方を間違えない 理想状態を描き、共有、即実施。後から調整 タスクが滞る部分に、Lv.に合わせ最適な手段の導入 相談しすぎず、権限移譲して進める AIありきではなく、まず業務整理から 裏テーマの読み解き:AIの自然な活用

Slide 58

Slide 58 text

わかり手の例 What: ECデザイナー日直のAI化 やまきのわかり: 目的を読み解きスコープを整理。 むだのない活動へ 初手のオーダーから、求められている状態目標(理想)を自分で定義。
 物事の優先度をつけながら、周囲に声を掛け巻き込みつつ、
 自分で判断すべき部分は大胆に。適切なリソース感覚で進捗を優先。 手段ではなく業務フローから課題を見直し、
 PJ単位ではなく事業・チーム単位で俯瞰した課題解決を実現。
 結果的に、AIの自然な導入も達成でき、期待値に見合った活動に。

Slide 59

Slide 59 text

わかり手の例 yoshiminよしみん 洋食喫茶ミンネ 企業コラボイベントブースのビジュアルデザイン 限られた条件で高品質なアウトプットを実現 SUZURI・minne事業部 minneグループ  シニアデザイナー わかり手 3

Slide 60

Slide 60 text

わかり手の例 What: 洋食喫茶ミンネ Context: Action: これから実績を作っていく高難度案件 ふわっとした段階から推進 リソース・コストの制約も 周囲を巻き込み、期待以上の最適品質を提案 企画の特性からビジュアルの 世界観をつくる責任は自分で。まず作って、確認 思いつきのために日ごろからキャッチアップ 重要度を確認 周囲に声がけ、早期に協力を得やすい状態に 実現したいことに対する最適な手段を選択

Slide 61

Slide 61 text

わかり手の例 What: 洋食喫茶ミンネ よしみんのわかり: できることだけで収束しない。 責任範囲と品質判断をクリアに 自身の役割を正確に把握し、責任範囲をクリアに。
 任せるところは任せ、リードすべきところははっきりさせる。
 困りそうなところは周囲を頼り、自分が越えなければいけない課題は明確化。 クオリティラインを客観的に判断し、求められる品質をシビアに判断。
 実現したいことに近づけられているか? 多様な手段から、
 最適なものを選べるよう常にキャッチアップを欠かさない。

Slide 62

Slide 62 text

いい感じにする 強い。

Slide 63

Slide 63 text

いい感じにする わかっているだけではわかり手にはなれない。 周囲から認められていてはじめて、わかり 「手」。 わかりをやる人。

Slide 64

Slide 64 text

いい感じにする When/Where/ / What/Why/How Who 「 どのような考えで判断するか」への “信任” で現場は動いている 誰が 私たちは “わかり” をやっている。 私たちは “信任” を頼りに、実務をドライブさせている。 それが、意味のあるふつう=価値をつくり、社会へ提供されていく。

Slide 65

Slide 65 text

いい感じにする When/Where/ / What/Why/How Who   デザイナの立場から物を言うだけではデザインできない (もちろんデザインのことを言うのだけど) 人はみな相補性のなかに生きている。

Slide 66

Slide 66 text

いい感じにする 私たちは “わかり” をやっている:デザインの 成果は本質的に不確かで、社会や事業の変化 はその検証よりも速く進む。だから私たちは 実務において、すべてを証明してからではな く、 「誰がどのような考えで判断するか」への “信任” を前提に、行動を選ばざるを得ない。

Slide 67

Slide 67 text

いい感じにする 私たちは “わかり” をやっている: お前に任せたら、いい感じになるんだよな? (イケてる/使いやすいんだよな?)

Slide 68

Slide 68 text

いい感じにする 私たちは “わかり” をやっている: (美しくなるんだよな?) し、 信じろ……

Slide 69

Slide 69 text

いい感じにする 意味のある「価値」は、時間・場所・慣習などを含む コンテクストを読み、見立てることでしか生まれない ふ つ う Sensemaking

Slide 70

Slide 70 text

いい感じにする 場にいるか、顔を見ているか どこまでを文脈として読むか どう決めて、どう仕上げるか 私たちはこのすべてを託されている

Slide 71

Slide 71 text

いい感じにする 人間のデザインのラストワンマイル まなざしを持って見立てることで「意味のあるふつう」をセンスメイキングし、 それを組織の中で実際に “いい感じ” に落とし込んでいるわかり手たち それっぽく言えば

Slide 72

Slide 72 text

まとめ

Slide 73

Slide 73 text

デザインを信じていますか 1. リモートワークと出社:働き方・身体性の話 2. まなざしと見立て:認知・情報の話 3. いい感じにする:態度・行動の話 3行で(Take 3)

Slide 74

Slide 74 text

トラスト・ホスティング: 長い時間やコンテクストを背景に、社会や顧客といったステークホルダーから少しずつ信任を預かり、積み重ねて いく考え方。祖業であるストック型のホスティング事業になぞらえた、あくまで関口の造語であり個人的なコンセプト。 信頼を “ホスティング” してもらう [ 見立て ] Trust Hosting

Slide 75

Slide 75 text

組織の中を見ると、 「わかり手」が形式知の先で信任を集め、 ラストワンマイルを担い、 顧客へ価値を提供している

Slide 76

Slide 76 text

その積み重ねが、 社会からの信頼 = 企業価値に つながっていく

Slide 77

Slide 77 text

(仕事で信任を得る) (デザインは楽しい) デザイン行為で信任を得ることは、抽象化すれば、 でもある。他者と何かを作ることが楽しい。それ を失わずに、物事を決め・推進していくことが重要なのでは。デザイン、楽しいですよね。もっとやりましょう。 プリミティブなデザイナーとしての喜び が変わらない 変わる

Slide 78

Slide 78 text

は変わらない 楽しい デザイン行為で信任を得ることは、抽象化すれば、 でもある。他者と何かを作ることが楽しい。それ を失わずに、物事を決め・推進していくことが重要なのでは。デザイン、楽しいですよね。もっとやりましょう。 プリミティブなデザイナーとしての喜び

Slide 79

Slide 79 text

個人の「楽しい」が 社会に資する

Slide 80

Slide 80 text

もっとおもしろくできる

Slide 81

Slide 81 text

ありがとうございました!

Slide 82

Slide 82 text

note|ペパボのデザイナーが書きました Podcast|B面の手ざわり Pepabo Design https://design.pepabo.com/ デザイナー積極採用中です