WebGallery

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

*

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

   

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

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

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

 

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


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

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

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

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

  関連記事

可愛い&おしゃれ!洗濯物が溜まっていなくても思わず行きたくなるコインランドリーのサイト3選!

あっという間に3月ですねー! この時期になると花粉症の人がそろそろ準備をしだすん …

上空から撮影したリゾート地の写真がカッコいい!サイト

三重県志摩市にあるリゾート施設「NEMU HOTEL & RESORT( …

アイコンや背景を動かして一工夫加えたサイトが可愛い!「札友電材株式会社」

北海道札幌市にある、電材設備の販売を行っている「札友電材株式会社」のホームページ …

記事の下まで行くと右側のコンテンツもぴったり止まる

福岡のライフマガジン「AFRO FUKUOKA」のホームページです。 全体のレイ …

サイトの世界観を大切にした不動産会社のサイトが可愛くて素敵!

大分県大分市にある不動産会社「三越商事大分」のホームページです。 トップページの …

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

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

スライダーを使った回転寿司のデザインが面白い!高知県のお寿司屋さん

高知県須崎市にある回転寿司「回転ずしいちばん船 マルナカ須崎店」のホームページで …

シックな空間を撮った写真に合わせたサイトが、高級感があってカッコいい!

北海道札幌市にあるリノベーション会社「PLUS ALPHA.」のホームページです …

コケの写真が幻想的な通販サイト

大阪市にあるコケリウム専門通販サイト「コケのインテリア コケリウム」のホームペー …

自分が本を選んでいるかのようなスクロール

  丸善出版株式会社とジュンク堂書店が佐賀県とコラボレートした「ほんの …