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 fremtidensuddannelser.dk
SDU – Future Education
アニメーションがと操作感が面白く見てしまいます。
https://fremtidensuddannelser.dk/en
2020-09-04
detail
Screenshot of chillandcoserifos.com
Hotel in Serifos Island, Greece | Chill & Co. Hotel and Café Resto Bar
確かにchillを感じます。
https://chillandcoserifos.com/
2020-08-17
detail
Screenshot of garden-eight.com
Garden Eight
すべてのページに参考にしたい要素が詰まっています。
https://garden-eight.com/ja
2022-02-10
detail
Screenshot of virtualmuseum.fukuoka-kenbi.jp
福岡県立バーチャル美術館
トップだけでなく、下層もギミック満載です。
https://virtualmuseum.fukuoka-kenbi.jp/
2021-05-13
detail
Screenshot of peakzone.jp
PEAKZONE
「もしかしてピークゾーン?」部分のSVGアニメーションの使い方が良いです。
https://peakzone.jp/
2020-06-09
detail
Screenshot of www.actus-interior.com
NODERIUM |アクタスのインテリアグリーン、観葉植物
コンテンツ幅を1620pxをmaxとしていますが、背景に色がついていることfooterが100%表示になっていることで、縁のあるデザインに見えています。
https://www.actus-interior.com/noderium/
2020-06-29
detail
Screenshot of rittorbase.jp
御茶ノ水RITTOR BASE
レイアウトが好みです。
https://rittorbase.jp/
2022-03-15
detail
Screenshot of geekpictures.co.jp
GEEK PICTURES
FVからスクロールした際の、ヘッダー周りのレイアウト変化が素敵です。
https://geekpictures.co.jp/
2020-11-25
detail
Screenshot of a-dot.co.jp
adot|プロデュースカンパニー・エードット
綺麗なクリエイティブが目をひきます。
https://a-dot.co.jp/
2020-05-12
detail
Screenshot of kodomonooka-nursery.jp
社会福祉法人小浜会 こどもの丘ナーサリー | 長崎県雲仙市の企業主導型保育園
イラストが良いです。
http://kodomonooka-nursery.jp/
2020-09-23
detail
Screenshot of homesociete.ca
Home Société | Contemporary Home & Outdoor Furniture
トレンドのビッグタイポと横スクロールをうまく合わせています。
https://homesociete.ca/
2020-05-19
detail
Screenshot of www.moooi.com
Moooi
コンセプトタイトル、BGM、アニメーションが印象的でつい見入ってしまいます。ソースコードに製作者の記載があります。
https://www.moooi.com/en/a-life-extraordinary
2020-05-22
detail

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