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 lumine.co.jp
LUMINE 会社情報
平体のかかったフォントが特徴的です。
https://lumine.co.jp/
2020-07-29
detail
Screenshot of snd.dev
SND
サイトも音も素敵です。
https://snd.dev/
2022-03-15
detail
Screenshot of sep.co.jp
SEP,inc.
ハンバーガーメニューに対するカーソルの動きが面白いです。
https://sep.co.jp/
2021-12-15
detail
Screenshot of lmchabot.com
LM Chabot
画像がロードされる前にカラフルな要素が表示されているとことが良いです。
https://lmchabot.com/
2020-06-15
detail
Screenshot of 100daysofpoetry.gallery
100 DAYS OF POETRY
横スクロールとクリック時のアニメーションが綺麗です。
https://100daysofpoetry.gallery/
2020-05-10
detail
Screenshot of www.ranaextractive.com
RaNa extractive, inc.
細かいところまで作り込まれています。
https://www.ranaextractive.com/
2020-12-03
detail
Screenshot of botanistofficial.com
植物の生命力を肌へ|BOTANIST SKINCARE EVER
背景と画像のシャドーの関係性が良いです。
https://botanistofficial.com/special/skincare_ever/
2020-08-11
detail
Screenshot of www.simplex.ca
Tools and equipment rental | Simplex
検索窓のデザインが面白いです。
https://www.simplex.ca/en-ca/
2020-09-28
detail
Screenshot of therestaurant-hiroo.com
THE RESTAURANT | 広尾
全店舗の統一感が良いです。
https://therestaurant-hiroo.com/
2020-08-14
detail
Screenshot of katiforner.com
Kati Forner – Welcome
丸いメニューと写真のレイアウトがおしゃれです。
https://katiforner.com/
2020-05-10
detail
Screenshot of fmj.tokyo
FMJ STUDIO
端を残しながら全面に散りばめられたKVの写真がおしゃれです。
https://fmj.tokyo/
2020-05-10
detail
Screenshot of www.sbs.com.au
Story Line: Six Months of COVID-19 – The Feed – SBS
ドラッグでの操作感が素敵です。
https://www.sbs.com.au/storyline/
2020-09-07
detail

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