WebGallery

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

*

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

   

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

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

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

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

 - 動きで表現

  関連記事

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

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

折り紙の発想から生まれたオフィスチェア「FLIP FLAP」の特設サイトが、オフィスチェアのデザインを使ったレイアウトでカッコいい!

折り紙の発想から生まれたオフィスチェア「FLIP FLAP」の特設サイトです。 …

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

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

トップの部分だけでなく、色々な場所で背景に動画を使用する

毎年夏に東京ビッグサイトで行われるアートイベント「万国學生藝術展覧祭 學展」のホ …

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

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

海の中にいるような幻想的なデザイン

大阪府吹田市にある水族館・動物園・美術館が融合した新感覚ミュージアム「ニフレル」 …

浴衣の色合いや金魚を使って清涼感を出した「鈴乃屋ゆかたコレクション2018」のサイトが綺麗!

鈴乃屋ゆかたコレクション2018「2018 YUKATA COLLECTION」 …

パララックス効果を使ったデザインの、建設会社のサイトがカッコいい!

熊本県熊本市にある建設会社「快建設」のホームページです。 全体のレイアウトがとて …

車の世界観に合わせたデザインがグッとくる!「Make Your own RENOCA」のサイト

トヨタのランドクルーザーとハイエースの専門店を全国展開する「フレックス」が、リノ …

ロゴマークの表示を統一することで、ページにアクセントをつける

福岡県福岡市にある「がんこクリニック」のホームページです。 まず初めに、画面いっ …