企業サイトのトップページ表示改善・レイアウト調整
既存の企業サイトを想定し、HTML/CSSによる軽微修正で見た目の違和感を改善したケーススタディです。
■案件概要
社内制作されたWordPressサイトのトップページについて、 「全体的に素人っぽさがある」「スマホ表示でバランスが悪い」といった課題を想定し、 既存構成を活かしたまま表示調整を行いました。
■課題
- 余白が不統一で全体のバランスが悪い
- CTAボタンの位置が不自然
- スマホで見出しサイズが大きすぎる
- 画像が画面幅からはみ出している
- サービスエリアのレイアウトが整っていない
■対応内容
- 余白・行間の統一（margin / line-height調整）
- CTAボタンの配置修正（中央寄せ・視認性改善）
- スマホ表示時のフォントサイズ調整
- 画像のはみ出し修正
- サービスカードのレイアウト整理
■使用技術
HTML / CSS / レスポンシブ対応