睡眠ラボ

  • WEBサイト
  • サービスサイト

兵庫県丹波市で“極上の睡眠体験”を提供する女性専用サロン「睡眠ラボ」様のサービスサイトを制作しました。
睡眠ラボでは、無重力のような感覚に包まれるドライヘッドスパを中心に、オイルハンドマッサージやドライフットマッサージ、デコルテラインケアなど、心身をゆるめて深い睡眠へ導く心地よさを提供しています。
私たちは、そうした唯一無二の体験を可視化すべく、「夢ごこち。無重力のような、極上の睡眠体験。」というコピーを軸に、視覚的にも浮遊感や幻想的な世界観を感じられるよう、色彩設計やアニメーション、スクロール演出を構成。
閲覧者がスクロールするごとにまるで夢の中へ導かれるようなストーリー構造としながら、視認性やUI/UXにも配慮し、情報の過密を感じさせない設計で仕上げました。
また、ブランドカラーと連動したロゴデザイン、オリジナルの枕(商品)の紹介セクション、CMS連携による「お知らせ管理」機能など、運用性と訴求力の両立を図っています。

課題・狙い

  • 新たに立ち上げた「睡眠ラボ」の認知度を高めるため、サービスの世界観・価値を正しく伝えるWEBサイトを立ち上げたい
  • 睡眠に悩みを持つユーザーに向けて、具体的なサービス内容や流れ、セラピストの人柄・空間の雰囲気などを視覚的に伝え、新規顧客獲得につなげたい
  • 単なる店舗情報ではなく、「睡眠体験」をビジュアル的・感覚的に表現することで、共感・没入を促したい

やったこと

  • ロゴのカラーリングやフォントなどを基調としたデザインに統一し、ブランドイメージの統一化を図った
  • ページ冒頭から徐々にスクロールするごとに、リアルから夢へ没入していくような構成にし、サービス紹介も断片的に切り替わる構成で集中力を保たせた
  • ぬるぬると動くアニメーションに加え、要所で余白を取り、アイコンや丸型イメージを使うことで、女性らしい柔らかさと直感的な操作性を確保
  • お知らせ機能をWordPressで実装。管理画面から投稿・修正・表示切り替えが簡単にできるようカスタマイズ

プロジェクト詳細

クライアント
株式会社フィジカル・アイ
日付
2024.9
URL
https://suimin-labo.net
ディレクション
有賀 史朗
デザイン / コーディング
有賀 史朗
写真撮影
竹内 吉崇