MAX SALON様の公開サイトはこちらからご覧いただけます。
https://max-salon.jp
プロジェクト背景
池袋東口エリアでネイル・アイラッシュサロンを運営されているMAX SALON様より、既存ホームページのリニューアルについてご相談をいただきました。
これまでのサイトでは、ネイル・マツエク・エステの3サービスを展開していた背景もあり、トップページには施術写真を中心とした構成が採用されていました。
一方で、今回のリニューアルではサービス構成の整理に伴い、ネイル・アイラッシュに特化したサロンとして、改めてブランドを再構築する必要がありました。
旧サイトはデザインの印象がやや控えめで、初めてサイトを訪れるユーザーに対して、サロンの雰囲気や特徴がより伝わる余地があると感じられる構成でした。
そこで今回は、
- サロンの世界観・雰囲気が直感的に伝わるデザイン
- スマートフォン閲覧を前提とした見やすい構成
- SEOを意識した文章量・ページ構成
これらを軸に、サイト全体を見直すリニューアルをご提案しました。
事業内容の理解を踏まえた構成
MAX SALON様は、池袋駅東口から徒歩5分という立地にある、ネイル・アイラッシュのプライベートサロンです。
今回の制作にあたっては、「ネイル」「アイラッシュ」という2つのサービスを別々に見せつつ、1つのサロンとして統一感を持たせることを重視しました。
また、来店を検討しているユーザーの多くは、
- 施術内容はある程度イメージできている
- 初めてのサロンに対しては「雰囲気」や「安心感」を重視している
という点を踏まえ、
トップページでは詳細なメニュー説明よりも、サロン全体の空気感や信頼感を伝える構成としています。
一方で、ネイル・アイラッシュそれぞれのページでは、メニュー内容や特徴、ギャラリーをしっかりと掲載し、検索流入にも対応できる情報量を確保しました。
制作コンセプト
今回のサイト制作におけるコンセプトは、「上品さ」と「親しみやすさ」を両立した、記憶に残るサロンサイトです。
主なポイントは以下の通りです。
- ロゴの世界観を活かしたピンク基調のデザイン
- ネイル・アイラッシュを対等に見せる構成
- 初めての来店でも不安を感じにくい情報設計
- SEOを意識した文章量とページ構成
単に見た目を整えるだけでなく、「誰に」「何を」「どう伝えるか」を整理した上でデザインに落とし込んでいます。
デザインのポイント
ロゴと連動したビジュアル設計
MAX SALON様のロゴは、ピンク色の筆記体が印象的なデザインです。そこでサイト全体でも同じ書体・カラーを随所に使用し、ブランドとしての統一感を持たせました。
ヒーローエリア(メインビジュアル)には、ネイル・アイラッシュのイメージ写真を配置しつつ、途中からグラデーションで白くフェードアウトさせることで、生々しさを抑えています。
その上にロゴと同じ書体の「Nail Eyelash」という文字を大きく配置し、自然な流れで「池袋東口徒歩5分」という立地情報へ視線が移るよう設計しています。
サービスセクションの交差レイアウト
サービス紹介では、
- ネイル:写真を左、説明文を右
- アイラッシュ:説明文を左、写真を右
と、あえてレイアウトを交差させています。
これにより、2つのサービスが並列でありながらも、単調にならず、それぞれが印象に残る構成としました。同時に、「ネイルとアイラッシュを両方提供しているサロン」であることを、視覚的にも伝えています。
トップページにおける写真構成と役割の整理
旧サイトのトップページでは、ネイルやアイラッシュの施術写真を多く使用し、サービス内容を視覚的に伝える構成となっていました。
今回のリニューアルではその構成を見直し、トップページではあえて施術写真を控え、室内写真を中心に使用しています。
ネイルやアイラッシュのデザインについては、多くのお客様がすでにイメージを持っているため、それぞれの詳細ページにギャラリーとして集約しました。
一方で、初めて来店される方にとっては「どんな空間で施術を受けるのか」という点が不安要素になりやすいため、トップページではサロンの雰囲気が自然と伝わる構成を意識しています。
サービス内容は下層ページでしっかりと伝え、
トップページでは安心感や空気感を伝える——
そんな役割分担を明確にした構成としました。
制作プロセス
制作は以下の流れで進行しました。
- ヒアリング(サービス内容・ターゲット・課題整理)
- 構成設計・ワイヤーフレーム作成
- デザイン制作(トップページ・下層ページ)
- コーディング・WordPress化
- SEO設定・公開対応
写真や原稿がすべて揃っていない状態でも、ヒアリング内容をもとに構成・文章をこちらで整理し、制作を進めています。
まとめ:ブランドを再構築するサイトリニューアル
今回のMAX SALON様のサイトリニューアルでは、単なるデザイン変更ではなく、サービス構成の整理とブランドの再構築を意識しました。
- ネイル・アイラッシュに特化した明確な構成
- 初めての来店でも安心できる情報設計
- 検索を意識した文章量とページ構成
これらを組み合わせることで、見た目だけでなく「伝わる」ホームページに仕上げています。
プリマネットでは、豊島区を中心に中小企業のWEBサイト制作を多数手がけています。サービス業・店舗型ビジネスなど、業種ごとの課題に合わせて「伝わるホームページ」をご提案しています。
東京都豊島区を中心に、首都圏の中小企業様の“伝わるホームページ”制作を行っています。新規制作やリニューアルをご検討中の方は、お気軽にお問い合わせください。