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 ninjo.gojyo-taxi.com
互助交通
テキストの上にのったマテリアルで雰囲気が出ています。
https://ninjo.gojyo-taxi.com/
2020-05-09
detail
Screenshot of alantrotter.com
Alan Trotter dot com, for all your Alan Trotter needs
シンプルで今の気分です。
https://alantrotter.com/
2022-06-06
detail
Screenshot of www.providerstore.com.au
Provider Store
日本らしさと海外のような雰囲気とが混ざっており素敵です。
https://www.providerstore.com.au/
2021-02-16
detail
Screenshot of www.toei.co.jp
ACTION！
全方向スクロールで作るデザインが面白いです。
https://www.toei.co.jp/company/recruit/fresh/
2022-01-04
detail
Screenshot of pollykole.com
Polly Kole Art portfolio
とにかく世界観と技術レベルが高いです。好みです。
https://pollykole.com/
2020-05-20
detail
Screenshot of branche-chocolat.jp
BRANCHÉ CHOCOLAT | ブランシェ・ショコラ
#至福の正⽅形 というコピー、プロダクトや雰囲気が素敵です。
https://branche-chocolat.jp/
2020-09-11
detail
Screenshot of agreen.tokyo
A Green｜Greenery Scent Architecture & Design
レイアウトとコーディングの関係が美しいです。
https://agreen.tokyo/
2020-05-09
detail
Screenshot of www.acsl.co.jp
ACSL | 株式会社自律制御システム研究所
KVが1スクロールでopacity:0;になるところが気持ち良いです。
https://www.acsl.co.jp/
2020-07-29
detail
Screenshot of goodroute.jp
GOOD ROUTE
スクロールと合わせたこのレイアウトは珍しいです。
https://goodroute.jp/
2020-11-16
detail
Screenshot of maisoncacao.com
MAISON CACAO公式ブランドサイト
productの詳細ページにて、ページ最下層まで到達すると次ページの読み込みが始まるのですが、その際のアニメーションが自然で美しいです。
https://maisoncacao.com/
2020-05-19
detail
Screenshot of bnawall.com
BnA_WALL
アイフレーム風デザインが斬新でおしゃれです。
https://bnawall.com/
2021-07-26
detail
Screenshot of extraset.ch
Extraset | Independent Swiss Type Foundry
大胆すぎるタイポグラフィーです。
https://extraset.ch/
2020-08-03
detail

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