こんにちは、デザイナーのぺちこです。
みなさんは、Webサイトのローディングってどう思いますか？
もちろん、ローディング画面なんか出さずにサッと表示されるパフォーマンスの良いサイトの方が、ストレスがなくて良いのですが、私としてはローディング画面が出てくることも、ロード待ちをすることも特に違和感なく受け入れています。
それどころか、個人的にはローディング画面でどんな表現をしているのか、結構楽しみに見ているときもあります。
ロードが完了するまでの、ほんの数秒間。
その数秒間の中で、Webサイトの世界観が伝わってきたり、なんのサイトなのか想像ができたり、ローディングが終わるのがちょっと楽しみになってしまったり。今回は、そんな素敵なローディングアニメーションをまとめてみました。
そこそこ前のサイトもありますが、ローディングを見る！という新しい視点で読み進めていただけると幸いです～。
印象的なローディングアニメーション7選
CASIO Watch Tecnologies
http://www.casio-watches.com/technology/ja/.com/
CASIOの時計につめこまれた、さまざまなテクノロジーやものづくりへの想いが紹介されているサイトのローディング。
シンプルではありますが、ちゃんと時計の盤面になっていて、これだけで十分「時計」にまつわるサイトだということが分かりますね。
The Evolution of Diver’s Watches
http://www.seiko-prospex.com/sea/evolution
ローディングだけを見ると「なんだろう？」と思いますよね。
しかし、コンテンツを見れば一目瞭然、これは深海の水圧にも耐えられるダイバーズウォッチのプロモーションサイト。実際に時計を海深くまでもっていった実験の様子が展開されています。
このローディングは、その海の泡。ローディングにも世界観を取り入れた素敵な事例です。
La plus GRANDE CAVE a BIERES du MONDE
http://fetedelabiere.promo-agency.com/evolution
※現在このページは表示できません。
こちらはフランスのスーパーマーケットチェーン「E.Leclerc」が毎年開催しているビールフェアのプロモーションとして作られたサイト。
サイト上でアイテムを探し出すゲームができるのですが、かわいらしいイラストの雰囲気や動き、フェアのワクワク感などが、ローディングのキャラクターにも現れています。
Weber BBQ Cultures
http://www.bbqcultures.com/en_GB/intro
※現在このページは表示できません。
BBQグリルなどの製品を取り扱っている「Weber」によるプロモーションサイト。
ローディングは見てのとおり、BBQグリルです！煙のゆらめきがかわいらしく、製品そのものというよりもBBQを楽しむことにフォーカスがあてられた、すこしワクワクするような感覚がありますね。余談ですが、わたしはこのサイトがとても好きです。
Corona Extra
こちらはコロナビールのサイト。
「リゾートビール」「サンセット」というコンセプトにぴったりの、海に沈む夕陽と波の動きが表現されたローディングがとっても素敵です。夏だな～～～。
LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。
