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 kodomonooka-nursery.jp
社会福祉法人小浜会 こどもの丘ナーサリー | 長崎県雲仙市の企業主導型保育園
イラストが良いです。
http://kodomonooka-nursery.jp/
2020-09-23
detail
Screenshot of butfirstchillout.com
CHILL OUT(チルアウト)オフィシャルサイト|【日本発】瞬間リラクゼーションドリンク
3Dモデルのモーションが美しいです。
https://butfirstchillout.com/
2020-05-09
detail
Screenshot of www.ditjapan.com
Do it Theater 新しいシーンは、THEATERからはじまる。
ボタンアニメーションや罫線の使い方が独特で参考になります。
https://www.ditjapan.com/
2020-06-17
detail
Screenshot of tensui.or.jp
天水福祉事業会
「リンクを強調する」というスイッチ、初めて見ます。
https://tensui.or.jp/
2020-10-09
detail
Screenshot of town.odakyu-chukai.com
town | 小田急の仲介
スクロールでボケていくKVの写真が面白いです。
https://town.odakyu-chukai.com/
2021-05-21
detail
Screenshot of www.jibaisekihoken-koho.jp
自賠責保険広報|今すぐカクニン!期限切れ。
一般社団法人日本損害保険協会らしくないイメージに攻めの姿勢を感じました。
https://www.jibaisekihoken-koho.jp/
2020-06-11
detail
Screenshot of umami-ware.com
Umami Ware
MENUという文字だけのナビゲーションなのですが、CLOSEはCLSEと略すのが一般的なのでしょうか?
https://umami-ware.com/
2020-06-29
detail
Screenshot of virginhyperloop.com
Virgin Hyperloop
1080kmも出るらしいです。
https://virginhyperloop.com/
2020-09-23
detail
Screenshot of franciscamoura.com
Francisca Moura – Graphic & Interaction Designer
ローディングがコピーライトの数字というのが面白いです。
https://franciscamoura.com/
2022-02-10
detail
Screenshot of unit-studio.ru
Производство модульных павильонов из морских контейнеров
建物のデザインとサイトデザインがマッチしているように感じます。
https://unit-studio.ru/
2020-09-08
detail
Screenshot of liberta-perfume.com
LIBERTA Perfume(リベルタパフューム)
写真の光の当たり方が好みです。
https://liberta-perfume.com/top
2020-06-08
detail
Screenshot of maisoncacao.com
MAISON CACAO公式ブランドサイト
productの詳細ページにて、ページ最下層まで到達すると次ページの読み込みが始まるのですが、その際のアニメーションが自然で美しいです。
https://maisoncacao.com/
2020-05-19
detail

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