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.wakabayashi.co.jp
京仏壇・京仏具・伝統工芸 若林佛具製作所
KVスライド部分で、背景を活かしたキャッチ画像の使い方が効果的です。
https://www.wakabayashi.co.jp/
2020-06-15
detail
Screenshot of mono.frm.fm
FRAMED* Mono X7
欲しいです。
https://mono.frm.fm/shop/
2020-09-30
detail
Screenshot of atolla.com
Atolla | Custom Skincare
プロダクト含めた全体の雰囲気が素敵です。
https://atolla.com/
2021-05-31
detail
Screenshot of frenchbutnice.design
Olivier Gillaizeau — SF Based Creative Director
マウスオーバーで現れる動画が目をひきます。また非表示でも背景のグラデーションが単なる余白に感じさせないデザインになっているのもセンスが良いです。
https://frenchbutnice.design/
2020-05-13
detail
Screenshot of mav.farm
Mav Farm™
WebGLの使い方がすごいです。
https://mav.farm/
2020-07-16
detail
Screenshot of ellissitzky.tilda.ws
Эль Лисицкий
大胆なレイアウトが素敵です。
http://ellissitzky.tilda.ws/
2022-02-22
detail
Screenshot of chillysourcetokyo.com
Chilly Source
Muliというフォントがとてもシンプルで細めのnoto sansと相性が良いように感じます。
https://chillysourcetokyo.com/
2020-05-11
detail
Screenshot of pollykole.com
Polly Kole Art portfolio
とにかく世界観と技術レベルが高いです。好みです。
https://pollykole.com/
2020-05-20
detail
Screenshot of www.broom-studio.com
broom inc.
ProjectsやAboutのアニGIFが効いていて良いです。
https://www.broom-studio.com/
2020-08-04
detail
Screenshot of www.simplex.ca
Tools and equipment rental | Simplex
検索窓のデザインが面白いです。
https://www.simplex.ca/en-ca/
2020-09-28
detail
Screenshot of www.museum-kawakyu.jp
川久ミュージアム | 和歌山県南紀白浜に浮かぶ美術館
日本とは思えない外観と、サイトの見せ方が良い組み合わせです。最後に現れる「宿泊」に非常に興味を持ちました。
https://www.museum-kawakyu.jp/
2020-07-03
detail
Screenshot of www.niklasrosen.se
Niklas Rosén
テキストだけの構成が今の気分です。
https://www.niklasrosen.se/
2022-06-06
detail

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