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 fmj.tokyo
FMJ STUDIO
端を残しながら全面に散りばめられたKVの写真がおしゃれです。
https://fmj.tokyo/
2020-05-10
detail
Screenshot of www.jonasreymondin.com
Jonas Reymondin – UX/UI Designer + Front-end Developer
グリッドでレイアウトする際の参考にクリップしています。
https://www.jonasreymondin.com/
2020-06-04
detail
Screenshot of chillysourcetokyo.com
Chilly Source
Muliというフォントがとてもシンプルで細めのnoto sansと相性が良いように感じます。
https://chillysourcetokyo.com/
2020-05-11
detail
Screenshot of experiments.p5aholic.me
Web Graphic Experiments
技術も凄いしデザインも素敵です。
https://experiments.p5aholic.me/
2020-10-05
detail
Screenshot of nagoya.parco.jp
餃子の祭|名古屋パルコ RESTAURANTS &FOODHALL
世界観が好きです。
https://nagoya.parco.jp/page/gyoza/
2022-03-08
detail
Screenshot of www.igaming.studio
iGS · iGaming Studio · The Design and UX Agency for iGaming Brands
水平スクロールのサイトでコンテンツ最後に次ページへの誘導がついているのは珍しいかもしれないです。
https://www.igaming.studio/
2020-08-31
detail
Screenshot of yourra.fr
Yourra! – Happy agency
ページの最下層にある、次ページへ誘導するリンクのマウスオーバー時の表現が面白いです。
https://yourra.fr/
2020-08-11
detail
Screenshot of bnawall.com
BnA_WALL
アイフレーム風デザインが斬新でおしゃれです。
https://bnawall.com/
2021-07-26
detail
Screenshot of patrickheng.com
Patrick Heng – Creative Developer Portfolio
マウスがオブジェクトにあたった際のモーションが気持ち良いです。
https://patrickheng.com/
2020-07-17
detail
Screenshot of agreen.tokyo
A Green|Greenery Scent Architecture & Design
レイアウトとコーディングの関係が美しいです。
https://agreen.tokyo/
2020-05-09
detail
Screenshot of atolla.com
Atolla | Custom Skincare
プロダクト含めた全体の雰囲気が素敵です。
https://atolla.com/
2021-05-31
detail
Screenshot of underpromise.agency
Underpromise – We are a visual content agency
詰まり気味のセリフフォントをよく見かけるようになりました。
https://underpromise.agency/
2020-05-21
detail

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