ピラティススタジオ|LP

モックアップ画像:ピラティススタジオ「Body Flex Pilates」LP
概要
ピラティススタジオ「Body Flex Pilates」LP(架空)
制作目的
・会員 :レッスン予約数増
・非会員:新規会員登録数増
ターゲット
20代〜60代女性
担当範囲
デザイン
使用ツール・言語
Figma
制作時間
約︎︎4日
・ファーストビュー:約7︎時間
・料金表:リサーチ〜情報設計/ 約5時間、ワイヤーフレーム/ 約5時間、デザイン/ 7時間
制作時期
2024年9月
キャプチャ画像:配色・制作のポイント

配色

  • 白(#fff)・オフホワイト(#f3f3f3):明るく落ち着いた空間演出
  • 緑青(#1a93a8)・ペールグリーン(#e9f2f4):リラックス効果
  • ビビッドピンク(#ff598a)・ペールピンク(#f2a7c3):活力
  • テキスト:黒(#333):純粋な黒よりも やや明るく柔らかい印象を与え、デザインを より洗練された印象にするため採用。
キャプチャ画像:ピラティススタジオ|LP ファーストビュー

ファーストビュー / 制作ポイント

① 「体験・ご予約」ボタン

  • 体験レッスンや既存会員様の予約動線が必要と判断、設置。

② ロゴ

  • 筆記体「B」(スタジオ名頭文字):線のやわらかさ・流れるような美しさで、 女性の体の曲線美を連想させる。

③ メインキャッチコピー

ユーザーにお得感を訴求するオファー。最優先で強調するため、以下を工夫。

  • ビビッドピンク使用:緑青の 補色でメリハリをつけて 視認性向上活動的な印象演出のため。
  • 更に 「心」「体」色変更・ジャンプ率を高く

④ CTA(下部追従)

競合他社やヨガ・ジムとの差別化・サービスの特長を訴求。

  • ビビッドピンク使用:緑青の 補色でメリハリをつけて 視認性向上。活動的な印象演出のため。
  • 「0円」:ジャンプ率を高く。
  • CTAの上に 吹き出し+マイクロコピー「今なら初回レッスン0円!」
    「今なら」という期間限定の言葉で、新規登録を煽る狙い。
  • スクロール時、下部追従:CTAセクション到達前に、 ユーザーが「新規登録したい」と思ったタイミングですぐに登録可能にする狙い。
キャプチャ画像:ピラティススタジオ|LP 料金表①

料金表 / 制作ポイント

① 各コースへのページ内リンクタブ

  • ユーザーが欲しい情報を素早く届ける狙い。(縦スワイプのみで操作を完結させる設計で、情報量が多いため。)
    ★読解ストレスによる離脱防止
キャプチャ画像:ピラティススタジオ|LP 料金表②

② 各コース名:先頭のアイコン

  • 開講時間帯を視覚的に表現。 文章を読まなくても、すぐに認知してもらう狙い。

③ 推奨プランの強調

  • アイコン、価格、太い枠線、「おすすめ ! 」に緑青の 補色:ビビッドピンクを使用。
  • 「おすすめ !」をセリフ体+斜めラインで囲む:手書き文字のような抑揚が、ユーザーに よりメッセージを自分ごととして訴求。
キャプチャ画像:ピラティススタジオ|LP 料金表③

④ おすすめの方の例を提示

  • カクテルパーティ効果:自分に関連する情報や言葉に注意を向けられるという、心理的効果を応用。

    →具体的なシチュエーションを提示することで、コースがもたらす価値・利点をよりイメージしやすくする狙い。
  • 文頭チェックマークで箇条書き:「おすすめの方の例」というグループで 反復、強調

⑤ テーブル形式、1回あたりの価格

  • 長く通いたい人にとって、10枚券の方がお得なことを比較→訴求する狙い。
キャプチャ画像:ピラティススタジオ|LP 料金表④

④ 最大費用に取り消し線

  • アンカリング効果:割引後の価格の隣に、最大費用を併記。割引率の大きさを強調。

    →ユーザーに大きな割引を受けたと認識、商品をより魅力的に感じてもらう狙い。

⑤ テーブル形式、1回あたりの価格

  • 特に Instagram は女性に人気があり、別媒体のよる密な情報発信で、 店舗に対して親近感を持ってもらう狙い。
  • 本サイトの自然な拡散狙い:ターゲットの女性は、特にSNSでの口コミを購買決定の一要因とし、良いサービス・「映える」情報を積極的に拡散する傾向があるため。