Demo｜ヘアサロンWebページ

📝このサイトについて

WordPressで実際に構築した美容院（ヘアサロン）のホームページをベースにしています。
本来は「メニュー・料金一覧」や「ヘアカタログ」「Contact」「予約ページ」などの詳細ページが分かれている複数ページの構成でしたが、今回はポートフォリオの見本（demo用）として、1枚のランディングページ（LP）形式にカスタマイズして再構成しています。（※画像やテキストもデモ用に一部差し替えています。）

🛠️制作の舞台裏・こだわり

実際のサイト制作時は、お店の方が非常に協力的で素材画像も豊富にご準備いただいたため、スムーズに進行できました。しかし、今回はWordPressの固定ページではなく、「カスタムHTMLブロックにコードだけで丸ごと1枚実装する」というデモ用の特殊な作り替えを行ったため、そちらのコーディング作業に勝手の違いがあり工夫が必要でした。

特に、PCやタブレット表示時の美しい横並びレイアウトを維持しつつ、スマートフォンの狭い画面でも絶対に崩れず綺麗に1列に整うよう、レスポンシブ対応（Flexboxの緻密な調整）にこだわって実装しています。