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 umami-ware.com
Umami Ware
MENUという文字だけのナビゲーションなのですが、CLOSEはCLSEと略すのが一般的なのでしょうか?
https://umami-ware.com/
2020-06-29
detail
Screenshot of lesinge.paris
Le Singe
リアルなものにマウスを追いかけられたのは初めてです。
https://lesinge.paris/fr
2020-12-15
detail
Screenshot of bornsteinlyckefors.se
Bornstein LyckeforsBornstein Lyckefors
ヘッダーの表現が好みです。
https://bornsteinlyckefors.se/
2022-04-04
detail
Screenshot of tote.design
tote inc.
音楽も含めて世界観が好みです。
https://tote.design/
2022-02-25
detail
Screenshot of gooone.help
gooone(ゴーン) | 三浦・三崎の観光情報マガジン
地元のメディアサイトにしては、盛り沢山なギミックで完成度が高く感じました。
https://gooone.help/
2020-09-24
detail
Screenshot of www.oniguili.jp
oniguili
レイアウトが素敵です。
https://www.oniguili.jp/
2021-05-07
detail
Screenshot of grad.satuma-vidro.co.jp
grad. ice | grad.
ハンバーガーメニュー展開時のアニメーションが美しいです。
https://grad.satuma-vidro.co.jp/
2020-08-24
detail
Screenshot of suppose.jp
SUPPOSE DESIGN OFFICE
建築物とサイトのデザインがマッチしています。
https://suppose.jp/
2020-12-04
detail
Screenshot of storywriter.tokyo
StoryWriter | ストリートを愛するカルチャー・マガジン
SPでのKVがPCでは、左カラムの位置にあります。両デバイスのアスペクト比を考えると理にかなっているかもしれないです。
https://storywriter.tokyo/
2020-06-24
detail
Screenshot of factfashion.jp
FACT FASHION
キャッチコピーの使用方法が面白いです。
https://factfashion.jp/
2020-11-27
detail
Screenshot of fleava.com
Fleava | Bali, Jakarta and Singapore Web Design, Mobile App, Branding, Digital Advertising Agency
ハンバーガーメニューのデザインがお洒落です。
https://fleava.com/
2020-09-04
detail
Screenshot of butfirstchillout.com
CHILL OUT(チルアウト)オフィシャルサイト|【日本発】瞬間リラクゼーションドリンク
3Dモデルのモーションが美しいです。
https://butfirstchillout.com/
2020-05-09
detail

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