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 jacobmckee.com
Jacob McKee
レイアウトが好みです。
https://jacobmckee.com/
2020-07-15
detail
Screenshot of www.thequeenandthecrown.com
The Queen and The Crown
奥行きが面白いサイトです。
https://www.thequeenandthecrown.com/
2020-12-04
detail
Screenshot of www.stellaachenbach.com
Stella Achenbach
文字のsvgアニメーションを動かし続けているのは今までなかったアイデアかもしれないです。
https://www.stellaachenbach.com/
2020-06-01
detail
Screenshot of www.ionic.co.jp
ionic （アイオニック）
画面左下のオブジェクトがスクロールしていることを理解させる役割を果たしており親切です。
https://www.ionic.co.jp/ionic/
2020-08-13
detail
Screenshot of fmj.tokyo
FMJ STUDIO
端を残しながら全面に散りばめられたKVの写真がおしゃれです。
https://fmj.tokyo/
2020-05-10
detail
Screenshot of yourra.fr
Yourra! – Happy agency
ページの最下層にある、次ページへ誘導するリンクのマウスオーバー時の表現が面白いです。
https://yourra.fr/
2020-08-11
detail
Screenshot of www.marvinschwaibold.com
Marvin Schwaibold
ALL WORKの見せ方が面白いです。
https://www.marvinschwaibold.com/
2020-08-19
detail
Screenshot of patrickheng.com
Patrick Heng – Creative Developer Portfolio
マウスがオブジェクトにあたった際のモーションが気持ち良いです。
https://patrickheng.com/
2020-07-17
detail
Screenshot of alantrotter.com
Alan Trotter dot com, for all your Alan Trotter needs
シンプルで今の気分です。
https://alantrotter.com/
2022-06-06
detail
Screenshot of kuwana-sc.com
桑名眼科脳神経クリニック
レイアウトの仕方でデザインしているように感じます。美しいです。
https://kuwana-sc.com/
2020-10-16
detail
Screenshot of liberta-perfume.com
LIBERTA Perfume(リベルタパフューム)
写真の光の当たり方が好みです。
https://liberta-perfume.com/top
2020-06-08
detail
Screenshot of cuberto.com
Cuberto — Leading digital agency
featured projectsでの画像の見せ方が面白いです。
https://cuberto.com/
2020-09-03
detail

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