WebGallery

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

*

メッセージ性が強い!ヒーローヘッダーにこちらを見る動物の写真を使ったサイト5選

   

一昨年の9月あたりから猫を飼い始めたのですが、飼うようになってから分かるようになることって色々あったんだなぁと実感し始めました。

飼う前は可愛い猫の画像を見ては癒されて満足だったのですが、病気やケガのことを調べるようになってからは猫や犬・動物の写真や画像を他人事のように見れなくなっていて…なんだか不思議な感覚です。

今回は、動物の写真や動画にメッセージ性を込めたサイトを5つご紹介したいと思います!
ファーストビューに大きく動物の写真が使われているだけで、なかなか印象強いのですが、ヒーローヘッダーに使用されている写真の目線がこっちを向いていると、更に心にせまるものがありますね!

 

熱川バナナワニ園

ワニがこちらを見ている写真が迫力満点!なファーストビューです。
否が応でも目が合う写真で、見ているだけでドキドキしてきますね…写真の下が波のアニメーションになっていて、より写真がリアリティのあるものになっています!

 

絶滅動物園

ゴリラの何かを訴えかけているような目線が、とてもメッセージ性のあるファーストビューになっています。
このサイトではファーストビューだけでなくトップページの要素全てに写真を使用しており、どれもがインパクトのある写真になっています。

 

メディコート

なんだか笑っているような犬の写真が、とても綺麗なファーストビューです。
上に重なるように手書きのキャッチとシャボン玉のようなボタンが配置され、透明感のあるファーストビューになっています。

 

海遊館

「海遊館って、〇〇」というフレーズと共に、色んな水族館の生き物の写真がスライダーで紹介されています。
色んな顔を持っている水族館の写真を見ているだけで、思わず行きたくなるファーストビューになっていますね!

 

北海道エコ・動物自然専門学校

こちらは背景に動画を使って、専門学校の様子を紹介しています。
色んな動物に接している姿を見ているだけで思わず笑顔になってしまいます。重なるように動物たちの手描きのイラストが配置されているのも親しみやすさが出ていて可愛いです!

 

以上、動物の写真を使ったファーストビュー5選でした!

 - 写真で表現, 映像で表現

  関連記事

「ACSL」のサイトのフライトシミュレーションがとにかくスゴい!

「ACSL|株式会社自律制御システム研究所」のホームページです。 ファーストビュ …

くるくると回るキャッチ画像

株式会社エーペック貿易のホームページです。 くるくると回るキャッチ画像がとても綺 …

画面いっぱいに画像を配置して文章のインパクトを強くする建築士事務所

愛知県松山市と神奈川県にオフィスを構える建築士事務所「i Landscape」の …

主婦層をターゲットにしたレンタルキッチンスペースのサイトがシンプルだけど可愛い!

東京都新宿区と兵庫県赤穂市にあるレンタルスタジオ「天塩スタジオ」のホームページで …

可愛い&おしゃれ!洗濯物が溜まっていなくても思わず行きたくなるコインランドリーのサイト3選!

あっという間に3月ですねー! この時期になると花粉症の人がそろそろ準備をしだすん …

車の世界観に合わせたデザインがグッとくる!「Make Your own RENOCA」のサイト

トヨタのランドクルーザーとハイエースの専門店を全国展開する「フレックス」が、リノ …

青とゴールドの組み合わせがゴージャス!なバーのサイト

今年もあと僅かになりましたね… 何だか今年はあっという間だった気がします(毎年言 …

テクスチャを用いてデザインを統一

  大阪にある工務店のサイトです。トップにはグローバルナビと写真のみで …

地域の土地・文化・人とのつながりを大切にしたアロマブランド

日本の地域の土地や人・文化とつながりながら各地の香りを展開するアロマブランド「N …

綺麗になれそうな美容外科

東京都豊島区にある美容・形成外科「エルテ大塚クリニック」のホームページです。 フ …