WebGallery

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

*

宇宙空間を表現するために、画面下から上に泡を出したりイラストをふわふわ浮かせたりしたイベントサイト

   

2017年3月9日の木曜日から6月28日まで、東京ドームシティで開催している「TeNQ第9回企画展 THE JOURNEY TO EUROPA 木星の月・エウロパへの旅」の特設サイトです。

ファーストビューのイラストがとても印象的なサイトです。
ふわふわと上下に浮くクラゲや宇宙飛行士のイラスト、下から浮いてくる気泡のイラストなど動きを使って浮遊感を表現しています。

スクロールするとコンテンツがゆっくりと表示されるようになっており、自分が不思議な空間に迷い込んだような感覚になります。
また、色々な大きさのクラゲや宇宙飛行士がたくさんの場所に配置されています。大きいものはぼかして奥行きをつけていて、画面に表示されたときに思わずドキッとしてしまいます(笑)
スクロールに合わせて上下にふわふわ動くのも面白いです!

 - 絵で表現 , ,

  関連記事

ロゴが映えるよう、色合いを抑えた京阪東ローズタウン

京都府京田辺市にある「京阪東ローズタウン」のホームページです。 タイトルやメニュ …

個性的な100年りんご達

長野県長野市にある農園「やまだい農園 100年りんご」のホームページです。 メニ …

和歌山にあるナチュラルチーズ専門店のサイトが、写真を際立たせたデザインで可愛い!

和歌山県紀の川市にあるナチュラルチーズ専門店「Copain de Fromage …

様々なところにハイビスカスのイラストを置いて、ハワイアンの空気を演出したイベントサイトがかわいい!

2017年の4月29日(土曜日)から5月7日(日曜日)までお台場のヴィーナスフォ …

「おもちゃ箱」をイメージしたテレビ朝日の新卒採用サイトが、ポップで面白い!

テレビ朝日の新卒採用サイトです。 鮮やかな黄色の背景色がとても印象的なサイトです …

時間帯によって背景が変化するアニメーション

燃料販売やガス供給などを行っている企業「株式会社 吉田石油店」のホームページです …

就活生から職人まで、自分に合ったメガネが見つかるかも!

眼鏡・コンタクトレンズの販売を行っている「メガネの愛眼」が、様々な生活シーンに合 …

コンテンツを1つ1つ大きくして見やすくする

  新潟にあるホテルのホームページです。コンテンツブロックの1つ1つが …

ロゴマークによってリンク先を変更する

厚木と海老名に在勤・在住のタウンライターがお届けする情報・webマガジン「nom …

淡路島のいいところが”ぎゅっと”まるごと

兵庫県立淡路島公園内にある「淡路ハイウェイオアシス」のホームページです。 画面上 …