view_mode =

1/

all_categories=

PC表示

全体を落ち着いたグリーンを基調とすることで、自然や環境問題をテーマとしたサイトだということをわかりやすく表現している。

一方で、訴えたいテキスト部分にはアニメーションを加える、ボタンのホバーアニメーションも葉っぱが靡くような動きを取り入れる、ページ遷移時には各ページのメインビジュアルの動きを変えるなど、堅苦しくなりがちな問題のなかにも柔らかさを取り入れている。

スマホ表示

ページ遷移時の切り替えアニメーションが、URLが変わったとは思えないほどのスムーズさ。制作者の努力が感じられる。

ハンバーガーメニューの表示もただ全体的に上から降りてくるだけでなく、テキストも同じように動く部分はぜひ参考にしたい。

株式会社ユートピアアグリカルチャー

https://www.utopiaagriculture.com

credit=