ホワイトペーパーのデザインフロー（構成レイアウト・デザイン方針・素材）

2023.02.2 公開

会社名：テクノポート株式会社
執筆テーマ：Web広告、Webマーケティング
【経歴】
通信機器メーカーでの法人営業を経てWebマーケティングコンサルタントへ。セールスとWebマーケティング（サイト改善／SEO／Web広告など）両方の視点から製造業の認知拡大とリード獲得施策を得意としている。

【寄稿実績】
製造業にとってオンライン展示会は“使える”のか？　コロナ後の可能性を考える（MONOist）

卜部克哉が執筆した他の記事をみる

効果のあるホワイトペーパーを作るには、デザインが非常に重要です。しかし、「どうデザインすべきかわからない…」「何から手をつけるべきかわからない…」といったお悩みのある方も多いのではないでしょうか。

そこで本記事では、ユーザーにとってわかりやすい、見てもらえるホワイトペーパーのデザインについて解説します。実際弊社で使用している構成イメージや、各社ホワイトペーパー事例も載せておりますので、ご参考になれば幸いです。

ホワイトペーパーデザインのフロー

ホワイトペーパーのデザインフローは、大きく以下の3つに分けられます。

ホワイトペーパー全体構成の検討
ページ内構成を検討し、ライティング
デザインを行う

ポイントは、デザインから始めないことです。「ホワイトペーパーを作ろう」と思ってPCでソフトを開いて作業を始める前に、メモに全体構成を書き出してから、作業に入るようにしましょう。

この3つのフローに沿って一つ一つ詳細を見ていきましょう。

ホワイトペーパーの全体構成

では、ホワイトペーパーの全体構成を考えていきます。ホワイトペーパーの構成を考えるにあたって、「ストーリーライン」を意識することは非常に重要です。ストーリーがしっかりしていることで、ユーザーの読まない壁を突破することができ、感情移入してもらえて、さらに記憶にも定着しやすいというメリットがあります。

このストーリーラインを組むための基本的な流れは以下になります。この大枠の流れに沿って、実際に作成するホワイトペーパーの製品やターゲットに応じて具体的な内容を考えていきます。

要約

ホワイトペーパーを読むことで、どのような情報が手に入るのかを簡潔に表現します。ユーザーを惹きつけるために重要な部分ですので、情報の取捨選択をしてわかりやすくまとめましょう。

問題提起

ユーザーが抱えている悩みの根本原因を教えることで、新たな気づきを与えられる内容にしましょう。ここでは商品・サービスの内容はまだ記載せず、続きが気になる形で締めくくります。

解決策

問題提起した内容に対する解決策を提示します。ここでは、あなたの商品・サービスを利用することが最も適した選択である理由を説明する必要があります。データを用いながら、論理的に価値をしっかりと伝えましょう。

製品情報

具体的な製品の仕様、特徴、競合との比較やお客様の声を提供します。解決策の部分では伝えきれなかったベネフィットがあれば、ここで伝えましょう。

クロージング

最後にユーザーの行動を促す内容を伝えます。価格やアフターサポート、保証など、ユーザーが不安を感じる箇所は払拭するようにしましょう。また、問い合わせまでの導線がわかりづらいと、離脱の原因になります。どこに問い合わせるべきなのか、わかりやすく伝えましょう。

ホワイトペーパーのページ内構成

全体構成ができたら、ページ内の構成に入っていきます。因果関係の説明、特徴の説明（箇条書き）、フローの説明など、基本的なページ内レイアウトを検討しましょう。これは実際に弊社で使用しているページ構成の一例になります。

因果関係の説明

因果関係を説明する際は、ビフォーアフターがわかりやすい以下のようなページ構成がおすすめです。

特徴の説明（箇条書き）

箇条書きにしたものを、以下のようにまとめるとわかりやすくなります。最後にフリー素材サイトも紹介しているので、そちらも参考にしてください。

フロー

商品やサービスを使用する手順などを説明したい時には、矢印を活用しながら以下のようにフロー図で表現するのがおすすめです。

ホワイトペーパーのデザインを行う

ページ内構成を元にテキスト情報のライティングが終わったら、ホワイトペーパーの本デザインに入っていきます。配色やイラストはコーポレートカラーやブランディングと統一するようにしましょう。デザインツールは、PowerPointなど、普段使用しているもので問題ありません。また、可能なものは図解やインフォグラフィックを用いてデザインすると、グンとわかりやすくなります。