WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

映画の世界観を再現!サイトもスタイリッシュな「スパイダーマン:スパイダーバース」

   

2019年3月8日の金曜日に公開された「スパイダーマン:スパイダーバース」!
今週の木曜日にやっと見ることが出来ました!とにかく全てがスタイリッシュでカッコいい映画でした…様々な世界線のスパイダーマン・スパイダーウーマンが1つの世界に集結し力を合わせて元の世界に帰るため奮闘するお話になっています。
スパイダーマンが糸を出すたびに「THWIP!」と出たりコマ割りのように映像が切り替わったりと、漫画をそのまま映像化したような見せ方でとってもオシャレです。
ただ情報量が多くて1度見ただけでは全て理解できなかったのが悔しいところでした…それでも最初から最後まで興奮しっぱなしの映画でした!

このサイトはピンクと水色のグラデーションを使用した特徴的な色使いのデザインになっています。スパイダーグウェンの着ているスーツの色合いを連想させますね!(彼女の靴が今回トゥーシューズになっているのが最高に可愛い!)
キャラクターの配置や背景の切り方なども漫画っぽく切り取られていてとってもオシャレなファーストビューになっています。

 

こちらは「INTRODUCTION」のページですが、主人公のマイルズがニューヨークの街に吸い込まれるようなイラストが全面に配置されています。
カーソルを動かすとマイルズや背景のニューヨークの街並みも合わせて動く仕組みになっていて、より遠近感・そして躍動感のあるページになっています。
このイラストに要素があまり重ならないよう、サブページはメニューがしまわれている状態なのもいいですね!
最大の見せ場の1つであるシーンを使用することで見たあとでも楽しめるサイトになっているのですね…感動的です…
(公式のTwitterでは映画を制作するにあたってのメイキング映像や解説なども掲載しているので、映画を見た人は必見です!)

 - イベント系サイト, 色で表現 , , ,

  関連記事

フラットデザインだけど、グラデーションの処理を1人1人違ったものにして印象強くしている学習塾の特設サイトがカッコいい!

東進ハイスクールが提供している特設サイト「SEKAI ぼくらの未来を広げるWEB …

淡いカラーテイストと動くアニメーションで親近感のあるデザインに

大分県杵築市にある耳鼻咽喉科「いちみや医院」のホームページです。淡い色使いと可愛 …

幻想的な空間のファーストビューが綺麗なイベントサイトがおしゃれ!

2017年7月8日の土曜日から10月1日の日曜日まで、東京都品川区にある「アクア …

写真や色を使って華やかな雰囲気を表現した生花店

東京都府中市にある生花店「花智」のホームページです。 トップページの綺麗な花の写 …

パッケージデザインを活かした化粧品のサイトがおしゃれで可愛い!「資生堂 recipist」

20代前半の女性をターゲットにした、スキンケア商品「資生堂 recipist」の …

鮮やかな色だけど安心感のある自動車販売店

自動車販売店「Big Wave(ビッグウェーブ)」のホームページです。 パッと見 …

地域に根ざした安心感のある工務店

岐阜県岐阜市にある工務店「住マイル日和」のホームページです。 サイト全体が茶系の …

犬との絆がもっと深まりそうな犬用ウェアラブルデバイス

犬用ウェアラブルデバイス「INUPATHY(イヌパシー)」のランディングページで …

思わず飲みたくなる!ビールのイベントサイト

2017年4月28日の金曜日から5月7日の日曜日までお台場の「シンボルプロムナー …

水色をしようしたり、波線を使うことで海沿いの会場の雰囲気を演出したマルシェ

毎月第3土曜日・日曜日に横浜市北仲通北地区で開催されている「Yokohama K …