株式会社内田商店の「スキーマ建築計画」特設ページの実装を担当しました。
(他ページはすでに自社で実装・公開済み:https://uchidacorp.com)
アニメーション
タイポグラフィのみのファーストビューはアニメーションにこだわり、スタイリッシュさや力強さが感じられるスピードや動きを他サイトなども参考にしながら熟考。
「It’s on!!」の部分は何かインパクトを残したいと思い、急ブレーキのようなアニメーションを提案したところ気に入っていただけました。
Journalセクションのホバーアニメーション:
矢印部分はsvgアニメーションを使用。
タイトルが下から出てくる動きについては、gridで実装することでtransitionもありのアニメーションが実現できました。
こちらはgsapプラグインを利用し、スクロールに応じたアニメーションを実装。

担当範囲
WordPress構築、自社デザインをもとにコーディング、ベースの踏襲、テストアップ、公開作業
制作期間
3日ほど

