Screenshot of storywriter.tokyo
StoryWriter | ストリートを愛するカルチャー・マガジン
SPでのKVがPCでは、左カラムの位置にあります。両デバイスのアスペクト比を考えると理にかなっているかもしれないです。
https://storywriter.tokyo/
2020-06-24

出版・ウェブマガジン のデザイン参考サイト
「 StoryWriter | ストリートを愛するカルチャー・マガジン 」

StoryWriter | ストリートを愛するカルチャー・マガジン
SPでのKVがPCでは、左カラムの位置にあります。両デバイスのアスペクト比を考えると理にかなっているかもしれないです。
https://storywriter.tokyo/
2020-06-24

KVは縦にスクロールするところも面白いです。
全体的に縦に流れるサイトですが、ピックアップのみ横にスクロールします。
ウェブマガジンはサムネイルを並べるという性質上、同じようなレイアウトになります。
そのため特にPCではピックアップのみ横スクロールになっているということに気づかない場合がありそうです。

back
Screenshot of materials.8card.net
Eight 8/8/8th Anniversary
オープニングの数字のスクロールが素敵です。
https://materials.8card.net/product/888/
2020-09-17
detail
Screenshot of agneslloydplatt.com
Agnes Lloyd-Platt
ファビコンにアニgifを設定できるなんて知りませんでした。
https://agneslloydplatt.com/
2020-07-01
detail
Screenshot of lamalama.nl
Lama Lama
マウスに反応する仕掛けが面白いです。
https://lamalama.nl/
2021-12-06
detail
Screenshot of maisoncacao.com
MAISON CACAO公式ブランドサイト
productの詳細ページにて、ページ最下層まで到達すると次ページの読み込みが始まるのですが、その際のアニメーションが自然で美しいです。
https://maisoncacao.com/
2020-05-19
detail
Screenshot of www.acc-awards.com
広告だからこそ、できることがきっとある。｜2020 60th ACC TOKYO CREATIVITY AWARDS ブランデッド・コミュニケーション部門
表示の際のアニメーションが面白いです。
http://www.acc-awards.com/2020fes/bc/thoughts/
2020-07-20
detail
Screenshot of grids.obys.agency
Grids
通常でも素敵ですが、GridとCrazy Modeがすごいです。
https://grids.obys.agency/
2021-08-31
detail
Screenshot of lmchabot.com
LM Chabot
画像がロードされる前にカラフルな要素が表示されているとことが良いです。
https://lmchabot.com/
2020-06-15
detail
Screenshot of www.thequeenandthecrown.com
The Queen and The Crown
奥行きが面白いサイトです。
https://www.thequeenandthecrown.com/
2020-12-04
detail
Screenshot of tebiyamaya.com
手火山家（てびやまや）河文伝承
自分ではやらないようなヘッダーレイアウトだったので参考になります。
https://tebiyamaya.com/
2020-07-17
detail
Screenshot of peakzone.jp
PEAKZONE
「もしかしてピークゾーン？」部分のSVGアニメーションの使い方が良いです。
https://peakzone.jp/
2020-06-09
detail
Screenshot of standby-inc.com
Standby Inc.
シンプルなヘッダーとイメージの見せ方、全体の雰囲気が非常に好みです。
https://standby-inc.com/
2020-05-15
detail
Screenshot of ayond.jp
AYOND
作品も含めて好みです。
https://ayond.jp/
2022-04-13
detail

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