リブセンス
サイトイメージ
ポイント
1カラムから2カラムに変化
PC版では1カラムから2カラムに切り替わるアニメーションがつけられ、サブコピーが出現します。この文章量をあらかじめ見せると情報として重たくコンテンツも長くなってしまうところを、アニメーションで工夫しているのがとても素敵だと思いました。
カーソルの動きに合わせた多彩なアニメーション
カーソルの動きに合わせて背景に水が滲むような表現があり、それまで同化して見えなかった小さなアイコンが浮かび上がってくるのも素敵なアイディアです。会社のメインカラーが水色のため、まさに水のイメージに合ったアニメーションだと思います。
ナビゲーションも見やすい
グローバルナビゲーションは常に追従しているわけではなく、ある程度の位置で小さなアイコンに変化するため、ページ全体を広く見ることができる点も良いと思いました。
テキストリンクだけでは単調になりがちなグローバルナビゲーションですが、主に見せたいページは写真を用いるなど、どのコンテンツを優先的に見せたいかを視覚的にわかりやすくしています。
水と生きる💧