まるで映画!動きが面白い&大胆なWEBサイト10選!!

こんにちは、WEBデザイナーのANAです。

 

今回はまるで映画!動きが面白い&大胆なWEBサイト10選をご紹介したいとおもいます。

 

今年は、ユーザーが使いやすいことはもちろんのこと、さらに進化したパララックスや、色使いがパステルカラーがトレンドといわれていますが、みなさんはどんなWEBサイトが好きですか?

 

昔のように最近はただ画面上に表示するだけではなく、見せるところはしっかりと見せつつもUX/UIを意識した体験型のWEBサイトが増えてきています。

 

ご紹介する10選の中にお気に入りのサイトが見つかるかもしれません♪

ぜひ見てみてください。

 

 

 

1.羽田ターミナル60周年を記念したサイト

 

1

【URL】http://haneda-terminal60th.jp/

 

歴史を感じさせるサイトのつくりになっています。

年代を円で表現し、私たちが普段利用している羽田ターミナルが歩んできた歴史をしっかり伝えています。

とてもユーモアのあるサイトです。

 

 

2.神戸市×攻殻機動隊新劇場版のコラボサイト

 

2

【URL】http://kobekokaku.jp/

 

士郎正宗さん原作の『攻殻機動隊』というアニメとこのアニメが舞台になった兵庫県神戸市のコラボサイトです。

数字が羅列する画面が終わるとまるでゲームのように3Dに世界に引きずり込まれます。

ナビゲーションも立体的で、ユーザビリティはしっかりしているのに、動きの多いわくわくするサイトです。

 

 

 

 

3.ANA×スターウォーズのコラボサイト

 

3

【URL】http://ana-planet.com/

 

自分が宇宙にいるような感覚を覚えるとてもクオリティの高いWEBサイトです。

自分の行きたい国をクリックすると場所によっては飛行スケジュールを見ることができます。

またスターウォーズファンにはたまらない、ゲームを集めるといったゲームも盛り込まれていた全体的に楽しめるサイトとなっています。

 

 

 

4.The Boat

 

4

【URL】http://www.sbs.com.au/theboat/

 

パララックスがここまで進化したのか…!とびっくりさせられるWEBサイトです。

スクロールしていくと物語がはじまります。まるで映画ですね…!すごい!

長いですが読める人は最後まで読んでみてください!

 

 

 

5.かまぼこのサイト

 

 5

【URL】http://kama1000.jp/

 

なんともユーモアのあるかまぼこのサイトです笑

見た瞬間からなんだか笑ってしまいました。とってもおもしろい笑

しかもキャッチフレーズなどの言葉のチョイスも私的にはすごく好きです。

インパクトのある言葉。

そして何より最初から最後までかまぼこ尽くしなのにかまぼこ感をまったく感じさせない面白いサイトです。

 

 

 

6.NHKスペシャル!新・映像の世紀

 

 7

【URL】http://www.nhk.or.jp/special/eizo/

 

このサイトも最初みて忘れられなかったインパクトの強いサイトです。

細かいところまで動画の配置にこだわってつくられているかなりすごくサイトだと思います。

NHKさすがですね。マウスの動きも使いやすいし、アプローチの仕方も抜群。

クリックしてみてみてください。

 

 

 

7.MUSIC FOR A  DYING STAR

 

6

【URL】http://almadyingstar.jp/

 

南米チリの砂漠にある世界21の国と地域が共同で作り上げた史上最大規模の電波望遠鏡「アルマ望遠鏡」のWEBサイトです。

幻想的で見るものを魅了します。思わず闇の中に吸い込まれてしまいそう。

ふわふわと漂う星になった気分です。

 

 

 

8.北千住デザイン

 

8

【URL】http://kitasenjudesign.com/

 

北千住をベースに活動するデザイン集団「北千住デザイン」のWEBサイト。

ユーザーインターフェイスはシンプルなのに、掲載されているコンテンツの数と多彩さが、見ている側を圧倒するびっくりするWEBサイトです。

これだけ掲載作品数があれば、制作者の得意分野や技術力も伝わってきますね~。感無量です。

 

 

 

9.田渕 将吾さんのポートフォリオサイト:s5-style

 

9

【URL】http://www.s5-style.com/

 

S5-Styleは田渕 将吾さんのポートフォリオサイトです。

サイトひとつを見せるにも細かくこだわっているWEBデザイナーらしいWEBサイトだと思います。

田渕さん自身、

  • Art Direction
  • Web Design
  • Frontend Development
  • Illustration

といっていてとにかくなんでもできる人なんですね~。尊敬します。

私もしっかりしたポートフォリオ作らなきゃ!

 

 

10.スイスの航空会社のWEBサイト

 

10

【URL】http://www.world-of-swiss.com/ja

 

も~う!どんどんスクロールしたくなるすごい面白いサイトです。これもパララックスが進化してますね。

こういったものを見るとWEBでできないものはもうないんじゃないかと思ってしまいます。

アプローチの仕方を変えれば、どんなことでもできそうですよね!

 

 

 

みなさんもおもしろいWEBサイトを見つけてみてくださいね♪

 

それではANAでした~!