WebGallery

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

*

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

   

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

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

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

 

熱川バナナワニ園

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

 

絶滅動物園

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

 

メディコート

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

 

海遊館

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

 

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

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

 

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

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

  関連記事

雑誌のようなレイアウトのスライダーを使った美容室のサイトがカッコいい!

愛知県名古屋市と豊明市にある美容室「BUSH」のホームページです。 ファーストビ …

コンテンツと雲のスクロール量を変えることで奥行きを出したデザインにしたイベントサイトがおしゃれ!

2017年の5月4日・5日・6日の3日間にわたって蘇我スポーツ公園で開催される「 …

パステル調の明るく爽やかな「夏」の印象な「鈴乃屋のゆかた 2016」

「きもの鈴乃屋」のゆかたコレクションの特設サイトです。 浴衣ということで、風鈴や …

寒色系の色を使い、清涼感を出す

  (((さらうんど)))というポップスバンドの公式ホームページです。 …

シンプルなデザインのヘアサロンのサイトが、おしゃれでカッコいい!

原宿・表参道・渋谷・青山・鎌倉にある美容室/ヘアサロン「vicca(ヴィッカ)」 …

白を基調にして衣装や料理の写真を際立たせているモダンレストランのサイトがオシャレ!

愛知県安城市にある和モダンレストラン「hana no utage(花の宴)」のホ …

シネマグラフを使った写真が印象的!「京都 宇治 伊藤久右衛門」のサイト

「京都 宇治 伊藤久右衛門」のホームページです。 ファーストビューのスライダーが …

左側に交通アクセスや最新情報を掲載して情報を伝わりやすくする

滋賀県大津市にある食事処「洗心寮」のホームページです。 全体的に文章が縦書きで背 …

サイト全体の動きをゆっくりさせて、旅館の穏やかな雰囲気で過ごせるイメージを演出する

新潟県新発田市にある旅館「白玉の湯 華鳳」のホームページです。 黒と黄色を基調と …

ウェディングのコンセプトをイメージさせるようなサイトデザイン

福岡県宗像市にある1日1組限定の結婚式場「Adele(アデール)」のホームページ …