WEBサイトトレンド

■アニメーションの多用

■大きな文字&NOイメージORイメージ

■没入感&ブランディング

■マウスの動きやポインターの工夫

■デザイン参考まとめサイト

アニメーションの多用

TBS INNOVATION LAND

スクロールでのページ遷移が特徴的、META感があり没入感がある。

るるる温泉|塩原温泉 湯守田中屋オンラインショップ (ru-ru-ru.com)

アニメーションが多く、スクロールから画面が切り替わるようなアニメーションが面白い。

Photographers’ virtual gallery | an Okey Studio website

スクロールのページの動きが特徴的

https://paintupsugar.com/

程度の良いアニメーション

大きな文字&NOイメージORイメージ

株式会社TRUNK(トランク) – TRUNK co.,ltd. (trunk-base.com)

メインビジュアルをタイポグラフィで表現。スクロールに工夫アリ。下部にある記事の見せ方かっこいい

RE_VISION | Chris Carruthers

大きな文字、ポインターの見せ方の工夫、スクロールアニメーションなど今風

株式会社LIG(リグ)|コンサルティング・システム開発・Web制作 (liginc.co.jp)

タイポグラフィーからの動画TOP

necco inc. | 企業の「根っこ」となるデザイン資産をつくります。

タイポグラフィー×線画、スクロールなし、ページ遷移の切り替えのアニメーションがおしゃれ

その他

毎日新聞 創刊150年特設サイト|毎日新聞社 (mainichi.co.jp)

アニメーション、ポインター、記事の見せ方など今っぽい。毎日新聞らしさも良い。

Y’sエンタメチーム | Y’s Inc. (ysinc.co.jp)

冒頭のアニメーションが秀逸。企業イメージに合っている。

THE NORTH FACE CAMP (goldwin.co.jp)

ストアと記事のコンテンツの切り分け方が面白い。ファーストビューはスクロールなし。

Magazine – a day, and a moment – | THE NORTH FACE CAMP (goldwin.co.jp)

記事の見せ方やポインターの使い方などとてもオシャレ。企業カラーに合っている。

統合レポート2021 | 資生堂 企業情報 (shiseido.com)

このくらいのアニメーションならそんなに大変じゃない?

参考サイトまとめ