Facebook 架空Webサイト(アジアン風マッサージ&カフェ)
Logo

架空Webサイト(アジアン風マッサージ&カフェ)

クレジット
Avatar
デザイン
架空Webサイト(アジアン風マッサージ&カフェ)-1
シェア
制作ノート
架空Webサイト(アジアン風マッサージ&カフェ)を制作しました。

■ 使用アプリ:Figma

■ 制作工数:企画・情報設計・WF 10h/ デザイン 14h

● コンセプト
ー タイマッサージと美味しいカフェで究極のリラックス。心と体を癒す、贅沢なひとときを ー
癒しと非日常感を体験できる架空の店舗サイトを制作しました。
マッサージとカフェという異なるサービスを一体化させた空間を表現し、訪れる人が心身ともに整う“ご褒美の時間”を楽しめるようなストーリー性を持った構成を意識しました。

● 情報設計
まずユーザーにお店の魅力を自然に伝えるため、「楽しみ方」という切り口からサイトをスタートさせています。店舗やサービスの特徴を分かりやすく紹介したあと、具体的なマッサージメニューや料金、実際の利用者の口コミといった、来店前に気になる情報へとスムーズに導く構成にしています。

カフェメニューについては、単に食事を紹介するだけでなく、「体調に合わせたメニュー提案」を取り入れ、健康面からも寄り添いサポートするお店であることが伝えられるよう工夫しています。
また、ユーザーの行動を妨げないよう、全ページに常時表示の「予約」ボタンを設置し、迷わずスムーズに予約まで進めるようUI面にも配慮しています。

● デザインプロセス
アジアンテイストを感じさせる深みのあるダークトーンや柔らかいアースカラーを基調に、落ち着いた空気感を表現しました。時間がゆっくりと流れるようなイメージを大切にし、波線や角丸といった柔らかな曲線を取り入れることで、視覚的にもリラックスできるようなデザインにしています。
各セクションの見出しには装飾的にタイ語をあしらい、異国情緒をさりげなくプラス。ユーザーがサイトに触れた瞬間から、店舗の世界観を体感できるようなデザインに仕上げました。

シェア