Screenshot of www.acsl.co.jp
ACSL | 株式会社自律制御システム研究所
KVが1スクロールでopacity:0;になるところが気持ち良いです。
https://www.acsl.co.jp/
2020-07-29

テクノロジー のデザイン参考サイト
「 ACSL | 株式会社自律制御システム研究所 」

ACSL | 株式会社自律制御システム研究所
KVが1スクロールでopacity:0;になるところが気持ち良いです。
https://www.acsl.co.jp/
2020-07-29

KVのスライド自体も凝った物になっており良いですが、1スクロールですぐにコンテンツが表示されることが良いと思いました。
モーションもストレスなく気持ち良いです。
KVのフルスクリーン表示はお洒落でインパクトもあって非常によく使う処方ですが、ディスプレイが大きければ大きいほどコンテンツまでの距離が空いてしまいます。
パララックスなどを使用したり、1スクロールでコンテンツまで自動的に移動させるなどの工夫をすることが多かったですが、こういった動きもアリだと感じました。
h2の表示アニメーションも面白いです。

back
Screenshot of www.crazy.co.jp
株式会社CRAZY(株式会社クレイジー) | CRAZY,Inc.
フッター付近での背景のアニメーションが素敵です。
https://www.crazy.co.jp/
2020-09-08
detail
Screenshot of visualize60.ndc.co.jp
VISUALIZE 60
日本語サイトとは思えないほど美しいです。
https://visualize60.ndc.co.jp/
2021-03-12
detail
Screenshot of garden-eight.com
Garden Eight
すべてのページに参考にしたい要素が詰まっています。
https://garden-eight.com/ja
2022-02-10
detail
Screenshot of www.forcas.com
FORCAS | ABM実践を強力にサポートするB2Bマーケティングプラットフォーム
KVの大胆な白透かしで少し考えが変わりました。
https://www.forcas.com/
2020-08-31
detail
Screenshot of ferrumpipe.com
Ferrumpipe — Fences and security gates manufacture
この商材で、このクオリティを実現させるのは凄いです。
https://ferrumpipe.com/
2020-09-10
detail
Screenshot of bornsteinlyckefors.se
Bornstein LyckeforsBornstein Lyckefors
ヘッダーの表現が好みです。
https://bornsteinlyckefors.se/
2022-04-04
detail
Screenshot of ne-ru.com
Neru inc | Brand & Service Design Studio
ロゴが常に動いているところが可愛いです。商標登録についても考える必要がありそうです。
https://ne-ru.com/
2020-06-10
detail
Screenshot of chillysourcetokyo.com
Chilly Source
Muliというフォントがとてもシンプルで細めのnoto sansと相性が良いように感じます。
https://chillysourcetokyo.com/
2020-05-11
detail
Screenshot of mono.frm.fm
FRAMED* Mono X7
欲しいです。
https://mono.frm.fm/shop/
2020-09-30
detail
Screenshot of www.moooi.com
Moooi
コンセプトタイトル、BGM、アニメーションが印象的でつい見入ってしまいます。ソースコードに製作者の記載があります。
https://www.moooi.com/en/a-life-extraordinary
2020-05-22
detail
Screenshot of sumi.fillinglife.co
FIL – SUMI LIMITED
細かいところまでアニメーションが計算されているように感じます。
https://sumi.fillinglife.co/
2020-07-29
detail
Screenshot of www.nara-u.ac.jp
https://www.nara-u.ac.jp/buddience/
自分と似ている仏様がわかります。
https://www.nara-u.ac.jp/buddience/
2020-09-04
detail

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