リデザインより編集：説明できるランディングページ改善7選

概要

ランディングページに関するアドバイスのほとんどは、時間、予算、そしてあなたのセンスを信頼してくれる上司がいることを前提にしています。しかし、あなたにはどれもありません。この記事では、小さくて正当化しやすい変更でランディングページを改善するための7段階の枠組みを紹介します。各ステップには、レビュー会議で声に出して言える一文の正当化理由が付いています。この枠組みは、単一のアクションを書き出すこと、ファーストビューを監査すること、気を散らすものを削ること、価値の約束を書くこと、CTAを改善すること、変更をテストすることをカバーしています。また、上司が「もっと目立たせて」と言ったり、ナビゲーションを削除した理由を尋ねたりした場合の対処法も学べます。目標は、リデザインなしで毎週編集できる、より明確なページです。

ランディングページのアドバイスのほとんどは、時間、予算、いつでも相談できるデザイナー、そしてあなたのセンスを信頼する上司を前提としています。あなたにはどれもありません。あなたには午後半日、共有テンプレート、そしてすべての変更に「なぜ？」と問いかけるマネージャーがいます。それが本当の問題です。リデザインを答えだと思ってやめましょう。答えは編集です。ページをより明確にし、一文で正当化できる小さく具体的な変更です。そこに到達するための7つのステップを紹介します。

1. このページが果たすべき唯一のことを書き出す

白紙のメモに、重要な単一のアクションを書きましょう。「私たちについて知る」ではありません。2つのアクションでもありません。1つの動詞と1つの目的語です。「価格PDFをダウンロード」「デモを予約」「無料トライアルを開始」。5語で言えないなら、訪問者にも言えません。そのメモを上司に見せましょう。もし上司が反対したら、混乱したデザインの1か月を回避できたわけです。

このメモがページの契約書になります。すべての要素はそのアクションを支援するか、削除されるかのどちらかです。上司が会社の沿革を削除した理由を尋ねたら、メモを指し示します。それが一文の正当化理由です。

実際の現場からの小さな例：メール収集、製品販売、ポッドキャストへのリンクという3つの目標を持つページがありました。そのメモによってチームは1つを選ぶことを余儀なくされました。ページは短くなり、アクションは明確になりました。デザインスキルは不要です。

2. 上司が見るようにページを見る

上司はブラウザで11個のタブを開いていて、6分後に会議があります。ランディングページを数秒スクロールして、時間を割く価値があるかどうかを判断します。では、スマホでページを開き、上半分を隠してから表示してみましょう。最初に目に入るものは何ですか？見出し？ロゴ？オフィスの写真？

ファーストビューが何をしているのか、何をクリックすればよいのかを伝えていなければ、すでに負けです。次に、訪問者の状況を考えてみましょう。彼らは特定のことを約束する広告をクリックしました。広告が「無料テンプレート」と言っているのに、ページが「ニュースレターに登録」と言っていれば、契約が破綻しています。問題はデザインではなく、メッセージです。

ファーストビューを修正して、次の3つのことに順に答えるようにしましょう：これは何か、それが彼らにとって重要な理由、次に何をすべきか。最初に何を削るかわからない場合は、ランディングページが複雑すぎるという仮定から始めましょう。

3. ひとつ削る。文字通りひとつ。

ランディングページで最もよくある間違いは、訪問者に複数のことを求めることです。それを一晩で全部削除して解決することはできません。一度に1つの高重要度の要素を削除することで解決します。「高重要度」とは、アクションから注意をそらすものすべてを意味します：4セクションのナビゲーションバー、背景スライドショー、ライブチャットの吹き出し、「私たちの作品を見る」という二次ボタンなどです。

今日は1つ取り除いてみましょう。ページの印象を確認します。そして来週、もう1つ取り除きます。これはリデザインの反対です。管理された減算です。説明も簡単です。「最初のボタンを目立たせるために2番目のボタンを削除しました」

逆説的な点は、ナビゲーションをすべて削除する必要はないということです。ホームにリンクする小さなロゴはほぼコストがかからず、上司を安心させます。しかし、メインのCTAと競合する2番目のCTAは、すべての訪問者に課される税金です。快適さではなく、競合を削りましょう。

4. 見出しを書く前に価値の約束を書く

