NTTドコモ様_dカーシェア
NTTドコモ様_dカーシェア
2013.11.29

世界観に心を打たれるうっとりしてしまうサイトまとめ

野田

こんにちわ。野田です。

アニメーション、トランディションを使ったWebサイトが多くなってきましたね。
flashは減ってきていますが、HTML5が標準化され、Javascriptやcanvas、videoを使用したコンテンツ制作が増加し、ブラウザに関しましても、少しづつですが最新の技術に対応するようになりました。
アニメーションやトランディションをつけることで、Webでしか表現できないデザインや、使い方さえ間違いなければユーザビリティ強化への強い味方になります。

また、訪れるユーザーに対して、ブランドイメージ、雰囲気を伝える手法として、制作者の皆様は、様々なことを考えて制作していますね。
そういったことを考えながらサイトを訪れると、とても感情移入してしまい、涙腺をやられがちです。

今回は、私が涙腺をやられそうになったサイトをご紹介します。
どうぞ、うっとりしてください。

世界観にうっとりしてしまうサイトまとめ

清水へ参る道

清水へ参る道

http://feel.kiyomizudera.or.jp/

音、写真、映像、すべてのクオリティが高く、とてもブランディング力の高いサイトです。
すごい好きです。

Gaumont T.S. Spivet

Gaumont T.S. Spivet

http://spivet.gaumont.fr/l_histoire

映画のプロモーションサイトになります。
ナビゲーションの動きやデザインの雰囲気がとてもマッチしています。サイトで世界観を表現することで、知らない映画でも興味を持てますね。

THE ONE | BEYOND BY LEXUS Magazine | Lexus International

THE ONE | BEYOND BY LEXUS Magazine | Lexus International

http://www.lexus-int.com/jp/magazine/issue1/one/

細かいデザイン、動き、すべてに関してうっとりしてしまいます。
恐らく、制作者の方の次に滞在時間が長いのは僕です。

GOGO GOKASE

GOGO GOKASE

http://55gokase.jp/

結構前から公開されているサイトですが、本当に素敵なサイトだと思います。佐藤礼央さんと西田幸司さんも大好きですが、この雰囲気も大好きです。
初めて見た時は泣いてしまいそうでした。

Hotel

Hotel

http://www.hotelstyle.biz/

ダイナミックさや、細部まで作りこみが行われており、こだわりがみれるサイトですね。
デザインも素敵すぎます。

Take a tour of KathArt Interactive – award winning digital design agency

Take-a-tour-of-KathArt-Interactive-–-award-winning-digital-design-agency

http://www.kathart.dk/

少しだけ読み込みで待ちますが、オフィスの見せ方やメンバー紹介、制作実績を、一体感のある動きで見せています。
本当にうまいなと感じたサイトです。

Pharrell Williams – Happy

Pharrell Williams - Happy

http://24hoursofhappy.com/

Pharrellさんの「Happy」のプロモーションサイト 。
時系列で様々な人が踊っていて、何度も見たくなるサイトです。とくにクレジットの動きがとても好き。

Diesel – jeans, clothing, shoes, watches, apparel, underwear and sunglasses

Diesel - jeans, clothing, shoes, watches, apparel, underwear and sunglasses

http://www.diesel.com/intimate-fw13

ただ好きです。
見せ方が非常にうまく、何度もカーソル動かしたの覚えています。femaleしか見ていませんが。

まとめ

素敵なサイトばかりなので、滞在時間も自然と長くなってしまいますね。
今後どんなアイデア、どんな表現手法をもったサイトがあらわれるのか、期待したいと思います。

私自身も、頑張って行きたいと思います。