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

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























