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 garden-eight.com
Garden Eight
すべてのページに参考にしたい要素が詰まっています。
https://garden-eight.com/ja
2022-02-10
detail
Screenshot of dieselwynwood.miami
Diesel Wynwood ⏤ Condominium
ブラウン管画面のような立体感とコンタクト画面でのざらつきが特徴的です。
https://dieselwynwood.miami/
2020-05-11
detail
Screenshot of pu-ca.jp
プーカ株式会社
ハンバーガーメニュー展開時のカレント表示が面白いです。
https://pu-ca.jp/
2021-01-08
detail
Screenshot of kodomonooka-nursery.jp
社会福祉法人小浜会 こどもの丘ナーサリー | 長崎県雲仙市の企業主導型保育園
イラストが良いです。
http://kodomonooka-nursery.jp/
2020-09-23
detail
Screenshot of lmchabot.com
LM Chabot
画像がロードされる前にカラフルな要素が表示されているとことが良いです。
https://lmchabot.com/
2020-06-15
detail
Screenshot of grids.obys.agency
Grids
通常でも素敵ですが、GridとCrazy Modeがすごいです。
https://grids.obys.agency/
2021-08-31
detail
Screenshot of www.sa-n-yo.co.jp
アルパカ as こだわり綿棒
FVのインパクトが素敵です。
https://www.sa-n-yo.co.jp/kodawari/
2020-11-24
detail
Screenshot of www.impact.compassion.com.au
Your 2021 Neighbourly Impact
全体の雰囲気がすごく好みです。
https://www.impact.compassion.com.au/
2022-01-07
detail
Screenshot of dododododo.jp
cpw(シパウ)| 沖縄シークヮーサーのCCクリーム
ロゴが面白いです。
https://dododododo.jp/pow/cccream-okinawa-shikuwasa/
2020-08-20
detail
Screenshot of andmade.jp
ANDMADE Inc. / アンドメイド
クセのあるフォント(Voyage)を上手くまとめていて参考になります。
https://andmade.jp/
2020-07-29
detail
Screenshot of ronniefeng.com
Ronnie Feng | Portfolio
色味にとても惹かれました。
https://ronniefeng.com/
2021-02-10
detail
Screenshot of pollykole.com
Polly Kole Art portfolio
とにかく世界観と技術レベルが高いです。好みです。
https://pollykole.com/
2020-05-20
detail

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