自主制作｜エステサロンサイト制作
プロジェクト概要
制作概要
自主制作として、エステ・リラクゼーションサロンを想定したデモサイトを制作しました。
サロンのコンセプト、施術メニュー、お知らせ、店舗情報、予約導線を整理し、初めてサイトを訪れた方でもサロンの雰囲気やサービス内容が分かりやすく伝わる構成にしています。
制作範囲
情報設計 / デザイン / WordPress実装 / レスポンシブ対応 / トップページ制作 / メニュー導線設計 / お知らせ一覧設計 / サロン情報整理 / 予約導線設計
制作期間
3日
使用ツール
HTML・CSS / Photoshop / WordPress（SnowMonkey）/CANVA
制作戦略
想定課題
エステ・リラクゼーションサロンを想定し、サロンの世界観と施術内容が伝わるWebサイトとして制作しました。
美容サロンのサイトでは、メニューや料金だけでなく、サロンの雰囲気、施術を受けた後の変化、安心して予約できる導線が伝わることが重要です。
特に初めて利用する方にとっては、「どのような空間なのか」「どんなメニューがあるのか」「予約方法は分かりやすいか」が来店前の判断材料になります。
そのため、サロンのコンセプトや空間の印象を伝えながら、施術メニューや予約導線へ自然に進める構成を意識しました。然に確認できる構成を意識しました。
制作の意図
忙しい日常から離れて心と身体を整える、プライベートサロンらしい世界観を伝えることを重視しました。
ファーストビューでは、サロンのコンセプトが印象に残るメッセージを配置し、その後にサロン紹介、施術メニュー、お知らせ、店舗情報へと自然に読み進められる流れにしています。
施術メニューは、BODY、FACIAL、HAIR REMOVAL のカテゴリに分け、ユーザーが目的に合ったメニューを探しやすいよう整理しました。
また、Hot Pepper Beautyへの予約導線を設置し、サイトを見て興味を持った方がスムーズに予約へ進めるようにしています。
デザインの根拠
デザインは、エステサロンらしい上質感、清潔感、リラックス感が伝わるように設計しました。
写真を大きく使用し、余白をしっかり取ることで、落ち着いた雰囲気と非日常感が感じられる見せ方にしています。
また、施術メニューや店舗情報は、見た目の美しさだけでなく、初めて訪れる方でも必要な情報を確認しやすいよう、視認性を意識して整理しました。
お知らせ欄では、キャンペーンや新メニュー、商品情報などを発信できる構成にし、継続的な情報更新にも活用しやすい形にしています。
活用イメージ
本サイトは、エステサロン、リラクゼーションサロン、フェイシャルサロン、脱毛サロン、プライベートサロンなど、空間の雰囲気や施術メニューを丁寧に伝えたい事業者に向けた制作例です。
サロンの世界観を大切にしながら、メニュー、ニュース、店舗情報、予約導線を整理することで、来店前の不安を減らし、予約につながりやすいサイト構成にできます。
「サロンの雰囲気を写真でしっかり伝えたい」
「施術メニューを分かりやすく整理したい」
「キャンペーンやお知らせも更新できるサイトにしたい」
「Hot Pepper Beautyなど外部予約サイトへ誘導したい」
「上質感やリラックス感のある美容系サイトを作りたい」
そのようなケースを想定した制作例です。
