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 www.sbs.com.au
Story Line: Six Months of COVID-19 – The Feed – SBS
ドラッグでの操作感が素敵です。
https://www.sbs.com.au/storyline/
2020-09-07
detail
Screenshot of www.jonasreymondin.com
Jonas Reymondin – UX/UI Designer + Front-end Developer
グリッドでレイアウトする際の参考にクリップしています。
https://www.jonasreymondin.com/
2020-06-04
detail
Screenshot of hyakunen.com
Consulente HYAKUNEN
レイアウトが面白いです。
http://hyakunen.com/
2020-12-21
detail
Screenshot of ndcosd.jp
NIPPON DESIGN CENTER ON SCREEN CREATIVE DIVISION
noteと合わせて見ると学ぶべき箇所が多いです。
https://ndcosd.jp/
2020-07-29
detail
Screenshot of sep.co.jp
SEP,inc.
ハンバーガーメニューに対するカーソルの動きが面白いです。
https://sep.co.jp/
2021-12-15
detail
Screenshot of studiomaertens.com
Studio Mærtens
ローディングがお洒落です。マウスカーソルがそのままロードアニメーションになっているのも良いです。
https://studiomaertens.com/
2020-06-08
detail
Screenshot of offseasoncreative.com
Off Season Creative
しっかり区切られているレイアウトが、最近の個人的な好みです。
https://offseasoncreative.com/
2020-08-11
detail
Screenshot of be-at-tokyo.com
BE.AT TOKYO
色数の多いデザインが増えてきたように思えます。
https://be-at-tokyo.com/
2020-10-16
detail
Screenshot of wearetopsecret.com
Super Top Secret // Branding & Digital Agency
テキストのレイアウトが美しいです。
https://wearetopsecret.com/
2020-05-20
detail
Screenshot of recruit.uniel.jp
UNIEL ltd. RECRUIT SITE Second Face
なんとなく気になってしまいました。雑誌のような感覚で読み進めてしまう不思議な魅力です。
https://recruit.uniel.jp/
2020-06-22
detail
Screenshot of ayond.jp
AYOND
作品も含めて好みです。
https://ayond.jp/
2022-04-13
detail
Screenshot of nanameinc.jp
株式会社ナナメ – CREATIVE MOVIE MAKER
WORKSの見せ方が参考になります。
https://nanameinc.jp/
2020-08-24
detail

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