見出し画像

リニューアル後に“CVR急落”…戻す3手

リニューアル直後、CVRが半減。何が起きた?

Webサイトをリニューアルした翌週、ダッシュボードの数字を見て固まりました。前週比でCVRが1.0% → 0.6%。ほぼ半減です。

デザインは洗練され、LPも長さを最適化したはず。なのに売れない。プロジェクトのチャットには「広告が悪い?」「計測ミス?」と憶測が飛び交い、私は深夜まで原因を潰し込みました。

いちばんつらかったのは、「良かれと思ってやったこと」が顧客の行動を止めていた事実です。


導線→コピー→速度の順で直すと最短で戻る

手当ての順番を間違えると遠回りします。私は導線(ナビとCTA)→コピー(価値訴求と不安解消)→速度(体験の滑らかさ)の順で手を打ち、2週間でCVRをリニューアル前比で1.3倍(1.0% → 1.3%)まで回復させました。

なぜこの順?“触れる前に迷う”を先に消し、“読んで不安”を続けて溶かし、最後に“待ち時間”を削ると、離脱の主要因に対して上流から効くからです。

見た目は良くなったのに売れない——私が陥った落とし穴

正直に言います。私は「世界観」を優先しました。白余白を増やし、写真を大きく、情報はミニマルに。ところが実ユーザーは、「どこを押せばいいか」「このサービスは自分向けか」が分からない。

  • ヘッダーCTAを一段下げ、視差効果で“見えるけど押しにくい”状態にしていた

  • ファーストビューのキャッチが抽象的すぎて、ベネフィットと対象者が不明確

  • ページ速度は許容範囲と思い込み、モバイルのLCPが悪化していた
    デザインの“美しさ”は、意思決定の“速さ”を代替しません

迷い・不信・待ち時間—CVRを削る三つの原因

CVRを落としていたのは、この3つでした。

  1. 迷い:ユーザーが「次に何をするか」を0.5秒で判断できない。

  2. 不信:自分ごと化の根拠が弱く、“私に合う理由”が見えない。

  3. 待ち時間:読み込まれない、ボタンが反応しない、体験のリズムが崩れる。

言い換えると、道標・納得・テンポの欠落です。

CVRを戻す3手 導線→コピー→速度でやる

手1:導線(迷いを消す)

  • ファーストビューに主要CTAを1つだけ固定
    スマホは親指リーチにスティッキーCTAを配置

  • セクション毎に「読む理由→行動」をセットで設計
    (例:課題提示→解決策→CTA)

  • 外部リンクは新規タブ、内部は同一タブでタスクの連続性を担保

手2:コピー(不信を払拭)

  • キャッチは「対象者+ベネフィット+期限/条件」で具体化
    (例:『BtoBマーケ担当のあなたへ。今月中にリード単価を20%抑える無料診断』)

  • 不安のコアをFAQで先回り
    (料金の見える化、解約条件、実績の母数)

  • 証拠は1行→図解→事例の順で厚みを出す
    数字は“件数×期間×再現性”で語る

手3:速度(テンポを整える)

  • 画像はWebP/AVIF+適切な幅に自動変換
    ヒーロー画像は遅延読込の例外に

  • CSS/JSは不要分を削除し、上位クリティカルCSSをインライン化

  • ボタンは押下→即時フィードバック(ローディング表示)を徹底
    体感速度を上げる

ポイント:順番を守ると、直すたびに次の仮説検証が速くなります。

2週間でCVRを1.3倍に戻した検証ログと学び

前提:ユニーク訪問は安定(2週平均で±3%)。広告構成は固定。
Day1〜3|導線改修

  • ヘッダーとファーストビューに主要CTAを1本化

  • スティッキーCTA設置(スマホ)

結果:クリック率が2.8% → 4.6%に上昇、CVRは0.6% → 0.9%

Day4〜8|コピー最適化

  • キャッチを書き換え、「誰に・何が・いつまで」を明記

  • ファーストビュー直下に実績3点(件数・期間・満足度)を短文化して配置

結果:LPスクロール完了率が24% → 36%、CVRは0.9% → 1.1%

Day9〜14|速度改善

  • 画像最適化とJS削減で、モバイルLCPを4.8s → 2.6sに短縮

  • 重要CTA押下後の遷移でローディングを即時表示

結果:離脱率が-11pt改善、CVRは1.1% → 1.3%

最終的にCVRは、リニューアル前(1.0%)比で1.3倍に。単なる“復旧”ではなく“超回復”でした。

改善から得た学び

  • “迷い”は最優先の損失。
    まず道を作ると、その後の改善がすべて効きやすい。

  • コピーは具体性で信頼の初速を上げる。
    誰の、何の、いつまで。

  • 速度は体験の裏方だが、最後の伸び代。
    体感の滑らかさは行動の継続率を上げる。

まず“迷い”を消そう—今日からできる一歩

できることはシンプルです。

  • 主要CTAを1つに絞り、ファーストビューと親指リーチに常設

  • キャッチに対象者+ベネフィット+期限/条件を入れる

  • ヒーロー画像だけ遅延読込の例外にしてLCPを守る

CVRは“正しい順番”で戻せます。 まずは導線、次にコピー、最後に速度。みなさまのWebサイトでも必ず再現できると思います。


Web集客でお悩みでしたら、まずは無料相談へどうぞ

Web集客無料相談
めぐみやは貴社の成長にお役にたてるよう誠心誠意努める事をお約束致します。

いいなと思ったら応援しよう!