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.kitamuracamera.jp
新宿 北村写真機店
紙のレイアウトのようなFVが魅力的です。
https://www.kitamuracamera.jp/ja
2020-08-03
detail
Screenshot of www.baumjapan.com
BAUM（バウム）
レイアウトが美しいです。またメンバーシップのアニメーションなど細かい部分が繊細です。
https://www.baumjapan.com/baum/index.html
2020-05-15
detail
Screenshot of be-at-tokyo.com
BE.AT TOKYO
色数の多いデザインが増えてきたように思えます。
https://be-at-tokyo.com/
2020-10-16
detail
Screenshot of voiceofracism.co.nz
Voice of Racism
参考にするタイミングは不明ですが、とにかく初めての経験です。メッセージ性は高く感じました。
https://voiceofracism.co.nz/
2020-08-25
detail
Screenshot of www.badass35.com
The Badass Project
ダイナミックな配色とレイアウト、メニューがマウスを追いかける動作などが印象的です。
https://www.badass35.com/en/home
2020-05-28
detail
Screenshot of lesinge.paris
Le Singe
リアルなものにマウスを追いかけられたのは初めてです。
https://lesinge.paris/fr
2020-12-15
detail
Screenshot of tr.you84815.space
にほんご。
ライブラリやツールの英語ドキュメントを日本語に翻訳してくれています。
https://tr.you84815.space/
2020-07-31
detail
Screenshot of isai-inc.co.jp
isai Inc.
NEW WORKSを90度回転させて並べているところに新しさを感じました。
https://isai-inc.co.jp/
2020-05-13
detail
Screenshot of franciscamoura.com
Francisca Moura – Graphic & Interaction Designer
ローディングがコピーライトの数字というのが面白いです。
https://franciscamoura.com/
2022-02-10
detail
Screenshot of www.yokohama-stadium.co.jp
横浜スタジアム
リンクマークのマウスオーバーアニメーションが素敵です。
https://www.yokohama-stadium.co.jp/
2020-11-11
detail
Screenshot of mono.frm.fm
FRAMED* Mono X7
欲しいです。
https://mono.frm.fm/shop/
2020-09-30
detail
Screenshot of patrickheng.com
Patrick Heng – Creative Developer Portfolio
マウスがオブジェクトにあたった際のモーションが気持ち良いです。
https://patrickheng.com/
2020-07-17
detail

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