内田商店 特設ページ

https://uchidacorp.com/special/
内田商店

株式会社内田商店の「スキーマ建築計画」特設ページの実装を担当しました。
(他ページはすでに自社で実装・公開済み:https://uchidacorp.com

アニメーション

タイポグラフィのみのファーストビューはアニメーションにこだわり、スタイリッシュさや力強さが感じられるスピードや動きを他サイトなども参考にしながら熟考。

「It’s on!!」の部分は何かインパクトを残したいと思い、急ブレーキのようなアニメーションを提案したところ気に入っていただけました。

Journalセクションのホバーアニメーション:

矢印部分はsvgアニメーションを使用。

タイトルが下から出てくる動きについては、gridで実装することでtransitionもありのアニメーションが実現できました。

こちらはgsapプラグインを利用し、スクロールに応じたアニメーションを実装。

内田商店フッター前のエリア

担当範囲

WordPress構築、自社デザインをもとにコーディング、ベースの踏襲、テストアップ、公開作業

制作期間

3日ほど

タグ

Thank you for looking!