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 lamalama.nl
Lama Lama
マウスに反応する仕掛けが面白いです。
https://lamalama.nl/
2021-12-06
detail
Screenshot of www.stellaachenbach.com
Stella Achenbach
文字のsvgアニメーションを動かし続けているのは今までなかったアイデアかもしれないです。
https://www.stellaachenbach.com/
2020-06-01
detail
Screenshot of www.addculture.com
Add Culture +
棒グラフがおしゃれです。
https://www.addculture.com/
2021-02-01
detail
Screenshot of explorelatitude.com
Latitude – Latitude is a publication that’s as multi-faceted as you are
ワイヤーのようなボタンやレイアウトが印象的です。
https://explorelatitude.com/
2020-07-27
detail
Screenshot of katiforner.com
Kati Forner – Welcome
丸いメニューと写真のレイアウトがおしゃれです。
https://katiforner.com/
2020-05-10
detail
Screenshot of www.jibaisekihoken-koho.jp
自賠責保険広報｜今すぐカクニン！期限切れ。
一般社団法人日本損害保険協会らしくないイメージに攻めの姿勢を感じました。
https://www.jibaisekihoken-koho.jp/
2020-06-11
detail
Screenshot of railroadladies.com
URL
画像を大胆に余白をとって配置する手法が素敵です。
https://railroadladies.com/
2020-10-09
detail
Screenshot of b-o-l-d.jp
BOLD
Webらしくない表現と「なるほど」と思うWebへの展開が面白いです。
https://b-o-l-d.jp/
2021-11-04
detail
Screenshot of fleava.com
Fleava | Bali, Jakarta and Singapore Web Design, Mobile App, Branding, Digital Advertising Agency
ハンバーガーメニューのデザインがお洒落です。
https://fleava.com/
2020-09-04
detail
Screenshot of partners.cpeople.ru
CreativeCrew
スプレーの表現とボタンホバー時の音が良いです。テキスト量の多い横スクロール時の参考にも良いかも。
https://partners.cpeople.ru/en/
2020-07-08
detail
Screenshot of suppose.jp
SUPPOSE DESIGN OFFICE
建築物とサイトのデザインがマッチしています。
https://suppose.jp/
2020-12-04
detail
Screenshot of 10th.mimt.jp
三菱一号館美術館の10年
「ロゴデザインのゆくえ」というコンテンツが素敵です。
https://10th.mimt.jp/pc.html
2020-07-22
detail

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