上司が競合のリンクを送ってきた。さて、どうする？

概要

上司が競合のランディングページを転送してきて、「私たちもこんな風にしよう」と言ったら、どうしますか？この記事では、対立を起こさず、リクエストを無視もせず、次に何をすべきかを説明します。盲目的にコピーするのをどう避けるか、平易な言葉で価値提案を書く方法、ページを1つのコールトゥアクションに絞る方法、そして自分の主張を「断定」ではなく「選択肢」として提示する方法をカバーしています。このアプローチは、明確さを優先するSaaSランディングページのパターンに基づいています。明確な価値提案から最小限のヒーローセクションまで、一貫して「賢さ」よりも「明確さ」を重視しています。また、意思決定者がデザインに興味がない場合に、ステークホルダーの賛同を得るための実用的なテンプレートも紹介します。目標は、役割を果たすページと、そのページがなぜそう見えるのかについて共通言語を持つチームです。

上司が競合のランディングページに「私たちもこういう風にすべき」というメモを添えて送ってきたら、何と言いますか？あなたは3人体制の社内マーケティングチームにいます。デザイン予算の責任者ではありません。売るべき製品、発売日、そしてフォントと見出しの区別がつかない上司がいます。そして今、その上司は確かに見栄えのするページを指さしています。だから簡単で安全な選択は、うなずいて構造をコピーし、自社のコピーに差し替えることです。しかし、安全な選択は、たいていページが無視される結果になります。

ミーティングは金曜日です。レビューを戦いにせずに、別のアプローチのほうが優れている理由を上司に示す時間は4日あります。ここに、最初から最後まで使えるプランがあります。

リンクではなくメールを読む

リンクはURLをまとった要求です。ブラウザのタブを開く前に、それに添えられたメモを読みましょう。上司は似た見た目を求めていますか？似たセクション順？似たロゴの扱い？それぞれが異なるリクエストです。たいていの場合、メモには「私たちもこういう風に見せよう」と書かれていて、実際には「私たちも同じように信頼できると感じさせたい」という意味です。あなたが見ているページが重要なのは、上司に正当性の感覚を与えるからです。だから本当の仕事はページを再現することではなく、自分の論理でその同じ感覚を作り出すことです。

競合のページについて言えば、あなたが見ているのは、あなたが関与していない意思決定の結果です。そのデザインは、彼らのオーディエンス、市場での位置づけ、ブランド認知度、コンバージョン目標に基づいて作られています。目に見える部分（レイアウト、色、ストックフォト）をコピーしても、それらを機能させている目に見えない論理を見逃してしまうでしょう。それはデザインの問題ではなく、戦略の漏れです。彼らのスケルトンを盗むことは、コンテンツを盗むこととは異なる練習です。そして、スケルトンは、なぜそれを選んだのかを理解した場合にのみ機能します。

何かを開く前に、1つの質問に答えましょう。このページは何をするためのものですか？「モダンなSaaSのように見える」ではなく、訪問者は次の60秒で何を考え、感じ、クリックすべきでしょうか？何かを見る前にそれを書き出しましょう。それができないなら、あなたはページではなくポスターを作っていることになります。

よくある誘惑は、競合のページを買い物リストのように扱うことです。大きな見出し、3カラムの機能グリッド、チャットウィジェット、料金リンク、顧客ロゴ。しかし、SaaSデザインで最も永続的なパターンはもっとシンプルです。何度でも、コンバージョンするページは、一度に6つのことをやろうとしないものです。彼らは賢さよりも明確さを優先します。簡潔な見出し、短い説明、1つの明白な次のステップ。それは秘密ではありませんが、「もっと」を求め続ける社内で守るのは驚くほど難しいのです。

誘惑	通常はうまくいく方法
競合のレイアウトをそのまま反映する	セクションではなく、根底にあるロジックを再現する
最初の画面に機能を詰め込む	見出し、サブ見出し、単一のCTA
ブランドボイスに合う気の利いたタグライン	製品が何をするのかを平易な言葉で表した一文
あらゆる訪問者タイプに対応するための複数ボタン	画面ごとに1つの主要アクション、二次アクションはさらに下に配置

