見出し画像

サイトレビュー

https://www.felissimo.co.jp/youmore/aquarium/

ターゲットは、可愛い小物、動物が好きな、若い女性。動物(というか海洋生物)好きに響くようなグッズのこだわりを見せつつ、揺らぎや曲線といった、海をイメージしやすいサイトデザインになっている。

海洋を思わせる「揺らぐ」デザイン

YOU+MORE!×水族館|フェリシモ - Google Chrome 2021_09_13 23_30_29

YOU+MORE!×水族館|フェリシモ - Google Chrome 2021_09_13 23_43_34

YOU+MORE!×水族館|フェリシモ - Google Chrome 2021_09_13 23_44_08

スクロール遷移は波線で移行。海洋写真に海を思わせる揺れのようなアニメーションがあり、水中の浮遊感をうまく表現している。ボタンやメニュー枠線も曲線を用いたデザインにしていることで、海遊の印象とともに、柔らかな印象も受ける。
海っぽいデザインは、水族館サイトではよくあるのかな、と思い、いくつか他の水族館サイトを覗いてみた。が、海の写真を用いたサイトはあるものの、アニメーションやボタンデザインから海っぽさを出したデザインのサイトは意外と少なく、水族館サイトの中でも珍しいのだな、と感じた。
水色を中心としたデザインにすることで、海っぽさに加えて、サイト全体が落ち着いた柔らかな印象になる。グッズの宣伝でありつつ、水族館の訴求も兼ねるサイトになっている。

導線を工夫することで、グッズの特徴を効果的に伝えている

YOU+MORE!×水族館|フェリシモ - Google Chrome 2021_09_14 1_47_23

YOU+MORE!×水族館|フェリシモ - Google Chrome 2021_09_14 1_47_24

海洋生物に模したデザインのグッズの写真を、パラパラアニメ風につなげることで、動きをつけ、遊び方を観ている人に伝えている。ぱっと見だと、海洋生物を模しただけのグッズの随所に工夫があることが伝わる。観ている人が、どんな使い方ができるのかをリアルに想像しやすくしている。
「モチーフとなる動物を見せる→グッズのパラパラアニメーション→グッズの詳細説明のブログ」という導線を作ることで、動物の生態を表現する、という飼育員のこだわりを、段階をわけて、観ている人に伝えるようにしている。

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