Screenshot of experience.covermymeds.com
CoverMyMeds Careers
TOPページ「Our community」部分の視差効果が不思議です。
https://experience.covermymeds.com/
2020-06-08

企業 海外 のデザイン参考サイト
「 CoverMyMeds Careers 」

CoverMyMeds Careers
TOPページ「Our community」部分の視差効果が不思議です。
https://experience.covermymeds.com/
2020-06-08

TOPページ「Our community」の左側部分に注目すると紙が破られたような表現があります。
こちらを境に背景画像がズームされるようにアニメーションします。
更にマウスの動きに対して背景が上下左右に動きます。
その際に、破られた紙の上に建物が重なってきます。
この二重の視差効果が非常に面白い仕組みです。

back
Screenshot of industrycity.com
Industry City
自分では選ばない色のセレクトだったので参考にします。
https://industrycity.com/
2020-10-12
detail
Screenshot of nanameinc.jp
株式会社ナナメ – CREATIVE MOVIE MAKER
WORKSの見せ方が参考になります。
https://nanameinc.jp/
2020-08-24
detail
Screenshot of saison2020-21.opera-lyon.com
Reflection – Une expérience de l’Opéra de Lyon
写真の切り替え方法とマウスいちに反応するアニメーションが独特です。
https://saison2020-21.opera-lyon.com/
2020-07-21
detail
Screenshot of alantrotter.com
Alan Trotter dot com, for all your Alan Trotter needs
シンプルで今の気分です。
https://alantrotter.com/
2022-06-06
detail
Screenshot of www.point.app
Point — The do it all debit card.
カードがかっこいいです。
https://www.point.app/
2020-08-05
detail
Screenshot of frenchbutnice.design
Olivier Gillaizeau — SF Based Creative Director
マウスオーバーで現れる動画が目をひきます。また非表示でも背景のグラデーションが単なる余白に感じさせないデザインになっているのもセンスが良いです。
https://frenchbutnice.design/
2020-05-13
detail
Screenshot of www.marvinschwaibold.com
Marvin Schwaibold
ALL WORKの見せ方が面白いです。
https://www.marvinschwaibold.com/
2020-08-19
detail
Screenshot of fullscale.jp
株式会社フルスケール
タイトルの表示方法が面白いです。
https://fullscale.jp/
2020-11-16
detail
Screenshot of hypertria.com
Hyper Tria
動かない動画が面白いです。
https://hypertria.com/
2021-11-04
detail
Screenshot of yourra.fr
Yourra! – Happy agency
ページの最下層にある、次ページへ誘導するリンクのマウスオーバー時の表現が面白いです。
https://yourra.fr/
2020-08-11
detail
Screenshot of pu-ca.jp
プーカ株式会社
ハンバーガーメニュー展開時のカレント表示が面白いです。
https://pu-ca.jp/
2021-01-08
detail
Screenshot of www.kitamuracamera.jp
新宿 北村写真機店
紙のレイアウトのようなFVが魅力的です。
https://www.kitamuracamera.jp/ja
2020-08-03
detail

サイトのキャプチャは、自動で撮影されているため、意図していないデザインが表示されている可能性があります。