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.igaming.studio
iGS · iGaming Studio · The Design and UX Agency for iGaming Brands
水平スクロールのサイトでコンテンツ最後に次ページへの誘導がついているのは珍しいかもしれないです。
https://www.igaming.studio/
2020-08-31
detail
Screenshot of ronniefeng.com
Ronnie Feng | Portfolio
色味にとても惹かれました。
https://ronniefeng.com/
2021-02-10
detail
Screenshot of agneslloydplatt.com
Agnes Lloyd-Platt
ファビコンにアニgifを設定できるなんて知りませんでした。
https://agneslloydplatt.com/
2020-07-01
detail
Screenshot of tsuchiya-inten.jp
土屋印店
商材の見せ方、コンテンツの整理方法がうまいと感じました。
https://tsuchiya-inten.jp/
2020-11-18
detail
Screenshot of fremtidensuddannelser.dk
SDU – Future Education
アニメーションがと操作感が面白く見てしまいます。
https://fremtidensuddannelser.dk/en
2020-09-04
detail
Screenshot of www.crazy.co.jp
株式会社CRAZY(株式会社クレイジー) | CRAZY,Inc.
フッター付近での背景のアニメーションが素敵です。
https://www.crazy.co.jp/
2020-09-08
detail
Screenshot of shutdown.gallery
SHUTDOWN.gallery
webサイトとは思えないほどのリアリティです。
https://shutdown.gallery/
2020-05-14
detail
Screenshot of studiomaertens.com
Studio Mærtens
ローディングがお洒落です。マウスカーソルがそのままロードアニメーションになっているのも良いです。
https://studiomaertens.com/
2020-06-08
detail
Screenshot of town.odakyu-chukai.com
town | 小田急の仲介
スクロールでボケていくKVの写真が面白いです。
https://town.odakyu-chukai.com/
2021-05-21
detail
Screenshot of www.thequeenandthecrown.com
The Queen and The Crown
奥行きが面白いサイトです。
https://www.thequeenandthecrown.com/
2020-12-04
detail
Screenshot of patrickheng.com
Patrick Heng – Creative Developer Portfolio
マウスがオブジェクトにあたった際のモーションが気持ち良いです。
https://patrickheng.com/
2020-07-17
detail
Screenshot of sumi.fillinglife.co
FIL – SUMI LIMITED
細かいところまでアニメーションが計算されているように感じます。
https://sumi.fillinglife.co/
2020-07-29
detail

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