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.acsl.co.jp
ACSL | 株式会社自律制御システム研究所
KVが1スクロールでopacity:0;になるところが気持ち良いです。
https://www.acsl.co.jp/
2020-07-29
detail
Screenshot of tetuhi.art
TeTuhi
大胆な配色とレイアウトが参考になります。
https://tetuhi.art/
2020-05-11
detail
Screenshot of virtualmuseum.fukuoka-kenbi.jp
福岡県立バーチャル美術館
トップだけでなく、下層もギミック満載です。
https://virtualmuseum.fukuoka-kenbi.jp/
2021-05-13
detail
Screenshot of at-home.club
At Home
全てのページを開閉式のようにみせるレイアウトが流行っているのかもしれないです。
https://at-home.club/
2020-08-11
detail
Screenshot of www.kingjim.co.jp
「テプラ」PRO用アプリ「Hello」
画像の拡大表現が面白いです。
https://www.kingjim.co.jp/sp/hello/
2020-10-28
detail
Screenshot of fontworks.co.jp
Fontworks｜フォントワークス
実績にフォント名が記載されているのでデザイナーとして興味深いです。
https://fontworks.co.jp/
2020-05-25
detail
Screenshot of www.obunsha.co.jp
旺文社 ブランドサイト
ヒストリーのデザインがシンプルで良いです。
https://www.obunsha.co.jp/pr/change/
2021-11-04
detail
Screenshot of andmade.jp
ANDMADE Inc. / アンドメイド
クセのあるフォント(Voyage)を上手くまとめていて参考になります。
https://andmade.jp/
2020-07-29
detail
Screenshot of kovalweb.com
Koval Web
ホバーアニメーションなどの細かい部分が、見たことのないアニメーションをたくさん使用しています。
https://kovalweb.com/
2020-11-16
detail
Screenshot of midori.so
MIDORI.so | みどり荘
FVのデザインが面白いです。
http://midori.so/
2020-10-09
detail
Screenshot of industrycity.com
Industry City
自分では選ばない色のセレクトだったので参考にします。
https://industrycity.com/
2020-10-12
detail
Screenshot of www.ditjapan.com
Do it Theater 新しいシーンは、THEATERからはじまる。
ボタンアニメーションや罫線の使い方が独特で参考になります。
https://www.ditjapan.com/
2020-06-17
detail

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