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 saison2020-21.opera-lyon.com
Reflection – Une expérience de l’Opéra de Lyon
写真の切り替え方法とマウスいちに反応するアニメーションが独特です。
https://saison2020-21.opera-lyon.com/
2020-07-21
detail
Screenshot of www.otsuka.co.jp
CalorieMate to Programmer | 大塚製薬
デザインも素晴らしいですが、企画自体に色々なことを考えさせられます。CUIモードあり。
https://www.otsuka.co.jp/cmt/to_programmer/
2020-08-04
detail
Screenshot of fremtidensuddannelser.dk
SDU – Future Education
アニメーションがと操作感が面白く見てしまいます。
https://fremtidensuddannelser.dk/en
2020-09-04
detail
Screenshot of www.pics.tokyo
P.I.C.S.
WORKSが面白いです。
https://www.pics.tokyo/
2020-09-29
detail
Screenshot of hitotomori.net
ひとともり
ラインを使用した細かいデザインがシンプルで、とても素敵です。
https://hitotomori.net/
2020-06-26
detail
Screenshot of katiforner.com
Kati Forner – Welcome
丸いメニューと写真のレイアウトがおしゃれです。
https://katiforner.com/
2020-05-10
detail
Screenshot of kovalweb.com
Koval Web
ホバーアニメーションなどの細かい部分が、見たことのないアニメーションをたくさん使用しています。
https://kovalweb.com/
2020-11-16
detail
Screenshot of www.acc-awards.com
広告だからこそ、できることがきっとある。|2020 60th ACC TOKYO CREATIVITY AWARDS ブランデッド・コミュニケーション部門
表示の際のアニメーションが面白いです。
http://www.acc-awards.com/2020fes/bc/thoughts/
2020-07-20
detail
Screenshot of www.jonasreymondin.com
Jonas Reymondin – UX/UI Designer + Front-end Developer
グリッドでレイアウトする際の参考にクリップしています。
https://www.jonasreymondin.com/
2020-06-04
detail
Screenshot of umami-ware.com
Umami Ware
MENUという文字だけのナビゲーションなのですが、CLOSEはCLSEと略すのが一般的なのでしょうか?
https://umami-ware.com/
2020-06-29
detail
Screenshot of magazine.cainz.com
となりのカインズさん | ホームセンターを遊び倒すメディア
ホームセンターのマガジンです。
https://magazine.cainz.com/
2020-07-21
detail
Screenshot of ryutanishitani.jp
西谷デザイン
ついスクロールがとまります。
https://ryutanishitani.jp/
2020-07-29
detail

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