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 idea.sportsmanship-heros.jp
HERO’s IDEA
トップページでのページ内での移動の挙動が面白いです。
https://idea.sportsmanship-heros.jp/
2020-11-25
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 geekpictures.co.jp
GEEK PICTURES
FVからスクロールした際の、ヘッダー周りのレイアウト変化が素敵です。
https://geekpictures.co.jp/
2020-11-25
detail
Screenshot of hypertria.com
Hyper Tria
動かない動画が面白いです。
https://hypertria.com/
2021-11-04
detail
Screenshot of partners.cpeople.ru
CreativeCrew
スプレーの表現とボタンホバー時の音が良いです。テキスト量の多い横スクロール時の参考にも良いかも。
https://partners.cpeople.ru/en/
2020-07-08
detail
Screenshot of ashleyandco.co
Ashley & Co
プロダクトが美しいです。
https://ashleyandco.co/
2020-11-30
detail
Screenshot of www.pics.tokyo
P.I.C.S.
WORKSが面白いです。
https://www.pics.tokyo/
2020-09-29
detail
Screenshot of www.actus-interior.com
NODERIUM |アクタスのインテリアグリーン、観葉植物
コンテンツ幅を1620pxをmaxとしていますが、背景に色がついていることfooterが100%表示になっていることで、縁のあるデザインに見えています。
https://www.actus-interior.com/noderium/
2020-06-29
detail
Screenshot of www.reed.be
Reed, une agence pour votre stratégie digitale
最近の流行である絵文字のようなアイコンの使い方が上手いです。特にコンタクトエリアの吸い付くアイコンが面白いです。
https://www.reed.be/
2020-06-26
detail
Screenshot of f-font.com
デザイナーのフォント見本帳「F」
便利です。
https://f-font.com/
2022-08-04
detail
Screenshot of otonamuse.jp
オトナミューズ ウェブ
カラーリングと写真のレイアウトが素敵です。
https://otonamuse.jp/
2021-11-18
detail
Screenshot of store.tsigs.com
ゴルフウェア&ゴルフグッズ【ピージージー】
KVの写真の見せ方が面白いです。紙のルックブックを見ているようです。
https://store.tsigs.com/pgg/
2020-05-15
detail

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