ランディングページのレイアウトでお悩みの方へ！デザインのポイントを解説します！

ランディングページの内容や設計は目的によって大きく変わります。ランディングページの制作目的として挙げられるのは以下の通りです。

・資料請求の獲得
・メルマガへの登録
・問い合わせの獲得
・商品、商材の購入

ランディングページを運用するにあたって大切なことは、読者が興味や関心を持ち、最終的なコンバージョンにつながることです。最終的なコンバージョンにつなげるためには、具体的にターゲットを設定してデザインや訴求方法をより強固なものにする必要があります。また、ターゲットを絞ったうえで構成を作成することでより効果的なランディングページを制作できるでしょう。

どのような目的でランディングページを作り、どのようなターゲット設定をするのかが決まれば、ランディングページの構成を考えます。どのような順を追って何をユーザーへ伝えたいのかを決めることが構成です。プレゼンテーションや商談をする場合、聞き手の理解しやすい順序を考えて内容を話すでしょう。その考え方と同じように、ランディングページにおいてもそのページに訪れた方がページ内の情報を容易に把握できるようなページ構成が大切です。容易に情報把握できるページ構成になっていれば、成約につながる可能性が飛躍的に上がります。

構成を考え終えたら、ワイヤーフレームとして形に落とし込みます。ワイヤフレームとは、webページにおける設計図のことを指しており、より具体的に構成をwebページに落とし込んだものを言います。ワイヤフレームにより、レイアウトを考えたり、コンテンツを整理したりできるうえ、認識をメンバー内で共有できます。

キャッチコピーはユーザーから目を引くために非常に重要な役割を果たします。端的にそのサービスや商品のベネフィットを伝えることで、より深い内容をお客さまに読んでいただけるようになるきっかけになります。キャッチコピーを作る際のポイントは以下の2つです。

・数字を用いて端的だけれど具体的な内容にする
・商材によって問題が解決された状態をイメージしやすい言葉にする

キャッチコピーのテキストは、デザイン性よりも見やすさを重視したものになっているか確認しましょう。

構成やコンテンツ、ペルソナを基にしてデザインを作っていきます。デザインに関しては、申し込みボタンが目の付きやすいものになっているか、無駄な余白が無いかを確認するようにしましょう。

コーディングとは、できあがっているランディングページのデザインをブラウザで表示できるようにする作業のことを指します。ランディングページは運用しつつ修正する必要があるため、修正のしやすさを考慮して置く必要があります。デバイスごとに対応させる場合は、デバイスごとにコーディングを行う必要があります。

ランディングページの公開表示を行った後は、ヒートマップツールやGoogleアナリティクスなどを用いてアクセスの解析を行いましょう。それらの解析結果をもとに、ランディングページを常に修正・改善していきます。

以上がランディングページを制作する際の流れでした。これらは専門的知識が無いと難しく、適切に作らなければランディングページ本来の能力を発揮できません。そのため、なるべく自社で制作するのではなく当社のような専門の会社へご依頼いただくことをおすすめします。

ファーストビューとは、そのページを訪れたお客さまが一番最初に目にする画面のことを指します。ファーストビューにこだわることで、ページを開いてすぐに離脱される可能性が低くなります。できる限り一番最初に目にする画面で、すぐに何をしている会社なのか、何が載っているページなのかがわかるようにしましょう。

コンバージョンエリアとは、ランディングページを訪れたお客様からコンバージョンを得るための、行動を促すテキストやボタンのことを指します。これらの行動を促す部分が目立つデザインになっていないと、ページ内の情報量が多いことからお客さまが上手く行動に移せなくなります。上手く行動に移せなくしてしまうと、ランディングページの特長であるコンバージョン率の高さが失われてしまうわけです。その結果、成約率が上がらず、あまり効果を実感できなくなります。