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.nara-u.ac.jp
https://www.nara-u.ac.jp/buddience/
自分と似ている仏様がわかります。
https://www.nara-u.ac.jp/buddience/
2020-09-04
detail
Screenshot of www.pics.tokyo
P.I.C.S.
WORKSが面白いです。
https://www.pics.tokyo/
2020-09-29
detail
Screenshot of newview.design
NEWVIEW
この騒がしさが今の気分です。
https://newview.design/
2020-08-21
detail
Screenshot of www.hitachi-ip.co.jp
新卒採用:日立インダストリアルプロダクツ
ボトムに固定されたテキストが今風で素敵です。
https://www.hitachi-ip.co.jp/recruit/newgraduate/
2020-05-09
detail
Screenshot of www.obunsha.co.jp
旺文社 ブランドサイト
ヒストリーのデザインがシンプルで良いです。
https://www.obunsha.co.jp/pr/change/
2021-11-04
detail
Screenshot of hiro.london
田邑嘉浩|HIRO.LONDON|GARDEN ARTIST — HIRO.LONDON
WORKS詳細ページのUIが新しいです。
https://hiro.london/jp/
2020-07-29
detail
Screenshot of experience.covermymeds.com
CoverMyMeds Careers
TOPページ「Our community」部分の視差効果が不思議です。
https://experience.covermymeds.com/
2020-06-08
detail
Screenshot of www.mcube.fr
Mcube
グリッチ効果の使い方が面白いです。
https://www.mcube.fr/
2020-06-01
detail
Screenshot of hypertria.com
Hyper Tria
動かない動画が面白いです。
https://hypertria.com/
2021-11-04
detail
Screenshot of tebiyamaya.com
手火山家(てびやまや)河文伝承
自分ではやらないようなヘッダーレイアウトだったので参考になります。
https://tebiyamaya.com/
2020-07-17
detail
Screenshot of partners.cpeople.ru
CreativeCrew
スプレーの表現とボタンホバー時の音が良いです。テキスト量の多い横スクロール時の参考にも良いかも。
https://partners.cpeople.ru/en/
2020-07-08
detail
Screenshot of f-font.com
デザイナーのフォント見本帳「F」
便利です。
https://f-font.com/
2022-08-04
detail

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