コンセプト作品 ・ 美容院
Hair Atelier 凪 -NAGI-
架空の事業者を想定して制作したデモサイトです。実在の企業・店舗とは関係ありません。
隠れ家サロンを想定した美容院サイト。静かな世界観と、スマホで完結する予約の流れを両立します。
想定した課題
「予約が取りづらい隠れ家」であることに魅力を感じるお客さまが、夜遅くでもスマホだけで予約を済ませられるようにしながら、お店の静かな雰囲気もきちんと伝える必要がありました。
- 想定したお客さま：美容への意識が高い32歳の女性。隠れ家のようなサロンを好み、深夜でもスマホで予約を済ませたい方
- サイトのゴール：予約の完了
設計のポイント
画面いっぱいの写真と、文章が一行ずつゆっくり現れる演出で、お店の「間（ま）」を表現しました。落ち着いた暗めの色を基調に、和紙のような質感をほんの少しだけ加えています。予約は「メニュー → 日時 → お客さま情報」の3ステップで、スマホでも迷わず進めます。
使った技術
- 3ステップの予約画面（メニュー選択 → 日時選択 → 情報入力）
- 空き枠を返すモックAPI（ダミーの予約バックエンド）
- Framer Motion によるイージング設計
- 視差スクロール