Reana Stage

美容室の世界観をサイト全体で表現するビジュアル設計とスマホ対応

Reana Stage様が大切にしている洗練された空気感をサイト上でも再現するために、写真と余白のバランスを重視したレイアウトを採用しました。トップページではサロンの雰囲気が一目で伝わるビジュアルを大きく配置し、訪問者が最初に受ける印象をコントロールしています。

配色はサロンの内装や接客スタイルに合わせた落ち着いたトーンで統一し、どのページに遷移しても世界観が途切れないブランディングを意識しました。店舗ごとに異なる内装写真を掲載することで、2つのサロンそれぞれの個性も伝わる構成にしています。

また、美容室のホームページはスマートフォンから閲覧される割合が非常に高いため、スマホでの操作性にも力を入れました。指先ひとつで店舗情報やヘアカタログへ移動できるナビゲーション設計を行い、画面サイズが変わってもビジュアルの印象が損なわれないレスポンシブ対応を施しています。

見た目の美しさと実用性を両立したデザインに仕上げました。

外部媒体からの訪問者の関心を高めるヘアカタログページの設計

美容室を探すユーザーの多くは、まず集客媒体でサロンの存在を知り、そこから公式サイトを訪れます。その際にスタイリストの技術力を判断する材料となるのがヘアカタログです。

Reana Stage様のホームページでは、スタイリストが手がけたヘアスタイルをカタログとして一覧で掲載し、トップページからすぐに閲覧できる構成にしました。外部媒体では掲載枠やレイアウトに制約がありますが、自社サイトであれば写真のサイズや見せ方を自由にコントロールできます。一枚ごとの写真を大きく表示し、仕上がりのニュアンスまで伝わる見せ方を意識しました。

詳細ページでは、長さやカラーといったスタイルデータに加え、スタイリストによるコメントやスタイリングのポイント、おすすめの髪質・顔型まで掲載しています。さらに各詳細ページの下部に店舗情報と問い合わせ先を配置することで、気になるスタイルを見つけた訪問者がそのまま来店行動へ移れる導線を設計しました。

求人媒体に頼らず理念に共感する人材を集める採用ページの設計

求人媒体では複数のサロンが横並びで掲載されるため、給与や立地といった条件面だけで比較されがちです。オーナーが掲げるビジョンや職場の雰囲気といった本質的な魅力は、限られた掲載枠の中ではどうしても伝わりにくくなります。

そこで、自社サイト内に独立した採用ページを設け、オーナーの理念や具体的な待遇、スタッフの生の声をひとつのページに集約しました。他社の情報に埋もれることなく、Reana Stage様が目指すサロンの姿を自社の言葉で届けられる場所を確保しています。

トップページではメインビジュアル直下に採用バナーを配置し、ホームページを訪れた人が最初に目にする位置から採用情報へ誘導できる設計にしました。採用ページで理念や環境に納得した人がそのままエントリーフォームへ進める構成にすることで、条件の比較競争ではなく、考え方に共感した人材が自ら応募する流れを実現しています。

専門知識がなくてもホームページを更新できるWordPress管理画面の設計

美容室のスタッフは日々のサロンワークに追われており、ホームページの更新に多くの時間を割くことができません。それでもヘアカタログの追加や店舗情報の変更、採用情報の更新など、鮮度が求められるコンテンツは定期的に手を入れ続ける必要があります。

そこで、サイト内のすべてのページをWordPressの固定ページや投稿機能で制作し、どのページでもスタッフ自身で編集できる仕組みを整えました。管理画面の入力項目は必要最小限に絞り込み、写真の選択やテキストの入力といった基本的な操作だけでデザインを崩さずに情報を書き換えられる設計にしています。

全ページを自社で編集できる体制にしたことで、制作会社に修正を依頼する手間や待ち時間が発生しません。サロンの現場判断でタイムリーに情報を発信し続けられる運用環境を実現しました。