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 virginhyperloop.com
Virgin Hyperloop
1080kmも出るらしいです。
https://virginhyperloop.com/
2020-09-23
detail
Screenshot of hyakunen.com
Consulente HYAKUNEN
レイアウトが面白いです。
http://hyakunen.com/
2020-12-21
detail
Screenshot of tokoshie-bullet.com
永久×バレット 公式サイト | TOKOSHIE×BULLET Official Site
様々な技術が上手く纏まっています。
https://tokoshie-bullet.com/
2020-09-08
detail
Screenshot of shutdown.gallery
SHUTDOWN.gallery
webサイトとは思えないほどのリアリティです。
https://shutdown.gallery/
2020-05-14
detail
Screenshot of ninjo.gojyo-taxi.com
互助交通
テキストの上にのったマテリアルで雰囲気が出ています。
https://ninjo.gojyo-taxi.com/
2020-05-09
detail
Screenshot of www.nara-u.ac.jp
https://www.nara-u.ac.jp/buddience/
自分と似ている仏様がわかります。
https://www.nara-u.ac.jp/buddience/
2020-09-04
detail
Screenshot of studio-has.jp
STUDIO HAS – スタジオ・ハス
余白やレイアウトがとても綺麗です。
https://studio-has.jp/
2020-07-03
detail
Screenshot of fmj.tokyo
FMJ STUDIO
端を残しながら全面に散りばめられたKVの写真がおしゃれです。
https://fmj.tokyo/
2020-05-10
detail
Screenshot of getsuperfluid.com
Superfluid | Products are tools, we are beauty
詳細ページのアイコンやマーキーなどがサイト全体にあっています。
https://getsuperfluid.com/
2020-07-22
detail
Screenshot of www.artidaoud.com
ARTIDA OUD（アルティーダ ウード）
読み込み時のポップアップに絵文字が表示されています。絵文字を使ったメッセージをよく見るようになりました。
https://www.artidaoud.com/
2020-06-08
detail
Screenshot of setouchi-architourism.com
SETOUCHI ARCHI-TOURISM
2カラム構成を詳細ページのレイアウトが参考になります。
https://setouchi-architourism.com/
2020-08-03
detail
Screenshot of anvaka.github.io
Draw all roads in a city at once
出力される地図がお洒落に見えます。
https://anvaka.github.io/city-roads/
2020-09-30
detail

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