Yoga Studio Lumière Breathe. See. Believe.
代官山の隠れ家。¥6,000/回 を成立させたWebの役割。
言葉ではなく、体験を見せる。
Premium
3週間
定期課金
LINE連携
メルマガ
SEOフル
Premium Plan
代官山の隠れ家。¥6,000/回 を成立させたWebの役割。
言葉ではなく、体験を見せる。
Challenge
代官山の住宅街、隠れ家的なヨガスタジオ。講師は元IT企業勤務、独立3年目。「価格を下げずに、価値を伝える方法を探していた」。
近隣の競合は¥3,500/回が相場、Lumière は¥6,000/回。「なぜ高いのか」を説明する場所が、サイトしかなかった。
Solution
「言葉ではなく、体験を見せる」 ― そこに振り切った。
決済は Stripe の subscription を使い、¥18,000/月の自動課金を実装。月額会員 / 単発参加 / メルマガ登録 / LINE質問 を一画面に集約。
Design Details
01
物販系のクリーンさを排し、自然を強調。ナチュラルトーンで「身体に近い色」を選ぶ。
02
SVG + CSS のみで実装、4秒周期で膨張収縮。メインビジュアルが文字通り「呼吸」する。
03
スクロール連動で、各クラス紹介セクションが呼吸のリズムで浮かび上がる。読む速度を整える。
04
インストラクターの「指導歴」「資格」「得意分野」を明記。¥6,000の意味を可視化。
Industry Structure
ヨガスタジオの典型課題：MOSH / Yoga Generation / ストアといった習い事プラットフォームの手数料で利益が削られ、顧客との接点もプラットフォーム経由。インストラクター個人ブランドへ顧客が流れるリスクも常にあります。さらに、価格根拠を自社で説明できる構造を持たないと、値下げ圧力に晒され続けます。
Lumière では、自社サイトで予約・定期課金・LINE 連携・メルマガまで内製化することで、顧客との直接接点を構築しました。価格を下げずに価値を伝える構造を作ること。それが、呼吸する円の SVG アニメーションと Stripe subscription の真の目的でした。
━━━━━━━━━━━━━━━━━━
「写真で見たままだった」と言ってくれた。— Yoga Studio Lumière 代表
自社が顧客と直接つながる構造に変わった。
Tech Stack
Timeline
言葉ではなく、体験を見せる。
貴店のブランドを、フルサイトで。
Premium Plan は、この Yoga Studio Lumière で採用した制作プラン。
フルサイト構築、Stripe 定期課金、Analytics 導入、約三週間で公開まで。
規模・要件により別途お見積り。