WebGallery

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

*

映画の雰囲気を大切にしたデザイン

   

%e5%90%8d%e7%a7%b0%e6%9c%aa%e8%a8%ad%e5%ae%9a-1

2016年の9月1日から公開されている映画「グランドイリュージョン 見破られたトリック」のホームページです。

ファーストビューでは、映画の見どころの部分を背景として利用しています。実際にイリュージョンをしている場面や、前作の主要メンバーが登場する場面、さらに世界最強の魔法使いハリー・ポッターを演じた「ダニエル・ラドクリフ」が今度はエンジニアとして登場する場面など、前作を見ている人は「前作以上のスケール」に、この映画を初めて見るという人も、「カッコいい!」と思う演出にワクワクしてきます!

トップページの1番下のスタッフ紹介部分では、5つのコンテンツに分けて説明しているのですが、トランプを使ってページナビを表示させたり細かい所にも気を遣っています。そのページにいるときにはカードが表になって数字が表示されます。他のトランプをクリックすると前の場所にいたトランプが裏になり、クリックされたトランプが表になります。
まるで自分がカードをめくっているような演出も、自分が映画に出ているような気分になりますね!

 - 色で表現 ,

  関連記事

配色で透明感を出す

  東京にある不動産会社のホームページです。全体的に水色と白で構成され …

ロゴカラーでデザインされたものづくり企業のサイトがカッコいい!

新潟県三条市に本社をかまえる、キッチン雑貨・収納家具・住宅設備・家庭用品の専門家 …

ページの1番上にも、アクセスページに移動できるボタンを配置する

福井県越前町の観光情報を紹介する「えちぜん観光ナビ」のホームページです。 画面に …

施設やスクールごとで料金表を表示するページを分けて、スマートフォンからでも見やすいように

長崎県にある長崎サンセットマリーナ株式会社が経営している「サンセットマリーナ」の …

ロゴに合わせたイラストで可愛らしさを

  熊本県にあるカフェのWebサイトです。茶系のカラーリングで落ち着い …

スマートフォンからでも情報が伝わりやすい

  コガノイベイホテルの公式サイトです。全体的に情報量が多いのですが、 …

細いフォントでスマートな感じを出す

    青色を使ったサイトです。アニメーションを用いたボタン …

カラフルなデザインで、親しみやすさを感じる塗装会社のサイトがポップで可愛い!

東京都府中市にある塗装会社「セイワ株式会社」のホームページです。 ファーストビュ …

画面幅いっぱい使った大胆なレイアウトと青の配色で、信頼感のある建築系サイト

東京都品川区に本社をかまえ、計装の工事を行っている「中央計装」のホームページです …

対象の商品の背景を伝えるストーリーなどがしっかり伝わるようにした「USIO DESIGN PROJECT」

「USIO DESIGN PROJECT」のホームページです。 水色を基調とした …