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

海外 のデザイン参考サイト
「 Reflection – Une expérience de l’Opéra de Lyon 」

Reflection – Une expérience de l’Opéra de Lyon
写真の切り替え方法とマウスいちに反応するアニメーションが独特です。
https://saison2020-21.opera-lyon.com/
2020-07-21

何重にもカットされている写真が切り替わるアニメーションが独特です。
それとは別に、最近、眼球に追いかけられるギミックが増えている気がします。

back
Screenshot of setouchi-architourism.com
SETOUCHI ARCHI-TOURISM
2カラム構成を詳細ページのレイアウトが参考になります。
https://setouchi-architourism.com/
2020-08-03
detail
Screenshot of www.ranaextractive.com
RaNa extractive, inc.
細かいところまで作り込まれています。
https://www.ranaextractive.com/
2020-12-03
detail
Screenshot of explorelatitude.com
Latitude – Latitude is a publication that’s as multi-faceted as you are
ワイヤーのようなボタンやレイアウトが印象的です。
https://explorelatitude.com/
2020-07-27
detail
Screenshot of underpromise.agency
Underpromise – We are a visual content agency
詰まり気味のセリフフォントをよく見かけるようになりました。
https://underpromise.agency/
2020-05-21
detail
Screenshot of anvaka.github.io
Draw all roads in a city at once
出力される地図がお洒落に見えます。
https://anvaka.github.io/city-roads/
2020-09-30
detail
Screenshot of www.crazy.co.jp
株式会社CRAZY(株式会社クレイジー) | CRAZY,Inc.
フッター付近での背景のアニメーションが素敵です。
https://www.crazy.co.jp/
2020-09-08
detail
Screenshot of hitotomori.net
ひとともり
ラインを使用した細かいデザインがシンプルで、とても素敵です。
https://hitotomori.net/
2020-06-26
detail
Screenshot of www.houyhnhnm.jp
JOHNNIE WALKER x HOUYHNHNM | WALKER’S club H
流れる文字が直線ではないところが技術的に面白いです。
https://www.houyhnhnm.jp/walkers_club_h/
2020-06-08
detail
Screenshot of junzo.com
黒田潤三アトリエ JUNZO KURODA ATELIER
写真や建築物が美しいです。
http://junzo.com/
2020-09-17
detail
Screenshot of offseasoncreative.com
Off Season Creative
しっかり区切られているレイアウトが、最近の個人的な好みです。
https://offseasoncreative.com/
2020-08-11
detail
Screenshot of www.broom-studio.com
broom inc.
ProjectsやAboutのアニGIFが効いていて良いです。
https://www.broom-studio.com/
2020-08-04
detail
Screenshot of goodroute.jp
GOOD ROUTE
スクロールと合わせたこのレイアウトは珍しいです。
https://goodroute.jp/
2020-11-16
detail

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