この表は、ページが社内レビューを受けるときのためにあります。各行は、誰かが尋ねる質問だからです。それぞれの答えは「これはモダンなSaaSの見た目です」ではありません。答えは、訪問者が次に何をする必要があるかです。

リデザインを不要にする一文を書く

デザインツールを開く前に、テキストファイルを開いて一文を書きましょう。あなたの製品は何をし、誰のためのもので、なぜ今彼らが気にする必要があるのか？まず、誰にも見せたくないような最悪のバージョンから始めます。そして、あなたの会社を聞いたこともない人に意味が通じるまで編集します。

意図的に一般的な具体例を示します。あなたの製品が小売店の顧客に予約を思い出させるのに役立つとしましょう。現在のヒーロー見出しは「次世代リテールエンゲージメントプラットフォーム」だとします。重要そうに聞こえますが、何も意味しません。訪問者はそれを見ても、これがソフトウェアなのか、コンサルティング会社なのか、チャットボットなのかわからず、離脱します。

書き直したバージョンは「自動で予約リマインダーを送信して、スタッフが1日に3回も電話をかけ直すのをやめましょう」です。スライドデッキではあまり印象的ではありませんが、画面上ではより有用です。小さなお店を経営するような典型的な訪問者がこれを読めば、製品が何で、誰のためのもので、どんな結果が期待できるのか、すぐにわかります。価値提案は、ミッションステートメントではなく、一文のように読めます。

これは、最も評価の高いSaaSホームページに共通するパターンでもあります。Calendlyのタグラインは「メールの往復なしでミーティングをスケジュール」だけです。アルゴリズムへの言及も、「革命的スケジューリング」もありません。それは特定の人が望む結果を挙げているのです。あなたの製品にも同等の一文があるはずです。ただ、まだ書いていないだけです。

ここでは抵抗が予想されます。上司は新しい見出しが「平凡すぎる」とか「本当のテック企業っぽくない」と言うでしょう。その反応は明確さではなく、アイデンティティに関するものです。あなたと働く人々は毎日製品のピッチを読んでいます。平易な一文は、製品が何をするかすでに知っているからこそ、身なりが地味に聞こえるのです。訪問者は知りません。その違いで一文を守りましょう。上司が「小売店だけでなくレストランも対象にしている」と言ったら、それは実は良い知らせです。一文がカテゴリーをより緩く表現しつつ、結果を挙げられるからです。何も説明しない見出しは許されません。

1画面につき1つのアクション

最も尊敬されるSaaSホームページを見ると、ある習慣に気づきます。彼らは1つの次のステップを選び、他のすべてをその邪魔にならないようにしています。ランディングページレビューの参照点であるNotionは、「Get Notion free」のような単一のコールトゥアクションを目指しています。その1つのボタンは、クリックすると何が起こるかを示しています。それは「無料トライアルを開始」「料金を見る」「デモをリクエスト」「営業に問い合わせ」の中から選ぶよう求めません。

あなたのページもおそらくまさにそうなっています。ヒーローには2〜3個のボタンがあり、ナビゲーションバーには料金、ブログ、サポート、採用へのリンクがあり、チャットウィジェットがすべての上に浮かんでいます。追加要素はすべて、訪問者の注意に対する小さな税金です。彼らは1つのタスクのために来ました。すべてのリンクは、そのタスクを放棄する機会です。

解決策は、サイトを裸にすることではありません。このページの単一の主要アクション（トライアル開始、デモ予約、購入）を決めて、ヒーローの中でボタンのように見えるものをそれだけにすることです。二次的な行き先は、ケースが提示された後のページのさらに下に存在できます。料金への興味が心配なら、フッターやトップナビのプレーンテキストリンクで、メインのコールと競合せずにそれを満たせます。このページは大きなサイトの1章であり、サイト全体の仕事をする必要はありません。より大きなサイトも同時に作り直しているなら、実証済みのSaaSコンバージョンプラクティスを備えたランディングページフレームワークを上司と共有するのは良い参考になります。それはあなたが言いたいことを外部の声が言っているからです。

