ロゴマークにマウスをホバーさせるとアニメーションになる仕組み

東京都台東区にあるランドセル工業会が運営している「ランドセルくらぶ」のホームページです。

全体的にコンテンツの背景を丸く切り取り、優しく暖かいデザインになっています。背景のクリーム色や手書きのイラストがまた良いですね。

画面左側のロゴマークはマウスをホバーさせるとアニメーションに切り替わるようになっており、背景のキラキラ部分が様々な配置になりロゴマークが輝いているようにも見えます。その下にあるメニュー部分は、コンテンツの囲いの上に学校のイラストを載せたり、ホバーさせて点線を表示させることでランドセルの縫い目を連想させるデザインにしたり、学校をイメージさせるデザインだと感じました。

ランドセルを選ぶコツやランドセルのお手入れ方法など、ランドセルについての様々な情報が掲載されており見やすいだけでなくとても面白い情報がたくさんあります。意外と知らない正しいランドセルの使い方など参考になりますね。