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 newview.design
NEWVIEW
この騒がしさが今の気分です。
https://newview.design/
2020-08-21
detail
Screenshot of www.broom-studio.com
broom inc.
ProjectsやAboutのアニGIFが効いていて良いです。
https://www.broom-studio.com/
2020-08-04
detail
Screenshot of www.badass35.com
The Badass Project
ダイナミックな配色とレイアウト、メニューがマウスを追いかける動作などが印象的です。
https://www.badass35.com/en/home
2020-05-28
detail
Screenshot of www.yokohama-stadium.co.jp
横浜スタジアム
リンクマークのマウスオーバーアニメーションが素敵です。
https://www.yokohama-stadium.co.jp/
2020-11-11
detail
Screenshot of haradayuki.com
原田裕規「Unreal Ecology」京都芸術センター
レイアウトが好みです。
https://haradayuki.com/unreal-ecology/?ja
2022-03-16
detail
Screenshot of jacobmckee.com
Jacob McKee
レイアウトが好みです。
https://jacobmckee.com/
2020-07-15
detail
Screenshot of atolla.com
Atolla | Custom Skincare
プロダクト含めた全体の雰囲気が素敵です。
https://atolla.com/
2021-05-31
detail
Screenshot of www.aquarium.ru
Aquarium’s Very Own Home Page
世界観と技術レベルが高いサイトです。
https://www.aquarium.ru/en
2020-07-13
detail
Screenshot of ndcosd.jp
NIPPON DESIGN CENTER ON SCREEN CREATIVE DIVISION
noteと合わせて見ると学ぶべき箇所が多いです。
https://ndcosd.jp/
2020-07-29
detail
Screenshot of dieselwynwood.miami
Diesel Wynwood ⏤ Condominium
ブラウン管画面のような立体感とコンタクト画面でのざらつきが特徴的です。
https://dieselwynwood.miami/
2020-05-11
detail
Screenshot of www.providerstore.com.au
Provider Store
日本らしさと海外のような雰囲気とが混ざっており素敵です。
https://www.providerstore.com.au/
2021-02-16
detail
Screenshot of rittorbase.jp
御茶ノ水RITTOR BASE
レイアウトが好みです。
https://rittorbase.jp/
2022-03-15
detail

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