- CoverMyMeds Careers
- TOPページ「Our community」部分の視差効果が不思議です。
-
https://experience.covermymeds.com/
2020-06-08
- 横浜スタジアム
- リンクマークのマウスオーバーアニメーションが素敵です。
-
https://www.yokohama-stadium.co.jp/
2020-11-11 - detail
- LM Chabot
- 画像がロードされる前にカラフルな要素が表示されているとことが良いです。
-
https://lmchabot.com/
2020-06-15 - detail
- tote inc.
- 音楽も含めて世界観が好みです。
-
https://tote.design/
2022-02-25 - detail
- Home Société | Contemporary Home & Outdoor Furniture
- トレンドのビッグタイポと横スクロールをうまく合わせています。
-
https://homesociete.ca/
2020-05-19 - detail
- RaNa extractive, inc.
- 細かいところまで作り込まれています。
-
https://www.ranaextractive.com/
2020-12-03 - detail
- Agnes Lloyd-Platt
- ファビコンにアニgifを設定できるなんて知りませんでした。
-
https://agneslloydplatt.com/
2020-07-01 - detail
- ACSL | 株式会社自律制御システム研究所
- KVが1スクロールでopacity:0;になるところが気持ち良いです。
-
https://www.acsl.co.jp/
2020-07-29 - detail
- HERO’s IDEA
- トップページでのページ内での移動の挙動が面白いです。
-
https://idea.sportsmanship-heros.jp/
2020-11-25 - detail
- UNIEL ltd. RECRUIT SITE Second Face
- なんとなく気になってしまいました。雑誌のような感覚で読み進めてしまう不思議な魅力です。
-
https://recruit.uniel.jp/
2020-06-22 - detail
- ACTION！
- 全方向スクロールで作るデザインが面白いです。
-
https://www.toei.co.jp/company/recruit/fresh/
2022-01-04 - detail
- 餃子の祭｜名古屋パルコ RESTAURANTS &FOODHALL
- 世界観が好きです。
-
https://nagoya.parco.jp/page/gyoza/
2022-03-08 - detail
- Studio Presto
- レイアウトが素敵です。
-
https://studiopresto.com/
2021-03-01 - detail
TOPページ「Our community」の左側部分に注目すると紙が破られたような表現があります。
こちらを境に背景画像がズームされるようにアニメーションします。
更にマウスの動きに対して背景が上下左右に動きます。
その際に、破られた紙の上に建物が重なってきます。
この二重の視差効果が非常に面白い仕組みです。