WebGallery

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

*

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

   

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

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

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

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

 - 色で表現 ,

  関連記事

彩度や明度で印象が変わる!背景色に赤を使った大胆なサイト3選!

近ごろは朝晩と寒くて昼は日差しが強く暑い…なんて日が続いていますね。寒暖差が激し …

パンやスイーツの種類を見やすくカテゴリで分ける

北海道の釧路市にあるパン屋さん「Pan de pan」のホームページです。 お店 …

白と黒の配色で、店舗の写真を際立たせるデザイン

広島県広島市で6店舗の美容室や花屋・カフェなどを展開している「RUTH grou …

後ろのアイコンが流れるのに対し、赤十字マークと中央の文字は動かさずに立体感をだす。

島根県日本赤十字社「益田赤十字病院」のホームページです。 トップページの赤い色が …

3つのパートで構成されたオープンシティ戦略

「#オープンシティ釜石」のホームページです。 大きく3つのコンテンツに分かれてお …

ロゴカラーを使った配色で、シンプルなレイアウトと洗練されたデザインの「グローウィン・パートナーズ」

東京都千代田区にある「Growin’ Partners(グローウィン …

イラストを使った可愛いサイトがいっぱい!歯科関連のwebサイト5選!

インフルエンザが流行っていますね… 私もかかってしまいましたが、インフルエンザに …

ロゴカラーで統一された心療内科クリニック

埼玉県さいたま市にある心療内科クリニック「新都心むさしのクリニック」のホームペー …

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

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

検索のユーザビリティを高めたデザイン

  Renottaの公式ホームページです。全面的にリニューアルし、どの …