WebGallery

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

*

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

   

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

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

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

 

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


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

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

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

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

  関連記事

綺麗にレスポンシブされて、且つ分かりやすい

  福岡県福智町のふるさと納税特設サイトです。福智町のロゴの下に水引が …

軽井沢にあるリゾートホテルのサイトが使いやすくて便利!

群馬県吾妻郡長野原町にあるリゾートホテル「プレジデントリゾート軽井沢」のホームペ …

金額やカテゴリを絞って特典を選べる検索フォームが便利!岡山県備前市のふるさと納税サイト

岡山県備前市のふるさと納税特設サイトです。 ファーストビューの写真の配置がとても …

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

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

五円玉のようなコインが印象的な「goen゜」

森本千絵さんを主宰としたデザイン事務所「goen゜」のホームページです。 ファー …

神奈川県にある建設業のサイトがシンプルでカッコいい!

神奈川県横浜市にある「海外不動産、注文住宅の設計・施工なら株式会社マルイマ」のホ …

写真の雰囲気を大切にした、カフェのような写真館

兵庫県姫路市にある写真館「ism(イズム)」のホームページです。 茶系統でまとめ …

配色をカラフルにするだけでなく、アニメーションもたくさん使ったサイトのデザインが可愛い!

熊本県熊本市にある食のテーマパーク「株式会社フードパル熊本」のホームページです。 …

カレッタ汐留で開催するイルミネーションの特設サイトが綺麗!

東京都港区にある「カレッタ汐留」で、2017年11月16日から2018年2月14 …

シンプルなレイアウトで、モデルの写真を際立たせた美容院

東京都福生市と昭島市の駅前にある美容室「vivarc」のホームページです。 ファ …