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 www.badass35.com
The Badass Project
ダイナミックな配色とレイアウト、メニューがマウスを追いかける動作などが印象的です。
https://www.badass35.com/en/home
2020-05-28
detail
Screenshot of www.jcomm.co.jp
株式会社 JR西日本コミュニケーションズ
人物画像にマウスオーバーすると、写真の後ろに文字が入る工夫が面白いです。
https://www.jcomm.co.jp/recruit/newgrads/
2020-05-11
detail
Screenshot of isai-inc.co.jp
isai Inc.
NEW WORKSを90度回転させて並べているところに新しさを感じました。
https://isai-inc.co.jp/
2020-05-13
detail
Screenshot of standby-inc.com
Standby Inc.
シンプルなヘッダーとイメージの見せ方、全体の雰囲気が非常に好みです。
https://standby-inc.com/
2020-05-15
detail
Screenshot of 100daysofpoetry.gallery
100 DAYS OF POETRY
横スクロールとクリック時のアニメーションが綺麗です。
https://100daysofpoetry.gallery/
2020-05-10
detail
Screenshot of www.antigif.nl
ANTIGIF – De ontwerpstudio in Den Bosch
左右にナビゲーションが存在しています。
https://www.antigif.nl/
2020-08-31
detail
Screenshot of www.sa-n-yo.co.jp
アルパカ as こだわり綿棒
FVのインパクトが素敵です。
https://www.sa-n-yo.co.jp/kodawari/
2020-11-24
detail
Screenshot of extraset.ch
Extraset | Independent Swiss Type Foundry
大胆すぎるタイポグラフィーです。
https://extraset.ch/
2020-08-03
detail
Screenshot of storywriter.tokyo
StoryWriter | ストリートを愛するカルチャー・マガジン
SPでのKVがPCでは、左カラムの位置にあります。両デバイスのアスペクト比を考えると理にかなっているかもしれないです。
https://storywriter.tokyo/
2020-06-24
detail
Screenshot of www.docomosky.jp
ドローンプラットフォーム docomo sky
スクロールに応じて動画が再生されるコンテンツが増えています。
https://www.docomosky.jp/
2020-10-09
detail
Screenshot of fullscale.jp
株式会社フルスケール
タイトルの表示方法が面白いです。
https://fullscale.jp/
2020-11-16
detail
Screenshot of fremtidensuddannelser.dk
SDU – Future Education
アニメーションがと操作感が面白く見てしまいます。
https://fremtidensuddannelser.dk/en
2020-09-04
detail

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