- ionic (アイオニック)
- 画面左下のオブジェクトがスクロールしていることを理解させる役割を果たしており親切です。
-
https://www.ionic.co.jp/ionic/
2020-08-13
- broom inc.
- ProjectsやAboutのアニGIFが効いていて良いです。
-
https://www.broom-studio.com/
2020-08-04 - detail
- 建築に、温度を。|梓設計
- KV下にある各セクションがマウスオーバーで動画に切り替わります。また実績紹介のマウスオーバーも大胆さが面白いです。
-
https://www.azusasekkei.co.jp/
2020-05-13 - detail
- 手火山家(てびやまや)河文伝承
- 自分ではやらないようなヘッダーレイアウトだったので参考になります。
-
https://tebiyamaya.com/
2020-07-17 - detail
- Polly Kole Art portfolio
- とにかく世界観と技術レベルが高いです。好みです。
-
https://pollykole.com/
2020-05-20 - detail
- ハーブとガレット
- 遠近感のある植物の配置が素敵です。
-
https://herb-to-galette.com/
2020-07-21 - detail
- アニメ「BURN THE WITCH」公式サイト
- アニメのLPサイトなどの参考になりそうです。
-
https://burn-the-witch-anime.com/
2020-07-22 - detail
- 御茶ノ水RITTOR BASE
- レイアウトが好みです。
-
https://rittorbase.jp/
2022-03-15 - detail
- Diesel Wynwood ⏤ Condominium
- ブラウン管画面のような立体感とコンタクト画面でのざらつきが特徴的です。
-
https://dieselwynwood.miami/
2020-05-11 - detail
- MIDORI.so | みどり荘
- FVのデザインが面白いです。
-
http://midori.so/
2020-10-09 - detail
- Lama Lama
- マウスに反応する仕掛けが面白いです。
-
https://lamalama.nl/
2021-12-06 - detail
- JOHNNIE WALKER x HOUYHNHNM | WALKER’S club H
- 流れる文字が直線ではないところが技術的に面白いです。
-
https://www.houyhnhnm.jp/walkers_club_h/
2020-06-08 - detail
- 横浜スタジアム
- リンクマークのマウスオーバーアニメーションが素敵です。
-
https://www.yokohama-stadium.co.jp/
2020-11-11 - detail
最近は、スクロールをすることでシーンが変わっていくデザインが多く見られるようになりました。
しかし、一部サイトではシーンが変わるまでに時間がかかり、正常に動いているのかわからないものもあります。
そういったイライラを解消するのに、今回のオブジェクトやスクロールバーの表示が必要だなと感じています。
特にスクロールバーがデザイン的に抵抗があるシーンでは、今回のオブジェクトが有効に感じます。
また、スクロールの逆回転にも対応しているところが良いです。