上質を、一滴で伝えるWEBサイト
お店への来客者に世界観を。

水面に落ちる雫と波紋のアニメーションを軸にしたトップページ 美容 小売り ホームページ デザイン
Top Page

小売(絨毯・食品・ジュエリー等)と美容(エステ・トリートメント)を束ねるコーポレートサイトを刷新。 水滴が落ち、波紋がゆっくり広がるアニメーションをキーに、ブランドの「静かな豊かさ」を一目で伝えるビジュアル設計にしました。
また、ポップアップ出店やイベント情報を自社サイトで完結できるよう検索意図に沿ったコンテンツと構造化データを実装。 ブランド検索・ショップ検索の双方で見つかりやすく、来店導線(電話・MAP・SNS)を短くしました。

水面に落ちる雫と波紋のアニメーションを軸にしたトップページ 美容 小売り ホームページ デザイン
依頼概要
  • 複数事業(小売・美容)を一つの世界観で見せたい
  • 出店・ポップアップの告知を自社サイトで完結し、検索で見つかりやすくしたい
  • 上質感と親しみやすさを両立したデザイン/更新しやすい運用設計
オーダー内容
  • ビジュアル設計:水面リップルのモーショングラフィック(軽量CSS/Canvas)。白×金のタイポで「静かな上質」。
  • 情報設計:トップ/事業一覧(小売・美容)/商品・メニュー/イベント&ニュース/店舗情報/お問い合わせ/SNS連携。
  • 更新CMS:ブロックエディタでニュース・出店情報・メニューを担当者が即時更新。公開予約&下書きレビュー。
  • 検索基盤:構造化データ(Organization/LocalBusiness/Event)・OGP/Twitter Card・サイト内検索・パンくず。
  • 導線最適化:電話リンク・マップ・SNSを各下層に常設。イベント詳細からルート案内をワンタップ
  • 速度/品質:画像最適化・遅延読み込み・キャッシュ制御。アクセシビリティに配慮したコントラストとフォーカス管理。
制作のポイント
  • 感情のスイッチを入れるMV:水滴→波紋のアニメで「心が整う体験」を視覚化。滞在数秒で世界観を伝達。
  • 事業を越えて回遊させる設計:小売の閲覧中でも施術ページへ自然に誘導する関連カード&タグ。
  • イベント運用の省力化:開催地・期間・予約リンク・マップをテンプレ化。投稿=LP化で告知の手戻りをゼロに。
  • 長く使えるブランドUI:余白とタイポ、抑揚のある写真トーンで、流行に寄り過ぎない佇まいをキープ。
期間
約8〜10週間(要件定義 → 体験設計/デザイン → 実装 → アニメ実装/SEO整備 → テスト/運用レクチャー)
料金
参考価格:80万円〜
※事業数・アニメ表現・SEO要件の深さにより変動します。
お客様の声

「ブランドの雰囲気が一瞬で伝わるトップに満足しています。
出店情報の更新がとても簡単で、検索からの流入と問い合わせが明確に増加しました。
SNS・地図・予約までの導線が短くなり、運用負荷も下がりました。」

URL
URL