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選!

まだまだ寒い日が続きますが、暦の上ではもう「春」ですね〜。 ということで、今回は …

GWに行きたい!関東で開催しているフラワーイベント3選

もうすぐゴールデンウィークが始まりますね! 今年はどこに行こうとか、そろそろ予定 …

ロゴのスラッシュを使ったデザインがカッコいい「万建設興業」

栃木県那須塩原市にある住宅建築・分譲地販売をしている「株式会社万建設興業 YES …

黒と白を使ってカッコよさを演出したガレージハウス

山梨県北杜市にあるリゾート型賃貸ガレージハウス「八ヶ岳ガレージハウス」のホームペ …

ポップな色合いが楽しそうな「シェア畑」

畑を借りて野菜作りを楽しむ畑のレンタルサービス「シェア畑」のホームページです。 …

ファーストビューで対象者がわかるようにしたデザインの「椿音楽教室」

東京でピアノ教室など11の音楽教室を開講している「椿音楽教室」のホームページです …

ロゴを中央に配置し、グローバルナビを左右に分けた構成

ホットヨガスタジオ「loIve」のホームページです。 女性をターゲットにした暖色 …

可愛いイラストと写真で子供にも大人にも見やすいフロアマップ

福岡県春日市にある小児歯科医院「にこにこ小児歯科」のホームページです。 スライダ …

ビアガーデンらしくないデザイン

  都内のビアガーデンのサイトです。女性をターゲットに絞り、色合いを可 …

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

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