WebGallery

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

*

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

   

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

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

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

 

熱川バナナワニ園

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

 

絶滅動物園

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

 

メディコート

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

 

海遊館

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

 

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

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

 

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

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

  関連記事

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

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

イラストを使ってテント用品の名称を分かりやすく見せたテント用品販売サイト

東京都だけでなく、宮城県や福島県・愛知県・京都府などに店舗をかまえ、テント用品を …

写真を大きく使い、インパクトを持たせる

  旅行に関する商品を制作している会社のWebサイトです。世界各所の絶 …

キャッチコピーで見る人の心を掴む!KOSEの「feliscent」

KOSEの取り扱い商品「feliscent(フェリセント)」のホームページです。 …

コンテンツ毎に文章の配置を変え、見出しを強調するレイアウトにする

静岡県伊東市にある隠れ宿「花の雲」のホームページです。 まず、画面いっぱいに表示 …

冬の夜の静まり返った雰囲気を、画面いっぱいに表示される星空や雪のアニメーションを使って表現

2016年6月に、京都府南丹市にある宿泊や日帰りでの温泉が楽しめる温浴宿泊施設「 …

熊本にある会計事務所のサイトが雑誌みたいなレイアウトでカッコいい!

熊本県上益城郡にある会計事務所「タックスサポート会計事務所」のホームページです。 …

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

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

永く使えるやさしい傘の専門店のムービーがカッコいい!

東京都渋谷区にある傘の専門店「株式会社 Caetla(サエラ)」のホームページで …

豊富な情報量をすっきりまとめた給食委託会社のサイトがオシャレで参考になる!

東京都千代田区大手町に本社をかまえる給食委託会社「株式会社LEOC」のホームペー …