概要
本案件は、パーソナルジムの体験予約獲得を目的としたランディングページ（LP）のコーディングを行ったものです。
Figmaで作成されたデザインカンプをもとに、HTML・CSS・JavaScriptを用いて忠実に再現し、レスポンシブ対応およびアニメーション実装も行いました。
また、ユーザーの不安解消と行動促進を意識し、情報設計および導線設計を重視して制作しました。
ターゲット
・20代〜40代の男女
・ダイエットやボディメイクに関心がある層
・自己流のトレーニングに限界を感じている人
・短期間で成果を出したいと考えているユーザー
・運動初心者でジム利用に不安を感じている層
課題
・パーソナルジムに対する「料金が高い」「続けられるか不安」といった心理的ハードルが高い
・サービス内容やトレーニングの流れが分かりにくく、利用イメージが湧きにくい
・競合が多く、差別化が難しい
・体験予約までの導線が弱く、コンバージョンにつながりにくい
解決
・ファーストビューで成果イメージやベネフィットを訴求し、興味喚起を図る
・トレーニングの流れやサポート内容を段階的に説明し、不安を解消
・実績や特徴を整理して提示することで、他ジムとの差別化を明確化
・CTA（体験予約・問い合わせ）を適切に配置し、行動を促進
・スクロールアニメーションにより視認性を高め、最後まで読了される構成とした