- CoverMyMeds Careers
- TOPページ「Our community」部分の視差効果が不思議です。
-
https://experience.covermymeds.com/
2020-06-08
- 株式会社 JR西日本コミュニケーションズ
- 人物画像にマウスオーバーすると、写真の後ろに文字が入る工夫が面白いです。
-
https://www.jcomm.co.jp/recruit/newgrads/
2020-05-11 - detail
- Eight 8/8/8th Anniversary
- オープニングの数字のスクロールが素敵です。
-
https://materials.8card.net/product/888/
2020-09-17 - detail
- Olivier Gillaizeau — SF Based Creative Director
- マウスオーバーで現れる動画が目をひきます。また非表示でも背景のグラデーションが単なる余白に感じさせないデザインになっているのもセンスが良いです。
-
https://frenchbutnice.design/
2020-05-13 - detail
- grad. ice | grad.
- ハンバーガーメニュー展開時のアニメーションが美しいです。
-
https://grad.satuma-vidro.co.jp/
2020-08-24 - detail
- MIDORI.so | みどり荘
- FVのデザインが面白いです。
-
http://midori.so/
2020-10-09 - detail
- VISUALIZE 60
- 日本語サイトとは思えないほど美しいです。
-
https://visualize60.ndc.co.jp/
2021-03-12 - detail
- 横浜スタジアム
- リンクマークのマウスオーバーアニメーションが素敵です。
-
https://www.yokohama-stadium.co.jp/
2020-11-11 - detail
- FORCAS | ABM実践を強力にサポートするB2Bマーケティングプラットフォーム
- KVの大胆な白透かしで少し考えが変わりました。
-
https://www.forcas.com/
2020-08-31 - detail
- The Climate Pledge
- 全体の質感が素敵です。
-
https://www.theclimatepledge.com/
2021-02-16 - detail
- Draw all roads in a city at once
- 出力される地図がお洒落に見えます。
-
https://anvaka.github.io/city-roads/
2020-09-30 - detail
- ユーザベース
- 初回訪問時の言語選択が親切です。
-
https://www.uzabase.com/
2021-01-04 - detail
- 植物の生命力を肌へ｜BOTANIST SKINCARE EVER
- 背景と画像のシャドーの関係性が良いです。
-
https://botanistofficial.com/special/skincare_ever/
2020-08-11 - detail
TOPページ「Our community」の左側部分に注目すると紙が破られたような表現があります。
こちらを境に背景画像がズームされるようにアニメーションします。
更にマウスの動きに対して背景が上下左右に動きます。
その際に、破られた紙の上に建物が重なってきます。
この二重の視差効果が非常に面白い仕組みです。