マシンピラティスサイト(デモサイト)

Luméa Pilates

大人女性に向けた、少人数制マシンピラティススタジオのデモサイトを制作しました。コンセプト・悩み訴求・選ばれる理由・レッスン内容・料金・FAQ・体験予約までを1ページに整理し、初めての方でも安心して体験レッスンへ進める構成にしています。

デモサイトを見る

別のタブで開きます

業種
マシンピラティススタジオ
担当範囲
構成・デザイン・HTML/CSS実装
使用技術
HTML / CSS
ページ構成
シングルページ
タグ
HTML / CSS / マシンピラティス / Demo / レスポンシブ対応
Luméa PilatesのPC・スマートフォン表示のモックアップ

このサイトについて

姿勢改善や身体の不調を整えたい大人女性に向けて、マシンピラティスの魅力と安心感が伝わるスタジオサイトを制作しました。

白・ベージュ・淡いグリーンを基調に、清潔感とやわらかさのある印象に整えています。ファーストビューでは「鍛えるより、整える。」というコピーでコンセプトを印象づけ、悩み訴求、選ばれる理由、レッスン内容、インストラクター紹介、料金、FAQ、体験予約へ自然につながる流れを意識しました。

デザインのポイント

  1. 大人女性に届くやわらかな世界観

    余白を広く取り、淡い色味と写真を組み合わせることで、無理なく通えそうな安心感と上質感を表現しました。

  2. 体験予約につながる情報設計

    悩み、選ばれる理由、レッスン内容、料金、FAQの順に配置し、初めての方が不安を解消しながら予約を検討できる構成にしました。

  3. “整える”コンセプトが伝わるコピー

    単に運動をすすめるのではなく、姿勢・呼吸・身体の変化に寄り添う言葉を使い、スタジオの価値が伝わるようにしました。

ページの流れ

トップから順に、どんな順番で情報を見せているかをまとめました。画像を押すと、セクション全体を拡大して見られます。

  1. 01 / 05

    TOP

    メインビジュアルとキャッチコピーで、マシンピラティスの上質でやさしい世界観を印象づけました。

  2. 02 / 05

    Concept・お悩み

    スタジオの考え方とターゲットの悩みを提示し、共感から読み進めてもらえる構成にしました。

  3. 03 / 05

    選ばれる理由・Lesson

    少人数制、姿勢改善、落ち着いた空間などの強みを伝え、目的に合うレッスンを選びやすくしました。

  4. 04 / 05

    Instructor・Studio

    インストラクターの想いやスタジオ空間を紹介し、初めて通う方にも安心感が伝わるようにしました。

  5. 05 / 05

    Price・Voice・FAQ・Reservation

    料金、お客様の声、よくある質問をまとめ、最後に体験レッスン予約へつなげました。

こんなサイトを作りたい、
というご相談も。

新しくホームページを作りたい。今のサイトを見直したい。まだ内容が固まっていなくても大丈夫です。お話を伺ったうえで、いま必要なものだけをご提案します。

ご相談・お見積もりは無料です。