パーソナルトレーニング

パーソナルトレーニング
URL 公開不可
Basic認証-
担当範囲コーディング
制作期間1週間
使用言語 HTML, Sass
デザインツールPhotoshop
ポイント
  • point 1 パララックス背景

    デザインカンプはスマホ幅のみのため、タブレット・PC幅ではよしなに。
    背景画像をスクロールに対して固定し、 中央のコンテンツが動くときに奥行きが出るように演出しました。

  • point 2 目を惹くCTAボタン

    keyframesを使用したアニメーション。
    黒やゴールドを基調とした重厚で洗練されたLPのため、コンセプトを邪魔しない動きを意識しました。

  • point 3 ファビコンの作成

    ファビコンのデザインがなかったため、Canvaでサンプルを作成してご提案。
    そのままご採用いただきました。

全体イメージ