コンバージョンを最大化するLP設計・デザインの考え方と実践手法を解説。ワイヤーフレーム設計、ビジュアル・カラー設計、レスポンシブ対応、アクセシビリティなど、デザインの力で成果を引き出すノウハウを紹介します。
デザインにこだわったLPを制作したが、見た目は良くてもコンバージョンにつながりません。
スマホでの表示が崩れていることに気づかず、モバイルユーザーの離脱率が非常に高い状態です。
成果を出すLP設計・デザインの3原則
1. 情報設計ファースト：デザインに入る前に、ユーザーの心理動線に沿ったワイヤーフレームを設計する
2. モバイルファーストの設計：全アクセスの70%以上を占めるスマホ表示を最優先にデザインを構成する
3. 視覚的ヒエラルキーの構築：フォントサイズ・色・余白を使い分け、重要な情報に自然に目が行くデザインにする
スタッフ
クリエイティブ制作ではバナー・動画・LPなど、用途によって最適なフォーマットが異なります。今回はどのようなクリエイティブをお考えですか？
Aさん
リスティング広告のLPを新しく作りたいのと、SNS用のバナーも何パターンか必要です。社内にデザイナーがいないので全部外注になります。
スタッフ
LP制作とバナー制作はセットで進めると訴求の一貫性が保てるのでおすすめです。まずはクリエイティブブリーフシートにターゲットと訴求ポイントを整理して、それをベースにデザイン発注しましょう。
Aさん
バナーは何パターンくらい作ればいいですか？A/Bテストもやった方がいいと聞いたのですが。
このカテゴリーにはまだ記事がありません。
30代女性
事業開発
ワイヤーフレームから見直し、モバイルファーストでLPをリデザインした結果、スマホのCVRが0.6%から2.9%に改善しました。デザインの意図が明確になったことで、社内レビューもスムーズに進むようになりました。