架空のエステサロンのUI画像

Salon de Rose 予約導線を設計したUIデザイン

プロジェクト

エステサロンの予約体験を想定したデモ制作のUIデザインです。 トップページから予約ページまでの導線を設計し、 ユーザーが迷わず予約まで進める構成を意識しました。 初期案はトップページのみでしたが、ユーザー体験をより具体化するため、 予約ページを追加で設計しています。

制作ツール

Figma / Photoshop / Illustrator / Canva

デザインで意識したこと

ターゲットである女性ユーザーに向けて、 上品で落ち着きのあるトーンをベースにデザインしました。 また、スマートフォンでの操作を前提とし、 片手でも操作しやすい配置や余白設計を意識しています。

設計のポイント

ファーストビューから予約ボタンへの視線誘導を明確にし、 スクロール中も迷わず行動できるようCTAの配置を調整しました。 「雰囲気の良さ」と「予約のしやすさ」の両立を意識しています。

制作範囲

本プロジェクトはFigmaでのUIデザイン制作となります。 画面遷移や操作フローはプロトタイプで確認できる形で設計しています。

Salon de RoseのUIデザイン(Figmaデータ)

Salon de RoseのUIデザイン(Figmaデータ)