
概要
X上での「発話数」をKPIとして設定する企業担当者に向けた、施策提案用ホワイトペーパーのサムネイルを制作しました。
資料の特徴である 「今すぐ使える」「発話数を増やす」「提案フレームワーク」 という3つの価値が短時間で伝わるよう、情報の優先順位を整理して設計しています。
また、SNS施策に関する資料であることを文字情報だけに頼らず伝えるため、スマートフォンや投稿UIをモチーフとして取り入れ、内容を視覚的にも補完しました。

目的・課題
制作目的
ホワイトペーパーの一覧や告知画面で見たユーザーに、「X上の発話数を増やすための、実務で活用できる提案資料」 であることを一目で伝え、資料閲覧・ダウンロードへの興味につなげることを目的としました。
課題
今回の資料には、
- Xに関する施策であること
- 発話数の増加がテーマであること
- KPI設計を行う担当者向けであること
- 実務ですぐ使えるフレームワークであること
など、複数の訴求要素があります。
これらをすべて同じ強さで見せると、資料の価値が分散し、何を得られる資料なのかが伝わりにくくなります。
そのため、
- 資料を読むメリットを最初に伝える
- 「発話数増加」を中心テーマとして認識させる
- ターゲットを明確にする
- SNS施策の資料であることを視覚的に補足する
- ホワイトペーパーとしての信頼感を保つ
ことを意識しました。
ターゲット
Xを活用したキャンペーンやプロモーションを企画する企業担当者、特に「発話数」やUGC創出をKPIとして施策を検討しているマーケティング・キャンペーン担当者を想定しています。
施策の考え方だけでなく、クライアントへの提案や企画設計にそのまま活用できる情報を求めているユーザー を中心に設定しました。
担当範囲
ホワイトペーパーのテーマや訴求内容をもとに、サムネイル全体のデザインを担当しました。
- 情報整理
- レイアウト設計
- タイポグラフィ
- ビジュアル構成
- カラー設計
- グラフィック制作
- フィードバックをもとにした修正・調整
制作・設計の考え方
「何が得られる資料か」を最優先で伝える
ホワイトペーパーでは、テーマを伝えるだけでなく、ユーザーが資料を読むことで何を得られるのか を明確にすることが重要だと考えました。
そこでタイトルを一文として均一に見せるのではなく、
「今すぐ使える」
→「X 発話数増加」
→「提案フレームワーク」
という順に情報を分解し、視線の流れを保ちながら、重要な要素が段階的に伝わる構成にしています。
特に「発話数増加」を強く見せることで、一覧上でも、ユーザーが自分の探しているテーマかどうかを短時間で判断できるようにしました。
工夫したポイント
01|資料の実用性を最初に伝える
サムネイルの上部に「今すぐ使える」というメッセージを配置し、理論を解説するだけの資料ではなく、実務に活用できる内容であることを強調しました。
ホワイトペーパーをダウンロードする判断では、テーマそのものだけでなく、「自分の業務にどう役立つか」 も重要だと考えています。
02|中心となるキーワードに視線を集める
「発話数増加」を画面の中心に置き、サイズと色のコントラストによって最も強く見せました。
特に「増加」にはアクセントカラーと上向きの表現を用いることで、文字情報だけでなく、数値が伸びていくイメージも視覚的に補足しています。
03|SNS施策をUIモチーフで表現する
右側にはスマートフォンと投稿UIを配置し、資料がXに関するものであることを直感的に伝えています。
投稿や反応を連想させる複数のUIを重ねることで、単なるX解説ではなく、ユーザーの発話やコミュニケーションが生まれる状態 をイメージできるようにしました。
04|ターゲットを明示する
画面上部に「KPIとして『発話数』を設定するクライアントへ」という補足情報を配置し、資料が誰に向けたものなのかを明確にしました。
メインタイトルだけでは広く見えるテーマに対して、対象ユーザーを補足することで、該当する担当者に自分ごととして捉えてもらうこと を意識しています。
05|情報量と資料らしさのバランスを取る
内容の実用性を伝えながらも、過度に広告的な表現にはせず、ブルーとホワイトを基調とした整理されたレイアウトにしています。
大きなタイトル、十分な余白、UIビジュアルを役割ごとに分けることで、一覧上での視認性とホワイトペーパーとしての信頼感を両立させました。
成果・学び
今回の制作を通して、ホワイトペーパーのサムネイルでは、単に資料タイトルを目立たせるのではなく、「誰向けで、何を解決し、何が得られるのか」まで整理して見せること が重要だと学びました。
また、情報の実用性を強調するコピーと、SNSを想起させるビジュアルを組み合わせることで、文章だけでは伝わりにくい資料の価値を補完できることを意識しました。
ホワイトペーパーを一つの「資料」としてではなく、ユーザーがダウンロードするかどうかを判断する 最初の接点 として設計する視点を深めた制作です。
制作情報
- 制作形態
- 実務制作
- 制作内容
- ホワイトペーパーサムネイル
- 担当
- 情報整理 / レイアウト / タイポグラフィ / グラフィックデザイン / 修正対応
- 使用ツール
- Figma
- 制作期間
- 約1週間