ソラハ ヨガスタジオ
週ビューで開催クラスを表示。受けたいクラスのコマを押してそのまま予約に進む、ヨガ・ピラティス向けのサンプルです。
平日の朝 6:30 と、夜 19:30 から。 お仕事の前と後で、ちょうど 75 分の呼吸の時間。
こんな業種に向いています
- 週ビューで開催クラスを表示。受けたいクラスのコマを押してそのまま予約に進む、ヨガ・ピラティス向けのサンプルです。
- ネット予約を主導線にしたい店舗・施設
- 営業時間内の電話対応が難しいケース
構成
ファーストビューで店の雰囲気を伝えてから、すぐに予約 UI に入る形にしています。「週ビュー」・「クラス予約」・「残席表示」・「キャンセル待ち」 を組み合わせて、迷わず申し込みまで進める導線を意識しました。
実装は HTML/CSS のサンプルですが、本制作では予約システム(STORES 予約 / SELECTTYPE / カスタム実装)に置き換える前提で組まれています。
live preview
プレビュー
related
関連するサンプル
スタジオ の他のサンプル、または 複数セクション HP の似た構成のサンプルです。
写真スタジオ noir
スタジオ · 深い黒・銀塩・粒子 2026-05-07
写真スタジオ noir
撮影実績を作品集として並べる写真スタジオ向け CMS サンプル。Series 単位で記事をまとめる構成のマガジン型です。
シリーズ別 CMS縦長カバー予約導線高解像対応
スタジオ · モノトーン・セリフ・大判写真・余白 2026-05-05
NEMOSPHE — デザインスタジオのモノクロ
独立系デザインスタジオの公式サイト。クリーム × ブラックのモノトーンと太いセリフ書体で、ポートフォリオ・スタジオ紹介・アプローチ・ジャーナルを 1 本に通した構成です。
Hero(キービジュアル + 円形 CTA)Selected works 4 件Studio(暗背景の紹介)4 ステップの Approach
スタジオ · セージグリーン・クリーム・落ち着きのある朝の光 2026-05-06
藤本ヨガ オンライン — セージ × クリーム
オンライン個人レッスンと法人向け健康講座を両立させる構成。プロフィールと経歴も載せて信頼を作るタイプ。
個人プログラム 4 種法人向け講座の案内プロフィール + 経歴FAQ
スタジオ · 暖色・朝の光・落ち着いた茶系 2026-05-06
YOGA HALE 香織 — 朝の光のような暖色
個人主宰のヨガスタジオ HP。クラス案内・週間スケジュール・インストラクター・料金・体験までをひと通り収めた標準的な構成。
クラス案内 4 種週間スケジュール表インストラクター紹介料金プラン
このサンプルが気になったら
このサンプルをベースに、文章・写真・色味をお客さまの事業に合わせて作り直してご提供できます。
まずは 30 分の無料相談で、構成のすり合わせから始めましょう。