フィットネスジムLP - Webデザイン

OVERVIEW

スクール課題で女性向けフィットネスジム「Glow Fitness」のLP(PC/SP)をデザインしました。(自主制作)

OVERVIEW

・ 女性のためのフィットネスジム 【GlowFitness】
・ ジムで期間限定、入会費無料キャンペーンを実施するので入会を促すランディングページを作ってほしい。(通常は入会費¥5,980)

( ※スクール課題のため、実在しません。)

TIMELINE

3日間

ROLE

Webデザイナー

TOOLS

Figma

TAEGET

20代~30代の女性、主婦、OL

GOALS

・ジムで期間限定、入会金無料キャンペーンをするので、入会を促すLPを作る

KEY DESIGN

情報設計

  • お問い合わせ件数の向上のため、CTAをFV、FV直下、フッター前の3か所設置しました。
  • ユーザーが実際にジムを使用しているところを想像しやすいように写真をいくつか載せています。
  • Zの法則での視線誘導を意識しつつ、できるだけすっきりまとめて、スタイリッシュさを壊さないように気を付けました。

デザイン

  • 日本語テキストは可読性の高いNoto Sans JPを選びました。また、英文テキスト はスポーティーなイメージを出すため、NIKEにもつかわれているFurutaを選びました。
  • ジムのLPなので、エネルギッシュなインターフェースがユーザーのモチベーションを高めると思ったので、斜めに大胆なあしらいを入れました。

  • 初心者でも楽しめるということを表現するために、FVには本格的なトレーニングシーンの写真ではなく、笑顔+ストレッチ的なシーンの写真を採用しました。
  • エネルギッシュでパワフルな印象をだすために、コントラストが高く原色に近い色を用いた配色にしました。
  • ボタンサイズは大きめで統一し、一貫性を意識しました。


Landing Page - PC

SP


Figma File