WebGallery

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

*

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

   

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

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

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

 

熱川バナナワニ園

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

 

絶滅動物園

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

 

メディコート

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

 

海遊館

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

 

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

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

 

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

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

  関連記事

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

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

白と黒のコントラストが綺麗なレストラン

大阪堺市にあるフレンチレストラン「h」のホームページです。 ヘッダーの中央に配置 …

注目させたい所には写真を枠からはみ出させて使用する

大分県由布市にあるリゾートホテル「湯布院ガーデンホテル」のホームページです。 こ …

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

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

インパクトのある構図で撮影された写真で、思わずクリックしたくなるような旅行記ブログが素敵!

西村 沙羊子さんの旅行記サイト「salt | oniguili」です。 ファース …

新宿・池袋にあるネイルサロンのサイトが可愛くておしゃれ!

東京都新宿区・池袋にお店を構えるネイルサロン「Annabel Lee」のホームペ …

「Golden」にかけた黄金のアニメーションがとても幻想的!フェレロ ロシェのキャンペーン公式サイト

「Ferrero Rocher(フェレロ ロシェ)」のキャンペーン公式サイトです …

北海道にある「朱鞠内湖」のサイトがシンプルだけど写真を大胆に使ったレイアウトでカッコいい!

北海道雨竜郡幌加内町にある「Kake Shumarinai(朱鞠内湖)」のホーム …

折り紙の発想から生まれたオフィスチェア「FLIP FLAP」の特設サイトが、オフィスチェアのデザインを使ったレイアウトでカッコいい!

折り紙の発想から生まれたオフィスチェア「FLIP FLAP」の特設サイトです。 …

壮大な日本海の写真

新潟県村上市にある温泉旅館「大観荘 せなみの湯」のホームページです。 トップのス …