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.docomosky.jp
ドローンプラットフォーム docomo sky
スクロールに応じて動画が再生されるコンテンツが増えています。
https://www.docomosky.jp/
2020-10-09
detail
Screenshot of virginhyperloop.com
Virgin Hyperloop
1080kmも出るらしいです。
https://virginhyperloop.com/
2020-09-23
detail
Screenshot of boards.boldare.com
Boldare Boards — the online collaboration app
あえて懐かしいデザインを取り入れているがギミックは新しいものばかりでギャップが面白いです。
https://boards.boldare.com/
2020-10-27
detail
Screenshot of www.nara-u.ac.jp
https://www.nara-u.ac.jp/buddience/
自分と似ている仏様がわかります。
https://www.nara-u.ac.jp/buddience/
2020-09-04
detail
Screenshot of www.aquarium.ru
Aquarium’s Very Own Home Page
世界観と技術レベルが高いサイトです。
https://www.aquarium.ru/en
2020-07-13
detail
Screenshot of www.mcube.fr
Mcube
グリッチ効果の使い方が面白いです。
https://www.mcube.fr/
2020-06-01
detail
Screenshot of storywriter.tokyo
StoryWriter | ストリートを愛するカルチャー・マガジン
SPでのKVがPCでは、左カラムの位置にあります。両デバイスのアスペクト比を考えると理にかなっているかもしれないです。
https://storywriter.tokyo/
2020-06-24
detail
Screenshot of nesting.me
NESTING
PCのメニューがスクロールで横積みに変わるのが面白いです。
https://nesting.me/
2022-10-07
detail
Screenshot of www.houyhnhnm.jp
JOHNNIE WALKER x HOUYHNHNM | WALKER’S club H
流れる文字が直線ではないところが技術的に面白いです。
https://www.houyhnhnm.jp/walkers_club_h/
2020-06-08
detail
Screenshot of www.oniguili.jp
oniguili
レイアウトが素敵です。
https://www.oniguili.jp/
2021-05-07
detail
Screenshot of rittorbase.jp
御茶ノ水RITTOR BASE
レイアウトが好みです。
https://rittorbase.jp/
2022-03-15
detail
Screenshot of fleava.com
Fleava | Bali, Jakarta and Singapore Web Design, Mobile App, Branding, Digital Advertising Agency
ハンバーガーメニューのデザインがお洒落です。
https://fleava.com/
2020-09-04
detail

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