こんにちわ。野田です。
アニメーション、トランディションを使ったWebサイトが多くなってきましたね。
flashは減ってきていますが、HTML5が標準化され、Javascriptやcanvas、videoを使用したコンテンツ制作が増加し、ブラウザに関しましても、少しづつですが最新の技術に対応するようになりました。
アニメーションやトランディションをつけることで、Webでしか表現できないデザインや、使い方さえ間違いなければユーザビリティ強化への強い味方になります。
また、訪れるユーザーに対して、ブランドイメージ、雰囲気を伝える手法として、制作者の皆様は、様々なことを考えて制作していますね。
そういったことを考えながらサイトを訪れると、とても感情移入してしまい、涙腺をやられがちです。
今回は、私が涙腺をやられそうになったサイトをご紹介します。
どうぞ、うっとりしてください。
世界観にうっとりしてしまうサイトまとめ
清水へ参る道
https://feel.kiyomizudera.or.jp/
音、写真、映像、すべてのクオリティが高く、とてもブランディング力の高いサイトです。
すごい好きです。
Gaumont T.S. Spivet
https://spivet.gaumont.fr/l_histoire
※現在はサービスを終了しています。
映画のプロモーションサイトになります。
ナビゲーションの動きやデザインの雰囲気がとてもマッチしています。サイトで世界観を表現することで、知らない映画でも興味を持てますね。
THE ONE | BEYOND BY LEXUS Magazine | Lexus International
https://www.lexus-int.com/jp/magazine/issue1/one/
細かいデザイン、動き、すべてに関してうっとりしてしまいます。
恐らく、制作者の方の次に滞在時間が長いのは僕です。
GOGO GOKASE
https://55gokase.jp/
※現在はサービスを終了しています。
結構前から公開されているサイトですが、本当に素敵なサイトだと思います。佐藤礼央さんと西田幸司さんも大好きですが、この雰囲気も大好きです。
初めて見た時は泣いてしまいそうでした。
Hotel
https://www.hotelstyle.biz/
※現在はサービスを終了しています。
ダイナミックさや、細部まで作りこみが行われており、こだわりがみれるサイトですね。デザインも素敵すぎます。
Take a tour of KathArt Interactive – award winning digital design agency
少しだけ読み込みで待ちますが、オフィスの見せ方やメンバー紹介、制作実績を、一体感のある動きで見せています。
本当にうまいなと感じたサイトです。
Pharrell Williams – Happy
Pharrellさんの「Happy」のプロモーションサイト 。
時系列で様々な人が踊っていて、何度も見たくなるサイトです。とくにクレジットの動きがとても好き。
Diesel – jeans, clothing, shoes, watches, apparel, underwear and sunglasses
https://www.diesel.com/intimate-fw13
ただ好きです。
見せ方が非常にうまく、何度もカーソル動かしたの覚えています。femaleしか見ていませんが。
まとめ
素敵なサイトばかりなので、滞在時間も自然と長くなってしまいますね。
今後どんなアイデア、どんな表現手法をもったサイトがあらわれるのか、期待したいと思います。
私自身も、頑張って行きたいと思います。
LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。
