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 hiro.london
田邑嘉浩|HIRO.LONDON|GARDEN ARTIST — HIRO.LONDON
WORKS詳細ページのUIが新しいです。
https://hiro.london/jp/
2020-07-29
detail
Screenshot of www.cupnoodle.jp
カップヌードルの裏側
みんなのギモンページにあるアコーディオンのマウスオーバー表現が良いです。
https://www.cupnoodle.jp/uragawa/
2021-07-28
detail
Screenshot of industrycity.com
Industry City
自分では選ばない色のセレクトだったので参考にします。
https://industrycity.com/
2020-10-12
detail
Screenshot of overcovid.pointapp.org
Over Covid | POINT
最近はこういったしっかり区切って、しっかり文字を詰め込んだサイトに興味があります。
https://overcovid.pointapp.org/
2020-08-07
detail
Screenshot of be-at-tokyo.com
BE.AT TOKYO
色数の多いデザインが増えてきたように思えます。
https://be-at-tokyo.com/
2020-10-16
detail
Screenshot of www.acsl.co.jp
ACSL | 株式会社自律制御システム研究所
KVが1スクロールでopacity:0;になるところが気持ち良いです。
https://www.acsl.co.jp/
2020-07-29
detail
Screenshot of www.point.app
Point — The do it all debit card.
カードがかっこいいです。
https://www.point.app/
2020-08-05
detail
Screenshot of www.wakabayashi.co.jp
京仏壇・京仏具・伝統工芸 若林佛具製作所
KVスライド部分で、背景を活かしたキャッチ画像の使い方が効果的です。
https://www.wakabayashi.co.jp/
2020-06-15
detail
Screenshot of agreen.tokyo
A Green|Greenery Scent Architecture & Design
レイアウトとコーディングの関係が美しいです。
https://agreen.tokyo/
2020-05-09
detail
Screenshot of www.antigif.nl
ANTIGIF – De ontwerpstudio in Den Bosch
左右にナビゲーションが存在しています。
https://www.antigif.nl/
2020-08-31
detail
Screenshot of arrival.com
Arrival | Integrated Transport Ecosystem | Discover Bus and Van
プロダクトの表現と非常にマッチしているシンプルなデザインです。
https://arrival.com/
2020-08-11
detail
Screenshot of bien-joue.ca
Bien Joué – Studio de production vidéo
スクロールすると画面に奥行きを感じるデザインです。
https://bien-joue.ca/
2020-08-27
detail

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