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.opensky.jp
株式会社OpenSky
なんとなく観てしまいました。
https://www.opensky.jp/
2021-02-08
detail
Screenshot of studiomaertens.com
Studio Mærtens
ローディングがお洒落です。マウスカーソルがそのままロードアニメーションになっているのも良いです。
https://studiomaertens.com/
2020-06-08
detail
Screenshot of www.azusasekkei.co.jp
建築に、温度を。｜梓設計
KV下にある各セクションがマウスオーバーで動画に切り替わります。また実績紹介のマウスオーバーも大胆さが面白いです。
https://www.azusasekkei.co.jp/
2020-05-13
detail
Screenshot of grad.satuma-vidro.co.jp
grad. ice | grad.
ハンバーガーメニュー展開時のアニメーションが美しいです。
https://grad.satuma-vidro.co.jp/
2020-08-24
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 lmchabot.com
LM Chabot
画像がロードされる前にカラフルな要素が表示されているとことが良いです。
https://lmchabot.com/
2020-06-15
detail
Screenshot of butfirstchillout.com
CHILL OUT（チルアウト）オフィシャルサイト｜【日本発】瞬間リラクゼーションドリンク
3Dモデルのモーションが美しいです。
https://butfirstchillout.com/
2020-05-09
detail
Screenshot of lessnoros.com
Les Snorôs
表の見せ方がパッケージのような印象が出ていて好みです
https://lessnoros.com/
2020-10-28
detail
Screenshot of lamalama.nl
Lama Lama
マウスに反応する仕掛けが面白いです。
https://lamalama.nl/
2021-12-06
detail
Screenshot of pu-ca.jp
プーカ株式会社
ハンバーガーメニュー展開時のカレント表示が面白いです。
https://pu-ca.jp/
2021-01-08
detail
Screenshot of sumi.fillinglife.co
FIL – SUMI LIMITED
細かいところまでアニメーションが計算されているように感じます。
https://sumi.fillinglife.co/
2020-07-29
detail
Screenshot of www.dystopiancreatives.com
Dystopian Creatives
レイアウトの感覚と手書きのラインが絶妙です。
https://www.dystopiancreatives.com/
2020-08-20
detail

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