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 haradayuki.com
原田裕規「Unreal Ecology」京都芸術センター
レイアウトが好みです。
https://haradayuki.com/unreal-ecology/?ja
2022-03-16
detail
Screenshot of konpeidou.jp
金平堂(KONPEIDOU)−おしゃれな金平糖。プチギフトや引出物、粗品に。香料不使用。
とにかくロゴが好みです。
http://konpeidou.jp/
2020-05-09
detail
Screenshot of patrickheng.com
Patrick Heng – Creative Developer Portfolio
マウスがオブジェクトにあたった際のモーションが気持ち良いです。
https://patrickheng.com/
2020-07-17
detail
Screenshot of arrival.com
Arrival | Integrated Transport Ecosystem | Discover Bus and Van
プロダクトの表現と非常にマッチしているシンプルなデザインです。
https://arrival.com/
2020-08-11
detail
Screenshot of katiforner.com
Kati Forner – Welcome
丸いメニューと写真のレイアウトがおしゃれです。
https://katiforner.com/
2020-05-10
detail
Screenshot of virginhyperloop.com
Virgin Hyperloop
1080kmも出るらしいです。
https://virginhyperloop.com/
2020-09-23
detail
Screenshot of www.and-love.com
and株式会社
お洒落なオリジナル作業着に心を掴まれました。
https://www.and-love.com/
2020-08-06
detail
Screenshot of chillandcoserifos.com
Hotel in Serifos Island, Greece | Chill & Co. Hotel and Café Resto Bar
確かにchillを感じます。
https://chillandcoserifos.com/
2020-08-17
detail
Screenshot of mitobedesign.co.jp
MITOBE DESIGN CORPORATION
FVでの「SCROLL」が良いアイデアです。
https://mitobedesign.co.jp/
2021-01-25
detail
Screenshot of www.acsl.co.jp
ACSL | 株式会社自律制御システム研究所
KVが1スクロールでopacity:0;になるところが気持ち良いです。
https://www.acsl.co.jp/
2020-07-29
detail
Screenshot of pu-ca.jp
プーカ株式会社
ハンバーガーメニュー展開時のカレント表示が面白いです。
https://pu-ca.jp/
2021-01-08
detail
Screenshot of isai-inc.co.jp
isai Inc.
NEW WORKSを90度回転させて並べているところに新しさを感じました。
https://isai-inc.co.jp/
2020-05-13
detail

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