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 agreen.tokyo
A Green｜Greenery Scent Architecture & Design
レイアウトとコーディングの関係が美しいです。
https://agreen.tokyo/
2020-05-09
detail
Screenshot of lmchabot.com
LM Chabot
画像がロードされる前にカラフルな要素が表示されているとことが良いです。
https://lmchabot.com/
2020-06-15
detail
Screenshot of overcovid.pointapp.org
Over Covid | POINT
最近はこういったしっかり区切って、しっかり文字を詰め込んだサイトに興味があります。
https://overcovid.pointapp.org/
2020-08-07
detail
Screenshot of chillysourcetokyo.com
Chilly Source
Muliというフォントがとてもシンプルで細めのnoto sansと相性が良いように感じます。
https://chillysourcetokyo.com/
2020-05-11
detail
Screenshot of town.odakyu-chukai.com
town | 小田急の仲介
スクロールでボケていくKVの写真が面白いです。
https://town.odakyu-chukai.com/
2021-05-21
detail
Screenshot of www.simplex.ca
Tools and equipment rental | Simplex
検索窓のデザインが面白いです。
https://www.simplex.ca/en-ca/
2020-09-28
detail
Screenshot of www.kitamuracamera.jp
新宿 北村写真機店
紙のレイアウトのようなFVが魅力的です。
https://www.kitamuracamera.jp/ja
2020-08-03
detail
Screenshot of tela9.com
Tela9
archiveページの写真と動画を組み合わせた配置が参考になります。
https://tela9.com/
2020-07-29
detail
Screenshot of partners.cpeople.ru
CreativeCrew
スプレーの表現とボタンホバー時の音が良いです。テキスト量の多い横スクロール時の参考にも良いかも。
https://partners.cpeople.ru/en/
2020-07-08
detail
Screenshot of burn-the-witch-anime.com
アニメ「BURN THE WITCH」公式サイト
アニメのLPサイトなどの参考になりそうです。
https://burn-the-witch-anime.com/
2020-07-22
detail
Screenshot of maisoncacao.com
MAISON CACAO公式ブランドサイト
productの詳細ページにて、ページ最下層まで到達すると次ページの読み込みが始まるのですが、その際のアニメーションが自然で美しいです。
https://maisoncacao.com/
2020-05-19
detail
Screenshot of www.igaming.studio
iGS · iGaming Studio · The Design and UX Agency for iGaming Brands
水平スクロールのサイトでコンテンツ最後に次ページへの誘導がついているのは珍しいかもしれないです。
https://www.igaming.studio/
2020-08-31
detail

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