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 nara-iff.jp
なら国際映画祭2020
最近、ナビゲーションに記事数を表示するサイトが増えているように感じます。
https://nara-iff.jp/2020/
2020-10-09
detail
Screenshot of ashleyandco.co
Ashley & Co
プロダクトが美しいです。
https://ashleyandco.co/
2020-11-30
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 fremtidensuddannelser.dk
SDU – Future Education
アニメーションがと操作感が面白く見てしまいます。
https://fremtidensuddannelser.dk/en
2020-09-04
detail
Screenshot of agreen.tokyo
A Green｜Greenery Scent Architecture & Design
レイアウトとコーディングの関係が美しいです。
https://agreen.tokyo/
2020-05-09
detail
Screenshot of pieni.co.jp
PIENI
写真が素敵すぎます。
https://pieni.co.jp/
2020-11-13
detail
Screenshot of goodroute.jp
GOOD ROUTE
スクロールと合わせたこのレイアウトは珍しいです。
https://goodroute.jp/
2020-11-16
detail
Screenshot of virginhyperloop.com
Virgin Hyperloop
1080kmも出るらしいです。
https://virginhyperloop.com/
2020-09-23
detail
Screenshot of www.toei.co.jp
ACTION！
全方向スクロールで作るデザインが面白いです。
https://www.toei.co.jp/company/recruit/fresh/
2022-01-04
detail
Screenshot of kawa-sui.com
カワスイ 川崎水族館 – 2020年7月グランドオープン
KVのイラストがイラレの画像トレースのようなイラストですが、このように使用すると良い感じです。
https://kawa-sui.com/
2020-07-01
detail
Screenshot of matter-of-mind.fr
MØM
最近、背景のノイズ感が目につくようになりました。
https://matter-of-mind.fr/en/
2020-10-06
detail
Screenshot of www.jibaisekihoken-koho.jp
自賠責保険広報｜今すぐカクニン！期限切れ。
一般社団法人日本損害保険協会らしくないイメージに攻めの姿勢を感じました。
https://www.jibaisekihoken-koho.jp/
2020-06-11
detail

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