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 kaleidozdesign.com
Kaleidoz – Value Through Design
HOMEのキューブ型ナビゲーションが面白いです。
https://kaleidozdesign.com/
2020-09-11
detail
Screenshot of virginhyperloop.com
Virgin Hyperloop
1080kmも出るらしいです。
https://virginhyperloop.com/
2020-09-23
detail
Screenshot of pizzapizza.io
Pizza Pizza
単純な好みなのかもしれませんが…シンプルなグリッドシステムとフッターでのアニメーションが素敵です。
https://pizzapizza.io/
2020-09-03
detail
Screenshot of geekpictures.co.jp
GEEK PICTURES
FVからスクロールした際の、ヘッダー周りのレイアウト変化が素敵です。
https://geekpictures.co.jp/
2020-11-25
detail
Screenshot of ryutanishitani.jp
西谷デザイン
ついスクロールがとまります。
https://ryutanishitani.jp/
2020-07-29
detail
Screenshot of ferrumpipe.com
Ferrumpipe — Fences and security gates manufacture
この商材で、このクオリティを実現させるのは凄いです。
https://ferrumpipe.com/
2020-09-10
detail
Screenshot of www.jcomm.co.jp
株式会社 JR西日本コミュニケーションズ
人物画像にマウスオーバーすると、写真の後ろに文字が入る工夫が面白いです。
https://www.jcomm.co.jp/recruit/newgrads/
2020-05-11
detail
Screenshot of patrickheng.com
Patrick Heng – Creative Developer Portfolio
マウスがオブジェクトにあたった際のモーションが気持ち良いです。
https://patrickheng.com/
2020-07-17
detail
Screenshot of www.toei.co.jp
ACTION!
全方向スクロールで作るデザインが面白いです。
https://www.toei.co.jp/company/recruit/fresh/
2022-01-04
detail
Screenshot of andmade.jp
ANDMADE Inc. / アンドメイド
クセのあるフォント(Voyage)を上手くまとめていて参考になります。
https://andmade.jp/
2020-07-29
detail
Screenshot of www.jonasreymondin.com
Jonas Reymondin – UX/UI Designer + Front-end Developer
グリッドでレイアウトする際の参考にクリップしています。
https://www.jonasreymondin.com/
2020-06-04
detail
Screenshot of overcovid.pointapp.org
Over Covid | POINT
最近はこういったしっかり区切って、しっかり文字を詰め込んだサイトに興味があります。
https://overcovid.pointapp.org/
2020-08-07
detail

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