【実録⑨】「元々レスポンシブだから大丈夫」の落とし穴。スマホで「ピンチズームを極力減らす仕様」に大改修した話
2026年08月26日 13:29
「うちのLPは、もともとスマホ対応（レスポンシブデザイン）だから、どの端末で見ても崩れないように作ってあるよ」
Microsoft Clarityのデータでモバイルからのアクセスが88件（全体の約87%）を占めているのを確認したとき、私たちは最初のうち、そう高をくくっていました。スマホの画面幅に合わせて勝手にレイアウトが縮小・調整される仕組みになっていれば、それで十分だと信じ込んでいたのです。
しかし、実際にスマホでのユーザー録画（セッション録画）を自分の目で一つひとつ再生してみたところ、愕然とする現実が目に飛び込んできました。
1. レスポンシブ対応のLPで、ユーザーがイライラしていたこと
「画面幅には収まっている。だけど、何かがおかしい……」 録画の中で、スマホでLPを訪れたユーザーたちが次のような行動をとっていました。
ページを開いた瞬間、文字や表が小さすぎて読めず、両指で画面を無理やりピリッと拡大（ピンチズーム）している。
拡大したはいいものの、今度は横幅が画面からはみ出してしまい、わざわざ左右にスクロールしながら文章を目で追わされている。
自動音声（DX Phone）へのリンクボタンや問い合わせの入力欄が小さく、指先でうまくタップできずに何度も押し直している。
「レスポンシブ対応（スマホ対応）」にはなっていました。しかしそれは、あくまで「PC用のデザインをただキュッと小さく縮小しただけ」の手抜き設計だったのです。
忙しいビジネスパーソンや経営者が、オフィスのデスクでスマホを片手にそんな「ピンチズームを強いられる面倒なLP」を見せられたらどうなるか？ 答えは一瞬です。数秒で「めんどくさい」と感じ、二度と戻ってくることなくページを閉じてしまいます（離脱）。
2. 「ピンチズームを極力減らす仕様」への思い切った大改修
この事実に気づいた私たちは、即座にLPの全面的ブラッシュアップを敢行しました。目指したのは、「ユーザーに指を一切動かさせず、親指一本の縦スクロールだけでストレスゼロで情報を飲み込める仕様」への変更です。
具体的には、以下のような徹底的な改修を行いました。
① 基本フォントサイズの底上げと、スマホ専用の文字組み
スマホで拡大しなくてもパッと一目で脳に飛び込んでくるレベルまで、本文や見出しの基本フォントサイズを思い切って拡大。
② 横長の表や複雑な図解の「完全縦積み（シングルカラム）化」
スマホで横スクロールを発生させてしまう最大の原因だった比較表やレイアウトを、すべてスマホの幅に合わせた縦積みのブロック構造に再設計。
③ タップ領域（ボタン・リンク）の巨大化
親指が自然に当たる位置に、十分な余白を持たせた大きなタップエリアを常設。ピンチズームをして細かいリンク先を狙うストレスを完全に排除。
まとめ：スマホ最適化とは「縮小」ではなく「専用設計」である
「元々レスポンシブだから大丈夫」という思い込みは、データ（現実のユーザーの動き）を見ることで見事に打ち砕かれました。
FAXDMという紙からスマホへ誘導する以上、そこで開かれるLPは、「ピンチズームを極力減らし、スマホの画面だけで完結するストレスフリーな専用設計」になっていなければ意味がありません。
文字の大きさ、スクロールの動線、指のタップのしやすさ――。 こうした細部へのこだわりを妥協しなかったからこそ、モバイルからのアクセスを確実な問い合わせ（コンバージョン）へと繋ぎ止めることができたのです。