動きに「らしさ」を感じるサイト

「この動き、このサイトだからこそ、よりグッとくるな〜」と思ったものをまとめてみます。

Design Setのカテゴリ:

演出まとめ

一覧のレイアウトを選択する

メモ

吃音のある少年が出てくる映画。テキストも詰まりながら少しずつ出てきて、表示されるまでの、待っている時間さえ愛しい動き。FVの写真の流れも、静かに雪が降っているみたい。

メモ

ロゴに通じる、正方形ブロックのアニメーション。

メモ

ポスターみたいに、ひらひら。

メモ

弾幕!

メモ

スクロール(つまり、サイト内のおでかけ…)で、ウキウキ動くいろいろなもの。

メモ

パタパタとたたむ動きと、ストップモーションの親和が愛しい。

メモ

途切れないつながり、途切れないテキスト。

メモ

削って、形を変えていく。

メモ

うねりが、まっすぐ整っていく。

メモ

カードがパタパタと裏返るようなFVでしばらく楽しめる。まさに、アソビゴコロとテクノロジーで、これまでにない体験。

メモ

寒色のなかを漂うオレンジに、写真や「次へ」などの浮遊感、一目で「暖かさ」と「軽やかさ」を感じられて、すごい。文字を読む前に商品の特徴が伝わってくる。

メモ

「はたらくことと幸せ」をテーマに調査結果をまとめたサイト。左から右に矩形が伸びていく様は、グラフそのもの。

メモ

コラボレーション・アルバムの特設サイト。わいわいと集まる文字や写真、たくさんの矢印、FV「HATA EXPO」は色が重なる演出。多くの人が関わること、そのわくわく感。リンクにホバーすると、矢印がぴったり重なるのではなく、わ〜〜!!っと盛り上がってるみたいなのもいい。

メモ

直接話をしているようなテキストコミュニケーション、そのフレンドリーさや温度感が、チャーミングな動きでより引き立ち、説得力が増す。好きになっちゃう。

メモ

常に再構築され、変容を続けるページ。(自分の言葉ではないけど、iDIDさんのXでの『グリッド=再開発、モーション&コラージュ=混沌。「綺麗になっていく渋谷」と「何かがうごめく渋谷」』というコメントが、私の中でドンピシャだったので、書いておきます…🙏🏻)

メモ

ABOUTでTRANSITロゴの「A」が、旅や移動、冒険(探究)を想起させる方位磁針のように動く。記事ページにそのあしらいはなく、記事を読むことに集中できるのもいい。

メモ

歪んだりズレたりする見たことのない動きで写真が混ざる。見たことのない混ざり方が「異次元リミックス」へのアンサーとしてズバリだし、とってもかっこいい。