マーケティング / 工務店
スマホで崩れる自社サイトをその日のうちに整える
「お客さんにスマホで見せたら文字が重なって読めなかった」工務店の方からのご相談でした。パソコンでは問題ないのに、スマートフォンだとレイアウトが崩れてしまう状態でした。
要点:工務店の事業者様が、パソコンでは問題ないのにスマホで表示が崩れていた自社サイトの課題を、作り直すのではなく崩れの原因を画面ごとに一つずつ特定して修正する形で解決。文字・画像・余白を整えたことで、短時間でパソコンでもスマホでも崩れずに読める状態を回復しました。
- 業種
- 工務店
- 関わり方
- HP表示の修正
- 対象業務
- 自社サイトのモバイル表示修正
課題 — Challenge
PCでは問題ないのにスマホで崩れる
つくられた当時はパソコンでの見え方だけが整えられていて、スマホでの表示までは想定されていませんでした。文字がはみ出す、画像が大きすぎる、ボタンが押しにくい——一つひとつは小さくても、重なると「ちゃんとしていない会社」という印象につながってしまいます。
取り組み — Approach
崩れの原因を一つずつその場で直す
作り直すのではなく、いまあるサイトのどこが、なぜ崩れているのかを画面ごとに確認し、原因を一つずつ修正しました。文字の大きさ、画像の幅、余白の取り方——スマホで見たときに自然に収まるよう整えていきます。
Before
- スマホで見ると文字が重なって読めない
- 画像が大きすぎたりボタンが押しにくかった
- 「ちゃんとしていない会社」という印象を与えていた
After
- パソコンでもスマホでも崩れずに読める
- 文字・画像・余白が画面に合わせて整った
- お客さんにまず見てもらいやすくなった
成果 — Result
どの画面でもちゃんと読める
パソコンでもスマホでも、崩れずに読める状態を回復しました。大がかりな作り直しをせずとも、いまあるものを活かして短時間で整えられるケースは少なくありません。「まず見てもらう」ことのハードルが下がりました。
よくある質問 — FAQ
スマホでサイトが崩れて見える場合、作り直す必要がありますか?
必ずしも作り直しは必要ありません。いまあるサイトのどこが、なぜ崩れているのかを画面ごとに確認し、原因を一つずつ修正することで、短時間で整えられるケースは少なくありません。
どんな崩れ方が起きやすいですか?
文字がはみ出す、画像が大きすぎる、ボタンが押しにくいといった崩れが起きやすく、一つひとつは小さくても重なると「ちゃんとしていない会社」という印象につながってしまいます。
修正後、どんな効果がありますか?
パソコンでもスマホでも崩れずに読める状態になり、お客さんにまず見てもらいやすくなります。「まず見てもらう」ことのハードルが下がります。
崩れた表示から整った表示へ
※ 守秘のため、業種・表現・数値の粒度を一部変更しています。