frisör HAIR SALON｜美容室コンセプトサイト

コンセプトワーク／架空サイト（自社制作）

「美しさは、日常の中に。」

frisör HAIR SALONは、自然体の美しさと心地よい日常をテーマに制作した、架空のヘアサロンのWebサイトです。

美容室の魅力は、ヘアスタイルだけでなく、サロンの空間やスタッフとの時間、そこで得られる体験にもあると考えています。本サイトでは、柔らかな自然光を感じる写真、落ち着いた配色、ゆとりのある余白を組み合わせ、サロンの世界観が自然に伝わるデザインを目指しました。

単なる店舗情報の掲載にとどまらず、訪問者が「こんな美容室に行ってみたい」と感じられるWebサイトをコンセプトにしています。

均一なカードレイアウトではなく、写真の大きさや配置、文字の強弱に変化をつけたデザインを採用しました。特にSTYLEページでは、8種類のヘアスタイルを非対称に配置し、ヘアカタログとしての見やすさを保ちながら、美容雑誌をめくるような楽しさを表現しています。

自然光、木の温もり、植物の緑、ナチュラルなヘアスタイルなど、サイト全体で写真の雰囲気を統一しました。SALONページでは、店内全体から受付・セット面・シャンプースペースへと写真を展開し、実際にサロンを訪れるような感覚で空間を紹介しています。

アイボリーを基調に、チャコールグレーの文字と、アクセントとしてくすみピンクを使用しました。過度な装飾を避け、落ち着いた上質感と親しみやすさの両立を意識しています。

TOP・CONCEPT・MENU・STYLE・SALON・ACCESS・RESERVATIONの7ページで構成。ブランドへの共感から、サービスの理解、来店検討へと自然につながる情報設計を行いました。

PCデザインを単純に縮小するのではなく、画面幅に合わせて写真の配置や文章の流れを調整しました。写真の魅力と文字の読みやすさを両立し、直感的に操作できるナビゲーションを採用しています。

制作でこだわった点

情報を詰め込みすぎず、写真と文章の間に十分な余白を設けることで、落ち着いた閲覧体験を目指しました。

CONCEPTはストーリー性、MENUは情報の読みやすさ、STYLEは写真のリズム、SALONは空間の魅力を重視。各ページに異なる表情を持たせながら、フォント・配色・余白のルールを統一しました。

見た目の美しさだけでなく、料金の視認性、ページ間の移動、予約導線、キーボード操作など、利用者の操作性にも配慮しています。

画像をWebP形式に最適化し、制作時の検証では画像容量を約77％削減しました。複数の画面幅で表示を確認し、アクセシビリティや読み込み時のレイアウト安定性にも配慮しています。

※本作品はWebデザインの制作事例として制作したコンセプトサイトです。実在する美容室の公式サイトではありません。