LP制作
制作サンプル
2026年2月
フィットネスジム入会促進LP
パーソナルトレーニングジムの新規入会を促進するランディングページ。ファーストビューのインパクトとCTAの最適配置でCV導線を設計。
Astro Tailwind CSS GSAP Formspree
デモを見る
https://cleverlab.lol/demos/fitness-gym-lp/
パーソナルトレーニングジムの「体験予約」を増やすことを目的としたランディングページの制作サンプルです。
広告からの流入を想定し、初めて訪れた方がページを読み進めるうちに自然と「体験してみたい」と感じる構成を目指しました。
デザインのポイント
ダークカラーの背景にオレンジのアクセントを効かせた、力強く洗練されたデザインです。
ファーストビューでは「3ヶ月で変わる、一生モノの体へ。」というキャッチコピーをトレーニング風景の写真とともに大きく配置し、ページを開いた瞬間に強い印象を残します。
セクションごとに明暗のリズムを変えることで、長いページでも飽きずにスクロールできるよう工夫しています。
工夫した点
01
3段階のCTA配置
ページの序盤・中盤・終盤それぞれで「体験予約」ボタンを表示。読み手の気持ちが高まったタイミングを逃さない設計です
02
会員の声
年齢・職業を併記したリアルな体験談で、「自分にもできそう」という安心感を演出
03
料金の前にFAQ
「きつくないですか?」「初心者でも大丈夫?」といった不安を先に解消してから料金を提示する構成
04
フローティングCTA
スクロール中も画面下部に予約ボタンを常時表示し、いつでも行動できる導線を確保
05
表示速度の最適化
モバイルの3G回線でもファーストビューが2秒以内に表示される設計