見出し画像

webデザイン所感 動物系

動物系でまとめてみました

猫をもじったロゴが可愛らしい
“猫と暮らしていること”をコンセプトにしているため、
猫単体よりも風景と猫を写している
商品画像の配置の仕方がバラバラのように見えるけどすごくオシャレ
hoverで猫がいる状態になるのが良き

動物の可愛らしい動きをまとめた動画fv
あまりメジャーでない小豚の良さを端的に伝えるのに効果的
色彩は豚の体色でまとめている?

スクロールすると縮む肉球をイメージしたヘッダーアイコンが良き
タイトルに英語が使われているからかヘッダーの英字を自然に受け入れられる
サイドに動画を置くのも非常に良き、動画は相性が良い
単体の可愛らしい写真が多め

絵画のような加工が印象的でかっこいいfv
スクロールでフェードアウトしたり、
画像やテキストが徐々にスライドインしたりと動きが凝ってて気持ちいい
途中差し込まれるイラストも雰囲気が合っていて非常に良き

水族館のサイトなので今までのサイトとだいぶテイストが違う
若干画質を荒くした動画fvが非常に雰囲気が出ている
水族館のイメージにもつながる青系ですっきりとまとめられていて、
涼しげな印象を感じる

綺麗に四方を縁取られたfvが印象的だがテキストが隠れてるのはちょっと微妙
よく見るが、スクロールで新しくヘッダーが出現して上で固定されるのは良き
馬小屋を意識するあしらいも可愛らしい
地方なので地図を日本地図にしているのは良いアイディアだと思った

動物が枠になった動画fvが印象的、たまに動くシマウマが可愛い
スクロールで枠が縮むのは視線誘導にもなる良きアイディア
太めのセクションタイトルが大きく見やすくて良き
森の中をイメージさせる背景のデザインも素晴らしい

今までとだいぶテイストの違う大人びた印象のするサイト
左が画像とヘッダーで右にそれ以外を置いてるデザインでシュッとして見える
動画にドットのような加工が施されてるのも良き
マップが大きく表示されてるのも大事だと思った

所謂無限スクロールだが最初の時点で上にもスクロールできるのは面白い
ランダム配置のようで、見るたびに配置が変わって楽しい
hoverで名前が出るのがとても良きだが、游明朝フォント?が力強さを感じてさらに良き
化石発掘のページなど動画背景でとても印象的なのでもっと導線が欲しいところ

風景をメインに写した動画fvが美しい
順々に表示させてストーリー性を感じさせている、
この演出にゆっくりと画像を表示させるアニメーションは効果的
そのまま応募フォームに繋がるのも素晴らしい

比較
当然だが動物系といえどペット系とアミューズメント系と食品系で全く違った
ペット系はペット自身を可愛らしく見せることを心がけてる印象、
アミューズ系はアトラクション性を感じさせる演出が多く、
食品系は動物にフォーカスを与えてはいるがあくまで素材という印象だった
やはり動物だけに可愛らしく動く様子がみられる動画はとても相性がよく感じた

インパクトが強かった伊豆アニマルキングダムさんのサイトをサムネにさせていただきました

この記事が気に入ったらサポートをしてみませんか?