「指先から、わたしらしく輝く。」
Nail Salon Lueurは、美容学校の同級生だった2人のネイリストが営む、小さなプライベートネイルサロンをイメージして制作した架空のネイルサロンのWebサイトです。
ネイルサロン選びでは、デザインの好みやサロンの雰囲気、料金、ネイリストの人柄など、来店前に確かめたい情報がたくさんあります。本サイトでは、ベージュとピンクを基調にした配色と、光や花を感じる写真で世界観を伝えながら、デザイン・メニュー・スタッフ・店舗情報を見つけやすく整理しました。
世界観が伝わるファーストビュー
ネイル・サロン空間・ネイルチップの3つの魅力を、スライドで順に紹介。キーボードでの切り替えや自動再生の停止にも対応しています。
テイスト別のデザインギャラリー
ナチュラル・フラワー・エレガント・シンプルなど、テイストごとにネイルデザインを見られるギャラリーを設け、好みのデザインを探しやすくしました。
ネイルチップを専用ページで紹介
ネイルチップの販売や店頭でのフィッティングといったサロン独自のサービスを専用ページで紹介し、参考料金まで確認できる構成にしました。
来店をイメージできるスタッフ・店舗紹介
ふたりのネイリストのプロフィールや、2席の小さなサロン、キッズスペースを紹介し、初めての方やお子さま連れの方も来店をイメージしやすい内容にしました。
PC・スマートフォンそれぞれの予約導線
PCではヘッダー、スマートフォンでは画面下部に固定したメニューから、WEB予約の案内へ進める導線を設計しました。
制作概要
- サイト名
- Nail Salon Lueur
- 制作区分
- コンセプトワーク（架空サイト）
- 業種
- ネイルサロン
- ページ数
- 15ページ（メイン9ページ＋お知らせ記事6ページ）
- デザイン
- Elegant / Feminine / Soft
- 対応端末
- PC・タブレット・スマートフォン
- 主な制作内容
- 企画・構成・デザイン・HTML/CSS/JavaScript実装・レスポンシブ対応・SEO基本設定・画像最適化（WebP）・アクセシビリティ対応
※本作品はWebデザインの制作事例として制作したコンセプトサイトです。実在するネイルサロンの公式サイトではありません。料金・スタッフ情報はデモ用の内容で、実際の予約・会員登録は行っていません。