- 建築に、温度を。｜梓設計
- KV下にある各セクションがマウスオーバーで動画に切り替わります。また実績紹介のマウスオーバーも大胆さが面白いです。
-
https://www.azusasekkei.co.jp/
2020-05-13
- 株式会社 JR西日本コミュニケーションズ
- 人物画像にマウスオーバーすると、写真の後ろに文字が入る工夫が面白いです。
-
https://www.jcomm.co.jp/recruit/newgrads/
2020-05-11 - detail
- Olivier Gillaizeau — SF Based Creative Director
- マウスオーバーで現れる動画が目をひきます。また非表示でも背景のグラデーションが単なる余白に感じさせないデザインになっているのもセンスが良いです。
-
https://frenchbutnice.design/
2020-05-13 - detail
- MITOBE DESIGN CORPORATION
- FVでの「SCROLL」が良いアイデアです。
-
https://mitobedesign.co.jp/
2021-01-25 - detail
- TeTuhi
- 大胆な配色とレイアウトが参考になります。
-
https://tetuhi.art/
2020-05-11 - detail
- Kieran Baybutt
- トップページのPROJECTの見せ方が凝っています。
-
https://kieranbaybutt.com/
2020-08-24 - detail
- Studio Mærtens
- ローディングがお洒落です。マウスカーソルがそのままロードアニメーションになっているのも良いです。
-
https://studiomaertens.com/
2020-06-08 - detail
- Atolla | Custom Skincare
- プロダクト含めた全体の雰囲気が素敵です。
-
https://atolla.com/
2021-05-31 - detail
- Patrick Heng – Creative Developer Portfolio
- マウスがオブジェクトにあたった際のモーションが気持ち良いです。
-
https://patrickheng.com/
2020-07-17 - detail
- Studio Presto
- レイアウトが素敵です。
-
https://studiopresto.com/
2021-03-01 - detail
- 土屋印店
- 商材の見せ方、コンテンツの整理方法がうまいと感じました。
-
https://tsuchiya-inten.jp/
2020-11-18 - detail
- Off Season Creative
- しっかり区切られているレイアウトが、最近の個人的な好みです。
-
https://offseasoncreative.com/
2020-08-11 - detail
- Garden Eight
- すべてのページに参考にしたい要素が詰まっています。
-
https://garden-eight.com/ja
2022-02-10 - detail
どちらもすごく新しい技術というわけではないですが、使用方法一つでこんなにも大胆で面白い表現になるのかと勉強になります。
実績紹介の全体マウスオーバーは動画素材がなくても導入可能な表現なので、使いやすいかと思います。