WebGallery

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

*

動く虎たちが見ていて楽しい!病院ということを忘れさせてくれそうな「やざわ虎クリニック」のホームページ

   

長野県諏訪市にある内科・外科病院「やざわ虎クリニック」のホームページです。

ファーストビューに日本アルプスの山々の写真を使用しています。
壮大な景観がとても素敵です!爽やかな青色をした空と日本アルプスは、見ているだけで癒やされますね〜

何よりこちらのサイト、とにかく虎が動きます!
ホバーアクションだけでなくスクロールしたときもアニメーションを取り入れ、シンプルな構成にアクセントとして虎やバラのイラストが動くwebサイトになっています。

 

ボタンだけでなく、写真にカーソルを合わせると虎が出現!


画像をクリックすると、拡大表示されます。

上の写真のように、写真にカーソルを合わせると写真の後ろから虎がひょこっと顔やしっぽを出します。
ホバーアクションも1つ1つこだわっていて、サイト全体に統一感が生まれますね!私はコーディングする時に、「とりあえず写真はopacityかけとくか…」となってしまいがちなので、こういったキャラクターを使ったホバーアクションは見ていてとても新鮮です!
虎の顔と腕を別々の画像にし時間差をつけて表示させることで、より遠近感が生まれ虎の動きもリアルになっているんですね!

フッター部分にはトップページに戻るボタンや、トップに戻るボタンも虎のアニメーションを使用していて、とにかく徹底しています!

 - 写真で表現, 動きで表現, 病院

  関連記事

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

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

短冊のような縦長のコンテンツと背景の竹のイラストで和風な雰囲気を出している温泉旅館

2016年12月に千葉県佐倉市にオープンした「佐倉天然温泉 澄流 -SUMIRE …

どの言語で閲覧してもデザインが崩れない

東京のデザインやファッション、食べ物や観光地・宿泊施設などを世界に紹介するWeb …

子供たちへの愛情がつまった地下足袋「FUM FUM」

化粧品やサプリメントを取り扱っているゲンナイ製薬株式会社と、靴の販売をしている株 …

トップページのロゴマークの部分をサブページではタイトルに

建築資材の輸入販売(タイル・石材・レンガ等)を行っている会社「RIVIERA」の …

地元の食べ物に重点を置いて構成されたプロモーションサイト2選!

今年の梅雨は寒暖差が激しいですね… 今週は湿気が多く暑い日が続くそうですねー!私 …

荘厳で神秘的な雰囲気なのに泊まれる寺院

奈良県平群町にあるお寺「信貴山大本山・千手院」のホームページです。 トップには僧 …

装飾を使わずレスポンシブしやすいデザインに

建築会社「TASSAY」のホームページです。 写真などでブロック化されたコンテン …

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

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

ページの所々にアニメーションを使った「一時お預かり専用託児所 はないと」

愛知県名古屋市にある「一時お預かり専用託児所 はないと」のホームページです。 メ …