マッサージサロン ホームページ制作

Period 2026/3/20 ~ 2026/3/21
Tools
WordPress HTML CSS JavaScript
レスポンシブ対応 SEO対応 WordPress変換

Challenge

集客チャネルが Instagram のみという状況からのスタートだったため、SEO・AEO(AI検索最適化)・Schema.org 構造化データまで含めた検索戦略を設計に組み込む必要があった。デザインの美しさと検索エンジンへの最適化は相反しやすく、両立のバランスが最大の課題だった。

また、「プライベートサロンの静けさ」という抽象的な体験価値をWebという平面で伝えること自体が難しく、過剰な演出をせずに世界観を構築することに注力した。アニメーションは「あることに気づかれるか気づかれないか」の粒度を意識し、主役はあ くまでコンテンツとなるよう設計した。

Overview

女性専用プライベートエステサロン「Soin(ソワン)」の公式Webサイト新規制作。Instagramのみで集客していたサロンが、Web経由での予約獲得を目指してサイト制作を依頼。戦略策定からデザイン・実装まで一貫して担当し、シングルページのサイトを構築し た。チェーン店的なテンプレート感を排し、完全個室・一対一の施術という体験価値を「静けさ」で表現することをゴールに設定。月間予約20件・1,500PVをKPIとした。

Design Note

デザインコンセプトは「沈黙と余白が語る、静かな贅沢」。
色は白・ベージュ・くすみピンク・くすみゴールドで構成し、派手さを完全に排除。 セクションごとに背景色が切り替わる設計にすることで、単調にならない流れをつくった。フォントは英字に Cormorant Garamond(ライトウェイト)、日本語に Noto Serif JP を採用し、エレガントで静かな印象を演出している。
レイアウトは均一なカード型を避け、余白を広く取ることで「ゆとり」を視覚的に表 現。ボタンはピル型に統一し、角ばったチェーン店感と差別化した。
アニメーションは GSAP + ScrollTrigger を用い、ヒーローパララックス・フェード アップ・背景色トランジションをスムーズに実装。カスタムカーソルやマーキーテキストなど、細部の動きにもサロンの世界観を込めた。prefers-reduced-motion にも対応し、アクセシビリティを担保している。

Result

- Web経由での月間予約 20件 を目標に設定(公開6ヶ月時点での達成を想定)
- 「千葉 完全個室 エステ」での検索上位表示(目標:5位以内 / 6ヶ月)
- 既存リピーター率 70% → 80% への向上をサポートする導線設計
- モバイルファースト設計により、Instagram からの流入をスムーズに予約へ接続

制作のご相談・お見積りはお気軽にどうぞ。

お問い合わせ