morié

好みを見つけて、予約まで。

想定した訪問者

写真で好みの雰囲気を探しながら、料金やスタイリスト、初回来店の流れを確認してから予約したい人を想定しました。

01 — 最初に、サロンの空気を伝える。

柔らかな色合いと大きな写真、余白のある画面でブランドの雰囲気を表現しました。スマートフォンでは文字と写真の配置を切り替え、第一印象と読みやすさを両立させています。

02 — 好みを見つける、ルックブック。

スタイルの一覧から詳細を開き、気になるイメージを確かめられる構成です。メニュー、料金、スタイリスト、来店の流れも掲載し、写真を見た後の疑問に答える順序を考えました。

03 — 予約までの動きを、体験できる形に。

メニュー・日付・時間を選び、選択内容を確認する操作体験を実装しました。実際の予約システムとの連携は行わず、来店までの導線設計を確認するデモとして公開しています。

04 — 写真を生かす、豊かなアニメーション。

写真のマスク表示、パララックス、文字の出現、カードの反応を組み合わせています。画面の小ささや動きを減らす設定に合わせ、情報を読み進められるよう調整しました。

この制作例について

架空のサロンを想定した制作例です。店舗・人物・ヘアスタイルの画像はAI生成で、実在する顧客案件や施術実績ではありません。予約画面は操作体験用で、予約の受付や入力情報の送信・保存は行いません。