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 saison2020-21.opera-lyon.com
Reflection – Une expérience de l’Opéra de Lyon
写真の切り替え方法とマウスいちに反応するアニメーションが独特です。
https://saison2020-21.opera-lyon.com/
2020-07-21
detail
Screenshot of www.flat-head.com
THE FLAT HEAD
最近海外サイトで見かけるボタンの日本アレンジの参考になります。
https://www.flat-head.com/
2021-09-16
detail
Screenshot of ashleyandco.co
Ashley & Co
プロダクトが美しいです。
https://ashleyandco.co/
2020-11-30
detail
Screenshot of nanameinc.jp
株式会社ナナメ – CREATIVE MOVIE MAKER
WORKSの見せ方が参考になります。
https://nanameinc.jp/
2020-08-24
detail
Screenshot of jacobmckee.com
Jacob McKee
レイアウトが好みです。
https://jacobmckee.com/
2020-07-15
detail
Screenshot of www.ditjapan.com
Do it Theater 新しいシーンは、THEATERからはじまる。
ボタンアニメーションや罫線の使い方が独特で参考になります。
https://www.ditjapan.com/
2020-06-17
detail
Screenshot of atolla.com
Atolla | Custom Skincare
プロダクト含めた全体の雰囲気が素敵です。
https://atolla.com/
2021-05-31
detail
Screenshot of urakawashota.com
omote
2カラムが、新しいレイアウトのように感じました。
https://urakawashota.com/
2021-02-19
detail
Screenshot of b-o-l-d.jp
BOLD
Webらしくない表現と「なるほど」と思うWebへの展開が面白いです。
https://b-o-l-d.jp/
2021-11-04
detail
Screenshot of explorelatitude.com
Latitude – Latitude is a publication that’s as multi-faceted as you are
ワイヤーのようなボタンやレイアウトが印象的です。
https://explorelatitude.com/
2020-07-27
detail
Screenshot of bnawall.com
BnA_WALL
アイフレーム風デザインが斬新でおしゃれです。
https://bnawall.com/
2021-07-26
detail
Screenshot of www.pics.tokyo
P.I.C.S.
WORKSが面白いです。
https://www.pics.tokyo/
2020-09-29
detail

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