WebGallery

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

*

観光スポットの動画を最初に配置することで、イメージが伝わりやすい

      2016/05/20

名称未設定 1

AB-ROADが運営する「思い立ったら、旅日」の特設サイトです。現地の見どころやツアー情報などが、アジア・ハワイ・ヨーロッパ・中東・オセアニア・中南米・北米の、7つの地域で分けて掲載されています。

それぞれの国の見どころを紹介している部分では、飛行機が上から飛んできて、文字の上を飛んでいきます。影もついていて、これだけで立体感のあるデザインになりますね!

また、紹介分の左右どちらかに国の地図が表示されるのですが、そこの国だけ切り取って使用するのではなく、周辺も背景の暗めの色で表示することでこの地域のどこら辺にあるのかが伝わって良いですね!

紹介する場所が切り替わるときも、その名所の動画を使用することで、その地域や国のイメージが、より伝わりやすくなりますね。

 

 - 色で表現 , ,

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

青空の写真を使い、空港からの利用をイメージさせるレンタカー屋さん

沖縄県那覇市に本社を構えるレンタカー会社「OTSレンタカー」のホームページです。 …

ロゴを使ったファーストビューがインパクト大!東京都の「みるみるクリニック」

東京都江東区にある、小児科・内科・アレルギー科「みるみるクリニック」のホームペー …

トップページやタイトル部分を縦書きにすることで和を意識した「肘折温泉」

山形県最上郡大蔵村にある温泉郷「湯の里 肘折温泉」のホームページです。 ファース …

「KAWAII文化」独特の世界観を大切にしたデザイン

原宿にある「カワイイモンスターカフェ」のホームページです。 ファーストビューのイ …

トップページにメニューを載せ、カラフルな構成に

  「朝食フェス2015」の特設サイトです。メニューをブロック化して掲 …

青と黄色のみでデザイン

  東京都にある矯正歯科医院のサイトです。スウェーデンの国旗のカラーの …

建物の外観を連想させる背景のアニメーション

東京都千代田区にある「有楽町マリオン」のホームページです。 背景のアニメーション …

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

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

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

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

テキストが最大限に排除されたトップページがカッコいい設計事務所

広島県広島市にある設計事務所「株式会社トランスデザイン」がプロデュースした新築の …