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 chillandcoserifos.com
Hotel in Serifos Island, Greece | Chill & Co. Hotel and Café Resto Bar
確かにchillを感じます。
https://chillandcoserifos.com/
2020-08-17
detail
Screenshot of www.yokohama-stadium.co.jp
横浜スタジアム
リンクマークのマウスオーバーアニメーションが素敵です。
https://www.yokohama-stadium.co.jp/
2020-11-11
detail
Screenshot of muracodesigns.com
OUTDOOR GUILD MURACO
好みのデザインです。
https://muracodesigns.com/
2020-07-27
detail
Screenshot of idea.sportsmanship-heros.jp
HERO’s IDEA
トップページでのページ内での移動の挙動が面白いです。
https://idea.sportsmanship-heros.jp/
2020-11-25
detail
Screenshot of nanameinc.jp
株式会社ナナメ – CREATIVE MOVIE MAKER
WORKSの見せ方が参考になります。
https://nanameinc.jp/
2020-08-24
detail
Screenshot of kutanism.com
KUTANism　石川県小松市・能美市　産地のオンラインミュージアム
細かなアニメーションが目をひきます。
https://kutanism.com/
2020-11-10
detail
Screenshot of www.kitamuracamera.jp
新宿 北村写真機店
紙のレイアウトのようなFVが魅力的です。
https://www.kitamuracamera.jp/ja
2020-08-03
detail
Screenshot of agreen.tokyo
A Green｜Greenery Scent Architecture & Design
レイアウトとコーディングの関係が美しいです。
https://agreen.tokyo/
2020-05-09
detail
Screenshot of mono.frm.fm
FRAMED* Mono X7
欲しいです。
https://mono.frm.fm/shop/
2020-09-30
detail
Screenshot of hypertria.com
Hyper Tria
動かない動画が面白いです。
https://hypertria.com/
2021-11-04
detail
Screenshot of store.tsigs.com
ゴルフウェア&ゴルフグッズ【ピージージー】
KVの写真の見せ方が面白いです。紙のルックブックを見ているようです。
https://store.tsigs.com/pgg/
2020-05-15
detail
Screenshot of www.wakabayashi.co.jp
京仏壇・京仏具・伝統工芸 若林佛具製作所
KVスライド部分で、背景を活かしたキャッチ画像の使い方が効果的です。
https://www.wakabayashi.co.jp/
2020-06-15
detail

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