私は 11 年間インターネット マーケティングに携わっており、トラフィックとコンバージョン率の調査に主に注力してきました。

トラフィックの変換に関して言えば、重要でありながら見落とされやすく、適切に実行されていない側面があります。それは、ランディング ページのデザインです。

初期の Baidu 入札から現在のショートビデオ広告まで、オンライン広告のいずれの場合も、最終的なトラフィック配信リンクには常にランディング ページが関係します。

インターネット広告業界で働き始めた頃のランディングページデザインに関する私の考えをまとめた記事をシェアします。ランディングページデザインだけでなく、イベントページデザインなどにも当てはまります。

優れたランディング ページに共通する 3 つの特徴: コンテンツ、構造、ビジュアル。

1. コンテンツ レイヤー。

企業／製品の強みに基づき、FABE（機能、優位性、便益）フレームワークを抽出します。FABEは、潜在顧客に製品やサービスの独自の特徴、利点、ベネフィットを示すことで顧客の需要と関心を刺激し、購入の意思決定を促すことを中核とする販売モデルです。

• F (特徴) 製品独自の特徴

• 利点Aと競合他社と比較した利点

• B（ベネフィットポイント） – ユーザーにとってのメリット

• E (証明) 自分が優れていることを証明するにはどうすればいいですか?

コンテンツの構成は一般的に「BFAE」（Best Before You Buy）を基準とします。特にランディングページのスペースが限られている場合は、ユーザーにとってのメリットを強調することで、ユーザーの注目を集めることができます。

2. 構造層。

コンテンツのプレゼンテーションには、ピラミッド原則を参考にした厳密な構造が必要です。

• 私は誰ですか（ブランド、会社名）

• 何を提供しますか（製品、サービス）？

• これってどうすればいいんですか（ユーザーを引き付ける方法）？

• 私が達成したこと（具体例）

• 私があなたを助ける（どんな問題が解決されるか）

• 自分がそれを実行できると証明するにはどうすればいいですか（承認）？

• 行動指針（連絡先）

コンバージョン率を向上させるには、メールの構成をしっかりと整えることも重要です。職場でよくあるシナリオを例に挙げましょう。上司の承認を得るためにプロジェクトに関するメールを書く場合、どうすればメールを迅速にレビューしてもらえるでしょうか？これは基本的に、上司から提案の承認を得るためのものです。

コンテンツが明確に構成され、提示され、読者が重要な情報をすぐに把握できる場合、電子メールが承認される可能性が大幅に高まります。

3. ビジュアルレイヤー。

視覚的な美しさも生産性の一形態です。

• レイアウト: 配置のコントラスト、繰り返し、親密さ

• 配色: 業界標準とユーザーの認識に沿ったもの

• フォント: 商用利用可能、認識可能

  デザインを通じてブランドイメージとメッセージの伝達を強化すると、ランディング ページのコンバージョン率が大幅に向上します。

  ランディング ページにおけるビジュアルの影響を分析してみましょう。

  一つ目はレイアウトです。レイアウトの原則は「整列とコントラスト、反復と近接」です。

  デザインにおいて、タイポグラフィとは、限られたページスペース内で、テキスト、画像、グラフィック、線、色などの視覚情報要素の位置とサイズをコンテンツの要件に応じて調整し、より整理された構造化されたレイアウトを作成するプロセスを指します。タイポグラフィの目的は、情報を整理・構造化し、読者がコンテンツを読みやすく理解しやすくすることです。

  左側の自動車のランディングページと同様に、上部のセクションには様々な車種の画像が並んで表示されています。下部のセクションは個人情報を入力するためのものです。テキストと画像は整然とわかりやすく配置されており、すっきりとした読みやすいレイアウトになっています。

  右側の美容セクションでは、商品写真にテキストと数字を組み合わせています。これも「整列とコントラスト、反復と近接」の原則に従っています。

  2つ目は配色です。優れたランディングページの配色は、業界のトレンドと一致し、ユーザーの心理的認識にも共鳴するものでなければなりません。配色はデザインにおいて非常に重要であり、デザインに独特の視覚効果と感情的な雰囲気を与えることができます。

  配色の第一の価値は、情報を伝達することです。異なる色や色の組み合わせは、異なる心理的感情や連想を呼び起こすため、デザインが伝える情報をよりよく理解し、記憶するのに役立ちます。例えば、青は信頼感、プロ意識、安定感を伝えるためによく使われ、黄色は活力、幸福感、集中力を表します。

  配色は人々の注意を誘導し、特定の要素や領域に焦点を合わせやすくします。コントラストの強い色、明るい色、または彩度の高い色を使用することで、特定のコンテンツを強調し、デザインの中でより目を引くものにすることができます。

  配色は様々な雰囲気や感情を醸し出します。例えば、暖色（赤、オレンジ、黄色など）は熱意、エネルギー、興奮といった感情を呼び起こし、寒色（青、緑、紫など）は落ち着き、落ち着き、神秘的な雰囲気を醸し出します。

  カラースキームはブランドイメージと認知度を高める効果もあります。多くのブランドは、ブランドイメージを表現するために特定の色の組み合わせを用いており、消費者の心に独特の印象と連想を喚起しています。例えば、Apple製品は白とシルバーを基調としており、シンプルさ、高級感、そしてプロフェッショナルな印象を与えています。

  配色は個性を表現することもできます。色に対する好みや感覚は人それぞれ異なるため、適切な色の組み合わせを選ぶことでデザイナーの個性やスタイルを表現し、デザインをより個性的で魅力的なものにすることができます。

  3つ目はフォントです。フォントを使用する際は、著作権侵害の問題を避けるために、商用利用が可能で認識しやすいフォントを選ぶようにしてください。

  デザインにおけるタイポグラフィは、情報を伝達し、感情を表現し、視覚的なインパクトを高め、作品の魅力を高める視覚要素です。タイポグラフィは主に以下の役割を果たします。

  情報伝達：フォントの最も基本的な機能は、情報を伝達することです。人々はテキストを読むことで情報を得ますが、フォントの選択とデザインは情報伝達の効率に直接影響します。明瞭で読みやすいフォントは、読解効率を向上させ、デザインによって伝えられる情報を読者が理解しやすくなります。

  感情表現：フォントは感情や雰囲気を伝えることができます。モダン、ファッショナブル、伝統的、キュートなど、フォントによって表現できる感情は異なります。デザイナーは、デザインのテーマやターゲットオーディエンスの特性に基づいて適切なフォントを選択し、望ましい感情的な雰囲気を作り出すことができます。

  視覚的インパクトの強化：タイポグラフィは視覚的インパクトを高め、デザインをより魅力的にすることができます。太字フォント、誇張したフォントサイズ、コントラストのある色、または独特な文字間隔を使用することで、重要な情報を強調したり、視覚的インパクトを高めたりすることで、注目を集めることができます。

  作品の魅力を高める：タイポグラフィは作品の魅力を高め、デザインをよりユニークで個性的なものにすることができます。ユニークなフォントを選んだり、フォントの装飾を施したり、グラフィック要素を追加したりすることで、デザインをよりクリエイティブで個性的なものにし、より多くの注目を集めることができます。