池田工務店

家を建てるワクワクを表現したようなアニメーション

ロゴのモチーフに使われている四角や三角、丸などのシンプルな形の組み合わせで表現したアニメーションは、家を建てる時のワクワクをビジュアル化したようでとてもかわいいです。

角丸を多く使用し、余白もしっかりとっているため、固くなりがちな青を中心としたカラーリングでも優しく、可愛らしい印象にまとまっています。

STUDIOで作成しているようですが、STUDIOの機能を存分に使って作成されたサイトだと思います。

目の動線を意識したデザイン

写真から写真へ伸びる矢印のアニメーションはコンテンツとコンテンツの間を繋げ、目線を下のコンテンツにも移動させるように計算されています。

この矢印のアニメーションに加えて、コンテンツとコンテンツの間にイラストを配置したり、キャチコピーを斜めに配置することで、コンテンツごとの区切りをはっきりさせずに、目の動きを意識したデザインを取り入れていると思います。