WebGallery

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

*

映像の切り替わるモーションが面白い!「TAO TAJIMA」さんのwebサイト

   

TANGRAM co. ltd.に所属する映像ディレクター「TAO TAJIMA」さんのホームページです。

とにかく映像の切り替わりのモーションが面白い!サイトです。
まずサイトに訪れると画面いっぱいに動画が流れるようになっているのですが、スクロールしようとすると画面がうにょうにょ動くんです!
ある程度スクロールさせると映像が切り替わる仕組みになっています。そうすることで、「TAO TAJIMA」さんが手がけた数々の映像を見ることができるんですね!
紹介の仕方がとてもお洒落です…

画面の一番下にはページナビも設けられており、スクロールしなくても映像を切り替えることが可能です。

しかも!メニューをクリックするとさらに面白い動きをしています。
映像の一覧をサムネイルで紹介しているのですが、左側のハンバーガーメニューをクリックするとそのサムネイルに仕舞われるかの様な動きで映像が消えるようになっています。
さらにメニューを閉じると先程まで見ていた映像がまた見れる仕組みです!一体どうなっているんだ…
私もいつかこんなカッコいいアニメーションを使ったサイトを作ってみたいものです…勉強になります!

 - 動きで表現

  関連記事

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

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

「ACSL」のサイトのフライトシミュレーションがとにかくスゴい!

「ACSL|株式会社自律制御システム研究所」のホームページです。 ファーストビュ …

アニメの世界観を大切にしたサイトがカッコよくておしゃれ!

2017年の10月に放送が開始されるアニメ「魔法使いの嫁」の公式ホームページです …

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

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

アニメーションをゆっくりとした動きにし、筆のようなフォントや落ち着いた配色で重厚感を感じさせるデザイン

北海道沙流郡平取町にある「二風谷アイヌ匠の道」のホームページです。 黒・白・赤の …

まるで本当の雑誌を読んでいるかのようなレイアウト

クラフトタイムズが運営するウェブマガジンです。ビールを題材に取り上げ、様々な内容 …

2019年に流行しそうなwebデザイントレンド「ローディングアニメーション」を使ったサイト3選!

今年も1年が始まりましたね! 初詣にも行かず正に寝正月を過ごした私ですが、今年は …

各コンテンツに飛ぶボタンを作り、読む側に優しいデザイン

  東京都にある留学サポートを行っている会社です。全体的に色をあまり使 …

常夏の色合いがステキな「潜水屋Ti-Da」

愛知県名古屋市にあるダイビングショップ・スクール「潜水屋(もぐりや)Ti-Da」 …

豆苗についてもっと知りたくなる!「豆苗研究会」

広島県広島市にある豆苗やブロッコリースプラウトなど、スプラウト野菜を生産・販売し …