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.broom-studio.com
broom inc.
ProjectsやAboutのアニGIFが効いていて良いです。
https://www.broom-studio.com/
2020-08-04
detail
Screenshot of propellertokyo.jp
Propeller & Co.
ABOUTページのliの組み方が素敵です。
https://propellertokyo.jp/
2020-09-09
detail
Screenshot of therestaurant-hiroo.com
THE RESTAURANT | 広尾
全店舗の統一感が良いです。
https://therestaurant-hiroo.com/
2020-08-14
detail
Screenshot of experiments.p5aholic.me
Web Graphic Experiments
技術も凄いしデザインも素敵です。
https://experiments.p5aholic.me/
2020-10-05
detail
Screenshot of junzo.com
黒田潤三アトリエ JUNZO KURODA ATELIER
写真や建築物が美しいです。
http://junzo.com/
2020-09-17
detail
Screenshot of fullscale.jp
株式会社フルスケール
タイトルの表示方法が面白いです。
https://fullscale.jp/
2020-11-16
detail
Screenshot of botanistofficial.com
植物の生命力を肌へ|BOTANIST SKINCARE EVER
背景と画像のシャドーの関係性が良いです。
https://botanistofficial.com/special/skincare_ever/
2020-08-11
detail
Screenshot of www.cupnoodle.jp
カップヌードルの裏側
みんなのギモンページにあるアコーディオンのマウスオーバー表現が良いです。
https://www.cupnoodle.jp/uragawa/
2021-07-28
detail
Screenshot of www.yokohama-stadium.co.jp
横浜スタジアム
リンクマークのマウスオーバーアニメーションが素敵です。
https://www.yokohama-stadium.co.jp/
2020-11-11
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 f-font.com
デザイナーのフォント見本帳「F」
便利です。
https://f-font.com/
2022-08-04
detail
Screenshot of www.baumjapan.com
BAUM(バウム)
レイアウトが美しいです。またメンバーシップのアニメーションなど細かい部分が繊細です。
https://www.baumjapan.com/baum/index.html
2020-05-15
detail

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