WebGallery

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

*

背景に迫力のある写真を使った動物園のサイトが面白い!

   

大阪府大阪市にある動物園「天王寺動物園」のホームページです。

ファーストビューの背景のスライダーがとてもインパクトのあるサイトです。
ライオンがこちらを見ている写真やキリンをアップで撮影した写真など、どれも迫力のある写真を使っています。また、黒いテクスチャを写真の上に配置して解像度の低い写真でも綺麗に見えるようになっています。

サイト全体に写真をたくさん使用しているので配色を緑と白・グレーで統一し、バラつきを感じさせないように工夫されています。

スマートフォンで見た時も、背景の写真とボタンの写真が重なっても見づらくなってしまわないよう、白いアイコンをボタンの真ん中に配置して、背景よりも際立たせています。

 - 写真で表現 ,

  関連記事

写真や配色の白面積を多くして、清潔感を出している木々に囲まれたリハビリテーション病院

千葉県成田市にある「 成田リハビリテーション病院」のホームページです。 ファース …

ケーキの魅力が伝わりやすいように白黒で配色されたサイトがシンプルでおしゃれ!

日本の四季を感じる、旬の国産フレッシュフルーツをふんだんに使用したアート感覚あふ …

東京都にある不動産会社が間取り図まで掲載していて物件情報が分かりやすい!

東京都板橋区にある不動産会社「株式会社アルコ」のホームページです。 白・グレー・ …

東京都青山にある美容室のサイトがシンプルでカッコいい!

東京都港区青山にあるヘアサロン「Beauty Palor arca(アルカ)」の …

見出しにアニメーションをつけてインパクトを出す

茨城県の「キャピタルマリーナ」のホームページです。トップページの波の形を連想させ …

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

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

綺麗な写真が購買意欲をそそる和菓子屋さん

石川県金沢市に本社を構える「株式会社 柴舟小出」のホームページです。 全体的に色 …

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

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

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

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

特殊なアニメーションを使って展示された作品を紹介している美術展のサイトが、ユニークな動きで面白い!

2018年の4月14日(土)から7月8日(日)まで、東京都美術館で開催されている …