Overview
プロジェクト概要
パーソナルジム「comme（コム）」の体験予約用ランディングページを制作しました。最初の画面にトレーニング中の写真とコピー「Be the New you.」を置き、マンツーマン・完全個室・女性トレーナーなど6つの特長をアイコンで示しています。メールフォームとLINEの2つの問い合わせボタンは、ページ内に繰り返し配置しました。
メディア掲載の紹介と悩みへの共感に続けて、5つの強み（トレーナーの実績、習慣化させるメソッド、食事を楽しむ栄養管理、完全個室での両トレーニング、予約の取りやすさ）を写真付きで説明しています。後半には、3ステップの体験の流れ、料金プランの表、利用者の声とビフォーアフター、Q&A、アクセスを掲載しました。ディレクションからデザイン、コーディングまで、RuxelTechチームで対応しました。
- 業種
- フィットネス・パーソナルジム
- ロール
- ディレクション / ページデザイン / コーディング
- 技術
- HTML / CSS / レスポンシブ対応 / ランディングページデザイン / コーディング
PAGE — ページ全体
スタイリッシュな配色で、本格的なジムの印象を伝える
ランディングページ全体を、PC版・スマホ版で掲載しています。ダークグレーとベージュにライムのアクセントを効かせ、斜めのラインで動きを出しました。強みは番号付きで順に見せ、料金やQ&Aなど予約前に確認したい情報をページ後半にまとめています。
- 6つの特長をアイコンで一覧表示
- 5つの強みを番号と写真で説明
- 体験の流れ・料金プラン・Q&A
- メールとLINEの問い合わせボタンを繰り返し配置
全体をスクロールしてご覧いただけます
Results
成果
ジムの強みと体験の流れ、料金を分かりやすく伝え、体験予約・相談へつなげるLPとして制作しました。
Tech Stack
HTMLCSSレスポンシブ対応ランディングページデザインコーディング