WebGallery

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

*

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

   

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

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

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

 

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


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

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

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

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

  関連記事

不安を抱いて訪れる人達が安心して受診できるよう、 話しやすい雰囲気作りを心がけている動物病院

埼玉県志木市にある動物病院「エリーどうぶつの病院」のホームページです。 トップペ …

可愛いハリネズミに気軽に触ることができちゃうカフェ

六本木にあるハリネズミカフェ「HARRY」のホームページです。 ファーストビュー …

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

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

楽しみながら美容を学べる「九州美容専門学校」

熊本県熊本市にある「九州美容専門学校」のホームページです。 モデルさんの顔を大き …

ロゴを使ったファーストビューがインパクト大!東京都の「みるみるクリニック」

東京都江東区にある、小児科・内科・アレルギー科「みるみるクリニック」のホームペー …

愛媛ならではのサイクリングコースを紹介した「ゆっクル」

愛媛ならではの温泉めぐりのサイクリングコースを紹介している「湯めぐりサイクル」の …

手軽さやオシャレ感を上手くアピールする

「MY BAGEL」というPascoのパンを色々アレンジして楽しもうという紹介サ …

作品の雰囲気を損なうことなく、イラストを上手く配置した「ムーミン展」のサイトがかわいい!

2019年の4月9日(火)から6月16日(日)まで、六本木ヒルズ森タワー52階に …

神奈川県にある高級旅館のサイトが和風なデザインでカッコいい!

神奈川県足柄下郡湯河原町にある高級旅館「奥湯河原温泉の高級料亭旅館 海石榴(つば …

フルスクリーン動画が迫力ある水族館は、サメやエイに触ることも出来る!?

大阪府大阪市にある世界最大級の水族館で、平成25年の3月14日に開設された「海遊 …