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 tsuchiya-inten.jp
土屋印店
商材の見せ方、コンテンツの整理方法がうまいと感じました。
https://tsuchiya-inten.jp/
2020-11-18
detail
Screenshot of www.obunsha.co.jp
旺文社 ブランドサイト
ヒストリーのデザインがシンプルで良いです。
https://www.obunsha.co.jp/pr/change/
2021-11-04
detail
Screenshot of www.marvinschwaibold.com
Marvin Schwaibold
ALL WORKの見せ方が面白いです。
https://www.marvinschwaibold.com/
2020-08-19
detail
Screenshot of www.opensky.jp
株式会社OpenSky
なんとなく観てしまいました。
https://www.opensky.jp/
2021-02-08
detail
Screenshot of sep.co.jp
SEP,inc.
ハンバーガーメニューに対するカーソルの動きが面白いです。
https://sep.co.jp/
2021-12-15
detail
Screenshot of www.jonasreymondin.com
Jonas Reymondin – UX/UI Designer + Front-end Developer
グリッドでレイアウトする際の参考にクリップしています。
https://www.jonasreymondin.com/
2020-06-04
detail
Screenshot of lumine.co.jp
LUMINE 会社情報
平体のかかったフォントが特徴的です。
https://lumine.co.jp/
2020-07-29
detail
Screenshot of www.acc-awards.com
広告だからこそ、できることがきっとある。｜2020 60th ACC TOKYO CREATIVITY AWARDS ブランデッド・コミュニケーション部門
表示の際のアニメーションが面白いです。
http://www.acc-awards.com/2020fes/bc/thoughts/
2020-07-20
detail
Screenshot of www.museum-kawakyu.jp
川久ミュージアム | 和歌山県南紀白浜に浮かぶ美術館
日本とは思えない外観と、サイトの見せ方が良い組み合わせです。最後に現れる「宿泊」に非常に興味を持ちました。
https://www.museum-kawakyu.jp/
2020-07-03
detail
Screenshot of atolla.com
Atolla | Custom Skincare
プロダクト含めた全体の雰囲気が素敵です。
https://atolla.com/
2021-05-31
detail
Screenshot of snazzymaps.com
Snazzy Maps – Free Styles for Google Maps
googlemapのカスタマイズが一覧で表示されていて便利です。
https://snazzymaps.com/
2020-06-16
detail
Screenshot of www.atotorimusuko.com
求人米「あととりむすこ」 / Recruiting Rice
生産者を自分で探す米というのが良いです。
http://www.atotorimusuko.com/
2020-10-02
detail

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