WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

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

   

名称未設定 1

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

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

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

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

 - 動きで表現 , ,

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

車の世界観に合わせたデザインがグッとくる!「Make Your own RENOCA」のサイト

トヨタのランドクルーザーとハイエースの専門店を全国展開する「フレックス」が、リノ …

一つのコンテンツで二つの情報が見れる

10月24日から行われるイベント「Any Tokyo 2015」のホームページで …

壮大なスケールを感じさせるデザイン

  見た瞬間発狂しました。「ICO」や「ワンダと巨像」の制作を手掛けた …

グローバルナビよりも目立った言語切り替えボタン

熊本県にある有限会社「球磨川ABC」のホームページです。左側に固定された言語選択 …

多彩なアニメーションを使ったサイト

  私が言っていいものかどうか分かりませんが、懐かしきCyndi La …

水色と黒を使用し、近未来感を演出したデザイン

メルセデス・ベンツとPerfumeがコラボレーションしたメルセデス・ベンツのiP …

愛媛ならではのサイクリングコースを紹介した「ゆっクル」

愛媛ならではの温泉めぐりのサイクリングコースを紹介している「湯めぐりサイクル」の …

おバカなジェリービーンズたち

  一時期話題になった動画のWebサイトです。現在ではアプリゲームもあ …

文字を光らせ幻想的な世界観を創造する

  えのすい(新江ノ島水族館)で行われるナイトワンダーアクアリウムの特 …

京都にあるチョコレート専門店のサイトが、可愛くて美味しそう!

京都にあるローチョコレート・ビーントゥバー専門店「KYOTO COCO」のホーム …