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 hiro.london
田邑嘉浩|HIRO.LONDON|GARDEN ARTIST — HIRO.LONDON
WORKS詳細ページのUIが新しいです。
https://hiro.london/jp/
2020-07-29
detail
Screenshot of propellertokyo.jp
Propeller & Co.
ABOUTページのliの組み方が素敵です。
https://propellertokyo.jp/
2020-09-09
detail
Screenshot of studiomaertens.com
Studio Mærtens
ローディングがお洒落です。マウスカーソルがそのままロードアニメーションになっているのも良いです。
https://studiomaertens.com/
2020-06-08
detail
Screenshot of studio-has.jp
STUDIO HAS – スタジオ・ハス
余白やレイアウトがとても綺麗です。
https://studio-has.jp/
2020-07-03
detail
Screenshot of futurenoodles.com
Future Noodles
食品のイメージとしては珍しい配色だと思います。
https://futurenoodles.com/
2021-05-06
detail
Screenshot of vooban.com
Accueil — Vooban
メニュー内にある+アイコンから−になるアニメーションが良いです。
https://vooban.com/
2020-11-30
detail
Screenshot of www.ditjapan.com
Do it Theater 新しいシーンは、THEATERからはじまる。
ボタンアニメーションや罫線の使い方が独特で参考になります。
https://www.ditjapan.com/
2020-06-17
detail
Screenshot of unit-studio.ru
Производство модульных павильонов из морских контейнеров
建物のデザインとサイトデザインがマッチしているように感じます。
https://unit-studio.ru/
2020-09-08
detail
Screenshot of www.yokohama-stadium.co.jp
横浜スタジアム
リンクマークのマウスオーバーアニメーションが素敵です。
https://www.yokohama-stadium.co.jp/
2020-11-11
detail
Screenshot of dieselwynwood.miami
Diesel Wynwood ⏤ Condominium
ブラウン管画面のような立体感とコンタクト画面でのざらつきが特徴的です。
https://dieselwynwood.miami/
2020-05-11
detail
Screenshot of www.pics.tokyo
P.I.C.S.
WORKSが面白いです。
https://www.pics.tokyo/
2020-09-29
detail
Screenshot of www.azusasekkei.co.jp
建築に、温度を。|梓設計
KV下にある各セクションがマウスオーバーで動画に切り替わります。また実績紹介のマウスオーバーも大胆さが面白いです。
https://www.azusasekkei.co.jp/
2020-05-13
detail

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