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 fontworks.co.jp
Fontworks|フォントワークス
実績にフォント名が記載されているのでデザイナーとして興味深いです。
https://fontworks.co.jp/
2020-05-25
detail
Screenshot of ferrumpipe.com
Ferrumpipe — Fences and security gates manufacture
この商材で、このクオリティを実現させるのは凄いです。
https://ferrumpipe.com/
2020-09-10
detail
Screenshot of tebiyamaya.com
手火山家(てびやまや)河文伝承
自分ではやらないようなヘッダーレイアウトだったので参考になります。
https://tebiyamaya.com/
2020-07-17
detail
Screenshot of partners.cpeople.ru
CreativeCrew
スプレーの表現とボタンホバー時の音が良いです。テキスト量の多い横スクロール時の参考にも良いかも。
https://partners.cpeople.ru/en/
2020-07-08
detail
Screenshot of idea.sportsmanship-heros.jp
HERO’s IDEA
トップページでのページ内での移動の挙動が面白いです。
https://idea.sportsmanship-heros.jp/
2020-11-25
detail
Screenshot of snd.dev
SND
サイトも音も素敵です。
https://snd.dev/
2022-03-15
detail
Screenshot of herb-to-galette.com
ハーブとガレット
遠近感のある植物の配置が素敵です。
https://herb-to-galette.com/
2020-07-21
detail
Screenshot of 10th.mimt.jp
三菱一号館美術館の10年
「ロゴデザインのゆくえ」というコンテンツが素敵です。
https://10th.mimt.jp/pc.html
2020-07-22
detail
Screenshot of shutdown.gallery
SHUTDOWN.gallery
webサイトとは思えないほどのリアリティです。
https://shutdown.gallery/
2020-05-14
detail
Screenshot of www.otsuka.co.jp
CalorieMate to Programmer | 大塚製薬
デザインも素晴らしいですが、企画自体に色々なことを考えさせられます。CUIモードあり。
https://www.otsuka.co.jp/cmt/to_programmer/
2020-08-04
detail
Screenshot of industrycity.com
Industry City
自分では選ばない色のセレクトだったので参考にします。
https://industrycity.com/
2020-10-12
detail
Screenshot of umami-ware.com
Umami Ware
MENUという文字だけのナビゲーションなのですが、CLOSEはCLSEと略すのが一般的なのでしょうか?
https://umami-ware.com/
2020-06-29
detail

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