WebGallery

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

*

フルスクリーン動画が迫力ある水族館は、サメやエイに触ることも出来る!?

      2016/07/06

名称未設定 1

大阪府大阪市にある世界最大級の水族館で、平成25年の3月14日に開設された「海遊館 新体感エリア」の特設サイトです。

トップのフルスクリーンで表示される映像がとてもインパクトのあるサイト。ジンベエザメが口を開けて魚と戯れる姿は圧巻です。
下にスクロールすると画面左側から文章が現れる仕組みになっていて、背景の写真に埋もれないように文字に影をつけています。背景の壮大な写真と合わさって幻想的なデザインですね。

また、Twitterと連携して各エリアに訪れた人のコメントを紹介しています。ただ掲載するのではなく泡を背景にして掲載することで透明感が出て、より涼しげなデザインになっています。

「北極圏」・「フォークランド諸島」・「モルディブ諸島」の3つの地域を再現したエリアでサメやエイなどの海の生物に触ってみたり、北極の気温を肌で感じてみたりと、見て聞いて触って楽しむことが出来る、まさに「新体感」のエリアになっているそうです。
暑い日がまだまだ続くなか、涼しい水族館でゆっくり癒されたいですね!

 - 動きで表現 , ,

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

東京メトロとコラボしたフラットデザインなドラえもんが可愛い!

東京メトロとドラえもんがコラボし、4月1日からスタートしたキャンペーン「すすメト …

ジャンプ率の差を大きくしてタイトルを目立たせたツアーサイト

「UNISON SQUARE GARDEN」の6thアルバムツアー「Dr.Izz …

「ACSL」のサイトのフライトシミュレーションがとにかくスゴい!

「ACSL|株式会社自律制御システム研究所」のホームページです。 ファーストビュ …

ひし形のグリットを使って、授業風景などの写真を紹介している倉敷芸術科学大学のサイトがおしゃれ!

岡山県倉敷市にある大学「倉敷芸術科学大学 芸術学部」のサイトです。 ファーストビ …

トップの部分だけでなく、色々な場所で背景に動画を使用する

毎年夏に東京ビッグサイトで行われるアートイベント「万国學生藝術展覧祭 學展」のホ …

五円玉のようなコインが印象的な「goen゜」

森本千絵さんを主宰としたデザイン事務所「goen゜」のホームページです。 ファー …

タイトル部分に動きをつけて目立たせる

愛知県名古屋市にある和菓子屋「一朶」のホームページです。 縦長のシングルページの …

今後の参考に!スタイリッシュなアニメーション効果を使ったサイトをご紹介!

コーディングをしているときに「どんなアニメーションをつけようか」と考えるのが1つ …

ページの所々にアニメーションを使った「一時お預かり専用託児所 はないと」

愛知県名古屋市にある「一時お預かり専用託児所 はないと」のホームページです。 メ …

猫!

  サイトを開けた途端猫がお出迎えしてくれます。しかもこの写真、日替わ …