パーソナルジム｜LP（デモサイト）
HTML / CSS（SCSS）/ JavaScript
完全個室・マンツーマン指導のパーソナルジム向けランディングページです。「確実に結果を出す」高級感のあるブランドイメージを、ブラック×ゴールドを基調としたプレミアムなデザインで表現しました。お悩み訴求からコンセプト・プログラム・料金・お問い合わせまで、入会を後押しする導線を1ページに凝縮しています。
制作内容
- パーソナルジムLP（デモサイト）
- URL：https://www.gym-lp.wolfulldesign.com
- 対応：デザイン、コーディング、レスポンシブ対応
- ページ：1ページ構成（FV / お悩み / コンセプト / 特徴 / プログラム / トレーナー / お客様の声 / 料金 / ご入会の流れ / FAQ / お問い合わせ）
- 使用技術：HTML / CSS (SCSS) / JavaScript（フレームワーク不使用）
主な実装内容
- FVスライダー（PC・SP 画像切り替え対応 / 自動再生 / スワイプ対応）
- FAQアコーディオン
- 数値カウントアップアニメーション
- スクロールフェードインアニメーション
- お問い合わせフォーム
ご依頼の理由（想定）
- 新規開業にあたり、集客のためのWebサイトを作りたい
- 高級感・信頼感のあるデザインでブランドイメージを作りたい
- 無料体験の申し込みにつながる導線をしっかり設計したい
- スマホからの閲覧が多いため、スマホ対応を重視したい
PC画面
スマホ画面
