概要

WordPressブログのトップページのみ制作。デザイナー制作のカンプをもとに front-page.php で実装。ヘッダーフッターは既存を流用。

解決したい課題

• スライダーでサービス概要を表示したい
• 文章を読む上で気が散らない程度にアニメーションを実装したい

ターゲット

20代〜30代の子育て中の女性

デザイン

デザイナーにて作成

構成

Keyframeでアニメーションを実装：読み込み直後に上部の鳥が飛来、雲が上下にふわふわ動き、スクロールに合わせて左右から虹がかかる。
スライダーはSwiperを使用。

制作期間

コーディング：3日 / CMS実装：1日 /アニメーションのすり合わせに3日
※事前にテストサイト上にアニメーションサンプルを作成し、クライアント・デザイナーで確認し選択されたものを実装