- 建築に、温度を。｜梓設計
- KV下にある各セクションがマウスオーバーで動画に切り替わります。また実績紹介のマウスオーバーも大胆さが面白いです。
-
https://www.azusasekkei.co.jp/
2020-05-13
- なら国際映画祭2020
- 最近、ナビゲーションに記事数を表示するサイトが増えているように感じます。
-
https://nara-iff.jp/2020/
2020-10-09 - detail
- 京仏壇・京仏具・伝統工芸 若林佛具製作所
- KVスライド部分で、背景を活かしたキャッチ画像の使い方が効果的です。
-
https://www.wakabayashi.co.jp/
2020-06-15 - detail
- Hyper Tria
- 動かない動画が面白いです。
-
https://hypertria.com/
2021-11-04 - detail
- Yourra! – Happy agency
- ページの最下層にある、次ページへ誘導するリンクのマウスオーバー時の表現が面白いです。
-
https://yourra.fr/
2020-08-11 - detail
- MIDORI.so | みどり荘
- FVのデザインが面白いです。
-
http://midori.so/
2020-10-09 - detail
- Latitude – Latitude is a publication that’s as multi-faceted as you are
- ワイヤーのようなボタンやレイアウトが印象的です。
-
https://explorelatitude.com/
2020-07-27 - detail
- カワスイ 川崎水族館 – 2020年7月グランドオープン
- KVのイラストがイラレの画像トレースのようなイラストですが、このように使用すると良い感じです。
-
https://kawa-sui.com/
2020-07-01 - detail
- Stella Achenbach
- 文字のsvgアニメーションを動かし続けているのは今までなかったアイデアかもしれないです。
-
https://www.stellaachenbach.com/
2020-06-01 - detail
- Virgin Hyperloop
- 1080kmも出るらしいです。
-
https://virginhyperloop.com/
2020-09-23 - detail
- RaNa extractive, inc.
- 細かいところまで作り込まれています。
-
https://www.ranaextractive.com/
2020-12-03 - detail
- Jacob McKee
- レイアウトが好みです。
-
https://jacobmckee.com/
2020-07-15 - detail
- SND
- サイトも音も素敵です。
-
https://snd.dev/
2022-03-15 - detail
どちらもすごく新しい技術というわけではないですが、使用方法一つでこんなにも大胆で面白い表現になるのかと勉強になります。
実績紹介の全体マウスオーバーは動画素材がなくても導入可能な表現なので、使いやすいかと思います。