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.crazy.co.jp
株式会社CRAZY(株式会社クレイジー) | CRAZY,Inc.
フッター付近での背景のアニメーションが素敵です。
https://www.crazy.co.jp/
2020-09-08
detail
Screenshot of www.jonasreymondin.com
Jonas Reymondin – UX/UI Designer + Front-end Developer
グリッドでレイアウトする際の参考にクリップしています。
https://www.jonasreymondin.com/
2020-06-04
detail
Screenshot of www.ranaextractive.com
RaNa extractive, inc.
細かいところまで作り込まれています。
https://www.ranaextractive.com/
2020-12-03
detail
Screenshot of tsuzuku.tokyo
クリエーティブ・ディレクター・コレクティブ (つづく)
レイアウトや質感が素敵です。
https://tsuzuku.tokyo/
2022-02-25
detail
Screenshot of cuberto.com
Cuberto — Leading digital agency
featured projectsでの画像の見せ方が面白いです。
https://cuberto.com/
2020-09-03
detail
Screenshot of vooban.com
Accueil — Vooban
メニュー内にある＋アイコンから−になるアニメーションが良いです。
https://vooban.com/
2020-11-30
detail
Screenshot of www.kingjim.co.jp
「テプラ」PRO用アプリ「Hello」
画像の拡大表現が面白いです。
https://www.kingjim.co.jp/sp/hello/
2020-10-28
detail
Screenshot of snd.dev
SND
サイトも音も素敵です。
https://snd.dev/
2022-03-15
detail
Screenshot of rinnai.jp
Micro Bubble Bath Unit by Rinnai ｜ 公式サイト
高級感のあるLPです。
https://rinnai.jp/microbubble/
2020-08-20
detail
Screenshot of www.atotorimusuko.com
求人米「あととりむすこ」 / Recruiting Rice
生産者を自分で探す米というのが良いです。
http://www.atotorimusuko.com/
2020-10-02
detail
Screenshot of visualize60.ndc.co.jp
VISUALIZE 60
日本語サイトとは思えないほど美しいです。
https://visualize60.ndc.co.jp/
2021-03-12
detail
Screenshot of ana-chro.setagaya-ldc.net
世田谷クロニクル 1936-83
動画などのタイトル表記に使われているシールの飾りが、時代を感じさせる面白いアクセントになっています。
https://ana-chro.setagaya-ldc.net/
2020-05-11
detail

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