Webデザインの参考にしたい遊び心あふれる「ページトップ」ボタン9個
Webサイトを閲覧中に、ページ上部に戻るための「ページトップ(スクロールトップ)」ボタン。ページの機能としての重要性は低く、あまり目立たない(目立たせない)ものです。そんな中でも、おっと思わせる遊び心のあふれる「ページトップ」ボタンをご紹介します。
ページトップ(スクロールトップ) ボタン
女子旅つくるプロジェクト｜JTB × KOBE COLLECTION / TOKYO RUNWAY
http://jtpj.jp/
旅のサイトということで、滑走路と雲が現れ、飛行機が離陸します。
台東区でウェブ制作なら 株式会社LIG [リグ]
http://liginc.co.jp/
凄い勢いで飛び出るアニメーションは、広告バナー付き。
ブランディング、デザイン｜アートディレクションカンパニーDONGURI
http://www.don-guri.com/
一見、普通のボタンですがクリックすると、どんぐりのキャラクターに変身して飛び上がります。
東京スカイツリー TOKYO SKYTREE
http://www.tokyo-skytree.jp/
ページのガイドを務めたソラカラちゃんが、スカイツリーのてっぺん目指して飛びあがります。
福岡市西区拾六町の動物病院｜16動物病院
http://16animal.com/
数字の3をモチーフとしたコアラ(?)が木をしがみ付きます。
猫本専門書店 書肆 吾輩堂
http://wagahaido.com/
猫の手が出てきて、必死によじ登ろうとします。
株式会社博報堂DYインターソリューションズ
http://www.hakuhodody-inter.co.jp/
ドアを開けると、ページトップへ繋がるエレベーター(?)
uno | 資生堂
http://www.shiseido.co.jp/uno/index.html
スプレーの噴射力でスクロールします。
格安ホームページ作成サービスなら「グーペ」お試し無料！
こんなに簡単！店舗向けホームページがすぐ始められる「グーペ」[AD] 
その乗り物は・・・
おわりに
いかがでしたでしょうか。なかなか力を入れて作る機会もないかもしれませんが、こういった細部にこそ、制作者の腕の見せ所と言っていいかもしれませんね。
上記で紹介した以外にも、「こんなのあるよ」など、twitterやFacebookでご紹介いただけると嬉しいです。
TwitterやFacebookではブログの更新情報とあわせて、Webやデザイン関連のニュースをお届けしています。
【図解あり】吾輩は猫である【SEO対策】 
71万円の札束で厚さも完全再現！iPhone6 Plusの大きさは、ほぼ1万円札と同じということで試してみた。 
グリコのおまけ『AR(拡張現実)ドラえもん』が凄過ぎて、もはや別キャラクターｗ【台紙DLリンクあり】
Twitterでクリックするだけで変化するトリック画像を分解してみた！
H1一つでここまで出来るCSS見出しデザインのアイデア9個
アクセントに使えるCSSのborderと擬似要素を使った立体的な見出しデザイン
日本史の闇を支配した「忍者」の正体 (別冊宝島 2032) 
プロになるためのWebデザイン入門講座 実践で役立つPhotoshop&Illustrator徹底ガイド 
よくわかるHTML5+CSS3の教科書