上司がなぜボタンを削除したのか尋ねたら、はっきりと言えます。2つのボタンがあると、訪問者は何を選んでいるのか理解する前に選択を迫られます。1つのボタンは、あなたがしてほしい唯一のことを伝えます。ページはより静かに感じられ、静かなページはコンバージョンします。

ヒーローはポスターではなくテスト

最初の画面はビルボードではなく、握手です。デザインレビューでよく引用されるLinearのホームページは最小限です。きれいな見出し、短いサブ見出し、単一のコールトゥアクション。注意を奪い合うものはありません。最初のビューポートにすべての機能を表示しようとはしません。それが機能するのは、少ないテキストが、Linearが何をするのかを一度も見たことがない人に説明するのに十分正確だからです。

「above the fold（ファーストビュー）」という考え方は、物理的な折り目からスマートフォンの最初の画面に移行し、そこでは制約がさらに厳しくなっています。通勤中に目を通す訪問者は、見出しの半分と切り取られたスクリーンショットを見て、それでも判断を下します。だからヒーローは3秒の一目で耐えられるものでなければなりません。製品が何であるかを示す一文、それが何をするかを示す一文、そして1つのボタン。説明が必要なら、それは間違いです。

それを自分のテストとして使いましょう。同僚にテストするのではなく、あなたの製品を知らない人にテストします。業界外の友人や知人4〜5人にヒーローのドラフトを見せて、「この製品は何をするものですか？」と質問します。誰かがためらったら、ヒーローは失敗です。助けなしに答えられたなら、ページの基盤ができています。

また、この段階で「もっと目立たせて」という質問に出会うでしょう。目立つことは症状であり、機能ではありません。ヒーローは視覚的に自信があり（強い色、鮮明な製品スクリーンショット）、それでいて静かにすることができます。ポイントは視覚的な興味を取り除くことではありません。ポイントは、前のステップで決めた単一のアクションに向けて、すべての視覚的選択を維持することです。製品を使っている人の印象的な写真は問題ありません。ラッパーがあなたのロゴを持っている写真はダメです。

必要になる前に証拠を集める

価値提案が正しくなり、ヒーローが最小限になると、機能グリッドに慣れた人にはページが少し空っぽに感じられるかもしれません。それがソーシャルプルーフセクションの目的です。デザインファイルを開く前に、後ではなく、3つの証拠を集めましょう。実際の顧客が言ったことを伝えるお客様の声（「素晴らしい」という言葉ではなく）、認識できる顧客ロゴを1〜2つ、そして公開してもよい具体的な指標を1つ。ここにでっち上げの数字はありません。あなたの価値提案を反映した1つの引用は、空のロゴの列よりも効果的です。

上司はソーシャルプルーフに反論しないでしょう。それはデザインの選択ではなく、証拠だからです。「このページにはコンテンツがない」と誰かが尋ねたら、適切に配置されたお客様の声は、3段落の機能説明よりも説得力を持つことが答えです。訪問者はまだあなたの主張を信じていません。彼らは、あなたが求めているアクションをすでに起こした自分たちと似た人々を信じます。

配置は重要です。最も強い証拠をヒーローの直後、またはメインのコールトゥアクションのそばに置きましょう。ロゴの帯は「あなたは良い仲間の中にいる」と言い、お客様の声は「この結果は本物だ」と言い、指標は「これが効果の大きさだ」と言います。すべてのページに3つすべてが必要なわけではありませんが、意思決定の瞬間の近くに少なくとも1つは必要です。製品が新しく、まだお客様の声がない場合は、充実したトライアルやウォークスルービデオを提供しましょう。証拠は言葉だけでなく、行動でも示せます。

最終ミーティングは好みの問題ではない

最後のステップは、承認する人に自分のケースを伝えることです。そしてこれは自分でコントロールできるステップです。ミーティングには1つではなく2つの選択肢を持って臨みましょう。1つ目は「上司バージョン」：競合の構造とトーンに従ったページ、彼らが求めたものです。2つ目は「明確バージョン」：平易な言葉の価値提案、1つのCTA、最小限のヒーロー、そして証拠。両方を実際のデザインとして提示しましょう。へりくだったスケッチとあなたのお気に入り、という形ではなく。