巧妙な見出しから始めないでください。訪問者が得られるものについての、平凡で真実の文から始めましょう。例：「コーディングなしで数分でランディングページを公開できます。」それを「コーディングなしで数分でランディングページを公開」に短縮します。それが見出しです。元の文は副見出しになります。これが「だから何？」テストです。見出しが競合他社のページにも載っていそうなら、十分に具体的ではありません。

上司はなぜ古いタグラインをやめたのか尋ねるでしょう。答えは、タグラインは会社を説明していましたが、新しい行は結果を説明しています。訪問者はまだあなたが誰かを気にしていません。彼らが気にするのは、クリックしたら何が起こるかです。これは本当に、ページ上でたった1つの質問に答えること、つまり彼らが得られるものについての質問に答えることです。

5. CTAをボタンではなく意思決定にする

現在のボタンを見てください。「送信」や「移動」と書かれていれば、それはリクエストであり、オファーではありません。テキストを結果に変更しましょう。「毎週のプランを入手」「ガイドを送って」「無料トライアルを開始」のように。一人称の言葉は、訪問者の内なる声に合うため、しばしば効果的です。しかし、それを法則として扱わないでください。可能ならテストしましょう。

ボタンはモバイルでスクロールせずに見えるようにし、約束の近くに配置する必要があります。巨大な画像や10個のフィールドを求めるフォームで、メッセージとアクションを分離しないでください。フィールドは5つよりも1つの方が正当化しやすいです。「人々が実際に完了できるように、フォームを1つのフィールドに減らしました」という一文の説明は、上司も理解できます。

そして、ボタンを巨大にしたいという衝動を抑えてください。明確にボタンであることを示し、目立つように十分なコントラストを持たせ、価値の約束の隣に配置します。これが最も基本的な視覚的階層です。目はアクションに向かいます。

6. すべての変更を一文に照らしてテストする

何かを公開する前に、なぜそれを行うのかを一文で言いましょう。言えなければ、やらないでください。これがレビュー会議で助けになる習慣です。上司は好みではなく理由を聞きます。よくあるフィードバックを正当化可能なアクションにマッピングしましょう：

上司が言うこと	それが意味すること	あなたがやること（そして言うこと）
「もっと目立たせて」	ページが平面的または不明瞭に感じる。	「見出しのコントラストを上げ、ボタンを単色にします」
「なぜナビゲーションを削除したの？」	訪問者が迷うのではと心配している。	「このページには1つの役割があります。ボタンが進む道です。下部に戻るリンクを追加します」
「その画像は気に入らない」	ビジュアルが約束と一致していない。	「実際の結果のスクリーンショットに置き換えて、約束を具体的にします」
「お客様の声を追加できる？」	社会的証明が欲しい。	「はい、CTAの近くに追加し、アクションに固有のものにします」

ここにある各行は一文の説明です。そのように変更を提示すれば、あなたはセンスではなくシステムを持っているように聞こえます。それがまさに、技術に詳しくない上司があなたに必要としているものです。

7. 30分の微調整ループを回す

開始するのに本格的なA/Bテストプラットフォームは必要ありません。必要なのは習慣です。毎週1つの変更（見出し、ボタン、画像など）を選び、実施し、日付を記録し、アナリティクスでコンバージョン率を観察しましょう。あなたが探しているのは方向性であり、奇跡ではありません。明確なページは通常、より良いパフォーマンスを発揮しますが、重要なのは時間をかけて証拠を蓄積することです。

まずは速度から始めましょう。ページの読み込みが遅い場合は、最も大きな画像を圧縮するか、自動再生ビデオを削除します。上司が受け入れる説明付きの迅速な修正です。「速いページは人を待たせない」と。そこから上記のステップを進めます。各変更は、長い承認サイクルなしでリリースできるほど小さいものです。明確さと速度は、「会社概要」コピーよりもはるかに信頼を構築します。ページを曖昧にしないだけで、即座に信頼を構築できるのです。

リデザインをやめて、編集を始めましょう。唯一のアクションを書き出し、上司が見るようにページを見て、ひとつ削り、約束を明確にし、ボタンを分かりやすくし、各決定に一文の理由を添えます。それを毎週続ければ、ページは複利的に改善されます。より大きな予算や新しいデザイナーは必要ありません。すべての変更を正当化できる文に変えるシステムが必要です。それは、あなたと上司が同意できるものです。