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 batou.jp
BATOU
写真とタイポグラフィーの組み合わせ方が面白いです。
https://batou.jp/
2021-11-04
detail
Screenshot of at-home.club
At Home
全てのページを開閉式のようにみせるレイアウトが流行っているのかもしれないです。
https://at-home.club/
2020-08-11
detail
Screenshot of dieselwynwood.miami
Diesel Wynwood ⏤ Condominium
ブラウン管画面のような立体感とコンタクト画面でのざらつきが特徴的です。
https://dieselwynwood.miami/
2020-05-11
detail
Screenshot of memu.earthhotel.jp
MEMU EARTH HOTEL
テキストのないトップページが印象的です。
http://memu.earthhotel.jp/
2020-05-18
detail
Screenshot of b-o-l-d.jp
BOLD
Webらしくない表現と「なるほど」と思うWebへの展開が面白いです。
https://b-o-l-d.jp/
2021-11-04
detail
Screenshot of sretks.com
SRETKS.com
背景が立体に見えるのでしょうか？今、あのメガネが欲しいです。
https://sretks.com/
2020-09-16
detail
Screenshot of andmade.jp
ANDMADE Inc. / アンドメイド
クセのあるフォント(Voyage)を上手くまとめていて参考になります。
https://andmade.jp/
2020-07-29
detail
Screenshot of www.cupnoodle.jp
カップヌードルの裏側
みんなのギモンページにあるアコーディオンのマウスオーバー表現が良いです。
https://www.cupnoodle.jp/uragawa/
2021-07-28
detail
Screenshot of ryutanishitani.jp
西谷デザイン
ついスクロールがとまります。
https://ryutanishitani.jp/
2020-07-29
detail
Screenshot of cuberto.com
Cuberto — Leading digital agency
featured projectsでの画像の見せ方が面白いです。
https://cuberto.com/
2020-09-03
detail
Screenshot of www.crazy.co.jp
株式会社CRAZY(株式会社クレイジー) | CRAZY,Inc.
フッター付近での背景のアニメーションが素敵です。
https://www.crazy.co.jp/
2020-09-08
detail
Screenshot of nesting.me
NESTING
PCのメニューがスクロールで横積みに変わるのが面白いです。
https://nesting.me/
2022-10-07
detail

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