Project Overview
プロジェクト概要
- プロジェクト名
- Radiant Aura
- 業種
- 美容室・ヘアサロン
- 制作内容
- Webサイト制作
- 対応範囲
- 企画・構成・Webデザイン
- 使用ツール
- STUDIO / Figma
- サイトURL
- サイトを見る ↗
Background & Purpose
制作背景・目的
美容室の魅力や世界観を写真から直感的に感じられ、メニューやスタッフの情報にも迷わずたどり着けるWebサイトを目指しました。
初めて訪れる方にもサロンの雰囲気が伝わるよう、必要な情報を整理しながら、来店前の不安を減らせる構成にしています。
Design Approach
デザインアプローチ
余白を広く取り、写真を主役にすることで、美容室らしい洗練された印象を表現しました。大きなビジュアルと明快な見出しを組み合わせ、メニュー、スタッフ、店内の情報を視覚的に区別しています。
情報量を抑えたシンプルな画面構成により、ユーザーが目的の情報を探しやすく、写真からサロンの空気感を受け取れるデザインに整えています。
Menu / Visual Design
メニュー・ビジュアルデザイン
Staff
スタッフ紹介
Interior
店内イメージ
Design Points
設計ポイント
- 01
視覚的な分かりやすさ
見出しと写真を明確に分け、必要な情報を順に追える構成にしました。
- 02
写真を活かしたデザイン
写真を大きく配置し、サロンの洗練された世界観が伝わるようにしています。
- 03
メニューへの導線
メニューを同じ形式で並べ、内容を比較しながら選びやすくしました。
- 04
スタッフ情報の見つけやすさ
スタッフの写真を一覧で見せ、来店前にも雰囲気をつかみやすくしています。
- 05
スマートフォンでの閲覧性
画面幅に合わせて画像と文章を縦に並べ、無理なく読み進められる設計です。