Facebook 【練習】ランディングページ
Logo

【練習】ランディングページ

クレジット
Avatar
デザイナー
【練習】ランディングページ-1
シェア
制作ノート
制作内容

■架空サイトのテーマ

【業種】

  • スポーツジム

【目的】

  • スポーツジムの会員を増やしたい(新規会員の増加)→入会に繋げる

【ターゲット】

  • 20代~50代男性のトレーニー(トレーニング好き)
  • トレーニングが日課となっている
  • 設備の充実度がジム選びの基準

■情報

【ペルソナ】

  • 30代男性(一般会社員)
  • 体を鍛えており、週3~4回ジムに行っている
  • 休日(日中)以外にも仕事前(早朝)や仕事終わり(夜)の時間帯も気軽に行けるジムを探している
  • 家トレでは出来ない器具などを使って多くの種類が行えるジムが理想

【ビジュアルデザイン】

[コンセプト]

  • ジムのイメージ(黒系)/高級感(少し)/簡潔性

[配色]

  • ジムのカラーや雰囲気(内装)が黒系なので全体的に黒でカバーし、高級感も感じられるようにした
  • 見出しにはゴールド系を使用し高級感を出した

[フォント]

  • 明朝体ではなくゴシック体で現代的なシンプルさを印象付けた

■ポイント

【ファーストビュー】

  • ジムの内装をモノクロで表現し、クール感や優雅さを創出

【フェードイン】

  • Pointセクション内のテキストをスクロールに応じてフェードインさせた。少しのアニメーションを加えることでサイトに高級感をもたせた

【画像(ジムの内装)】

  • Pointセクションでジムの特徴(設備の充実)を伝え、その直後にギャラリー的なレイアウトでジムの内装を載せることでジムのアピールポイントを強調した

【全体的なデザイン】

  • 全体を通してマージンを大きく取り、ゆったりとしたレイアウトにすることで高級さを感じられるデザインに

【CTAボタン】

  • ホバー時に背景色と文字色を変更し、"CTAボタン"であることをユーザーに認識させた
シェア
Yoshihiko Hirashimaの他の作品