WebGallery

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

*

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

   

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

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

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

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

 - 色で表現 ,

  関連記事

バリ取り職人のサイトがスタイリッシュでカッコいい!静岡県浜松市の「藤本工業株式会社」

静岡県浜松市にあるダイカスト製品のバリ取り業務・外観仕上げ(バフ研磨)・ショット …

ボックスでまとめられた情報で、レイアウトをすっきりさせる

墨田区にある接骨院「立花接骨院」のホームページです。 すごく可愛らしいデザインの …

参考にしたい!グラデーションを使ったwebサイト5選!

最近はグラデーションを使ったデザインのwebサイトをよく目にします。色鮮やかなグ …

色んな大きさの写真を配置することで、シンプルだけどボリュームのあるデザイン

岡山県観光土産品協会が運営する「観射亭」のホームページです。 緑を基調としたとて …

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

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

赤と白のおめでたい配色が綺麗!なお米の販売サイト

「新潟米 新之助(しんのすけ)」のホームページです。 赤と白の背景がとても綺麗な …

左に写真、右にコンテンツの珍しいレイアウトの大学のwebデザインがカッコいい!

東京都世田谷区にある「東京農業大学」のホームページです。 2カラムに分かれた珍し …

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

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

お店の世界観を大切にしたサイトがかっこいい!

モードとカジュアルを融合させたセレクトショップ「LOVELESS」と「GUILD …

雲の上にお酒があるような幻想的なトップ

白鶴酒造株式会社のブランドサイト「超特選 白鶴 天空」のホームページです。 天空 …