そして、明確バージョンがあらゆる面で優れているふりをせずに、違いを明確に述べましょう。「このページは、私たちが競合のような会社だと言っています。あちらは、私たちが何をするのか、訪問者がここに来たら何をすべきかを示しています。もしページの主な役割がカテゴリーを示すことだと思うなら、最初のほうが適しています。」このフレーミングにより、上司は説得されるべき人ではなく意思決定者になり、会話はページの目的に集中し続けます。

ここに、ほとんどのアドバイス記事が省略する逆説的なポイントがあります。上司が特徴的な見た目のページを望むのは間違いではありません。もしあなたの製品が本当に新しいカテゴリーを導入するなら、ある程度の視覚的な個性は必要です。覚えてもらいたいからです。しかし、その要件は、単一のコンバージョン目標を持つランディングページではなく、全体的なブランドアイデンティティとサイトナビゲーションに属します。クリックを得ることが仕事のページでは、それ自体に注意を引くデザインはメッセージと競合します。明確さを得るために「おっ」という感覚を少し犠牲にするかもしれません。そのトレードオフは現実のものなので、明示的に名前を付け、驚きではなく決定にしましょう。

また、平行するより難しいケースもあります。あなたの明確バージョンが間違っている場合はどうでしょうか？ページの目標が、混雑した市場でまったく新しい製品を立ち上げることなら、視覚的な差別化が役立つことがあります。たとえば、強いイラストや、認識を生み出す珍しいカラーシステムなどです。ルールは「退屈であれ」ではありません。ルールは、すべての要素が訪問者の次のステップに対して正当化されなければならない、そして要素の唯一の弁護が「印象的に見える」ことなら、おそらくそこにあるべきではない、ということです。あなたはそれを自信を持ってその場で言え、それにより上司が常にすべてを印象的に見せようと感じているプレッシャーを取り除けます。

より強い手は、テストを提案することです。上司が自分のバージョンを主張するなら、「両方のページを2週間公開して、主要アクションのクリック率を測定しましょう」と言いましょう。小さなチームは、有意義なテストを行うのに十分なトラフィックがないことを心配することがありますが、それはもっともな注意点です。もしそれが本当なら（月に数百人の訪問者だけ）、代わりに定性的なシグナルを使いましょう。セッション録画、離脱コメント、または5人による簡単なユーザビリティチェックなどです。テストだけが学ぶ方法ではありません。それは単に、傷ついたエゴなしに不一致を終わらせる最も明確な方法です。

本当の成果物はページではない

あなたのシナリオに戻りましょう。あなたは自分の立場を守り、明確バージョンを構築し、2つのプロトタイプを説明し、上司は明確なほうを選びます。それはあなたが選択肢にしたからであり、声に出して読める一文の見出しがあるからでもあります。ページが公開されます。それはより多くのサインアップ、より少ない困惑した離脱、またはあなたの製品にとっての成功をもたらすでしょう。そして次に上司が競合のリンクを送ってきたとき、あなたのチームはそのリクエストが戦略についてなのかスタイルについてなのかを議論する言語をすでに持っています。

その言語こそが実際の成果物です。ランディングページは簡単にリデザインできますが、「モダンデザインとはたくさんの要素を詰め込むことだ」というチームのデフォルトの前提は変えるのが遅いのです。平易な価値提案や単一のCTAを守るたびに、チーム全体が使える小さなリファレンスライブラリを構築しています。次のプロジェクトはより簡単になります。同じ誠実さを単一のページではなくサイト全体に適用したいなら、気にしない顧客のようにサイトの残りを監査することができます。また、キャンペーンページとフルサイトのどちらが必要かわからない場合は、サイト形式の選び方ガイドが枠組みを決めるのに役立ちます。

それは議論に勝つことではありません。ページの次のコールトゥアクションが、訪問者が実際に取りたいと思い、実際に見つけられるものにすることを確実にすることです。