- CoverMyMeds Careers
- TOPページ「Our community」部分の視差効果が不思議です。
-
https://experience.covermymeds.com/
2020-06-08
- adot｜プロデュースカンパニー・エードット
- 綺麗なクリエイティブが目をひきます。
-
https://a-dot.co.jp/
2020-05-12 - detail
- Tela9
- archiveページの写真と動画を組み合わせた配置が参考になります。
-
https://tela9.com/
2020-07-29 - detail
- omote
- 2カラムが、新しいレイアウトのように感じました。
-
https://urakawashota.com/
2021-02-19 - detail
- CalorieMate to Programmer | 大塚製薬
- デザインも素晴らしいですが、企画自体に色々なことを考えさせられます。CUIモードあり。
-
https://www.otsuka.co.jp/cmt/to_programmer/
2020-08-04 - detail
- PEAKZONE
- 「もしかしてピークゾーン？」部分のSVGアニメーションの使い方が良いです。
-
https://peakzone.jp/
2020-06-09 - detail
- Extraset | Independent Swiss Type Foundry
- 大胆すぎるタイポグラフィーです。
-
https://extraset.ch/
2020-08-03 - detail
- BAUM（バウム）
- レイアウトが美しいです。またメンバーシップのアニメーションなど細かい部分が繊細です。
-
https://www.baumjapan.com/baum/index.html
2020-05-15 - detail
- SETOUCHI ARCHI-TOURISM
- 2カラム構成を詳細ページのレイアウトが参考になります。
-
https://setouchi-architourism.com/
2020-08-03 - detail
- SHUTDOWN.gallery
- webサイトとは思えないほどのリアリティです。
-
https://shutdown.gallery/
2020-05-14 - detail
- Ferrumpipe — Fences and security gates manufacture
- この商材で、このクオリティを実現させるのは凄いです。
-
https://ferrumpipe.com/
2020-09-10 - detail
- TeTuhi
- 大胆な配色とレイアウトが参考になります。
-
https://tetuhi.art/
2020-05-11 - detail
- Web Graphic Experiments
- 技術も凄いしデザインも素敵です。
-
https://experiments.p5aholic.me/
2020-10-05 - detail
TOPページ「Our community」の左側部分に注目すると紙が破られたような表現があります。
こちらを境に背景画像がズームされるようにアニメーションします。
更にマウスの動きに対して背景が上下左右に動きます。
その際に、破られた紙の上に建物が重なってきます。
この二重の視差効果が非常に面白い仕組みです。