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.sennep.com

Sennep – Digital product studio: 独特のイラストが好みです。; https://www.sennep.com/
2020-11-09; detail

Screenshot of tyrus.design

Tyrus: しっかり区切ったレイアウトが好みです。; https://tyrus.design/
2020-11-27; detail

Screenshot of www.toei.co.jp

ACTION！: 全方向スクロールで作るデザインが面白いです。; https://www.toei.co.jp/company/recruit/fresh/
2022-01-04; detail

Screenshot of tsuchiya-inten.jp

土屋印店: 商材の見せ方、コンテンツの整理方法がうまいと感じました。; https://tsuchiya-inten.jp/
2020-11-18; detail

Screenshot of toridori.co.jp

toridori: 落書きのような装飾が面白いです。; https://toridori.co.jp/
2021-01-06; detail

Screenshot of ryutanishitani.jp

西谷デザイン: ついスクロールがとまります。; https://ryutanishitani.jp/
2020-07-29; detail

Screenshot of ninjo.gojyo-taxi.com

互助交通: テキストの上にのったマテリアルで雰囲気が出ています。; https://ninjo.gojyo-taxi.com/
2020-05-09; detail

Screenshot of soles-gaufrette.com

SOLES GAUFRETTE | バターゴーフレット専門店: 色や写真の使い方が海外サイトのようです。; https://soles-gaufrette.com/
2020-08-04; detail

Screenshot of kovalweb.com

Koval Web: ホバーアニメーションなどの細かい部分が、見たことのないアニメーションをたくさん使用しています。; https://kovalweb.com/
2020-11-16; detail

Screenshot of rej-inc.co.jp

REJ株式会社: KVの動きが細かく、面白いです。; https://rej-inc.co.jp/
2020-05-18; detail

Screenshot of experience.covermymeds.com

CoverMyMeds Careers: TOPページ「Our community」部分の視差効果が不思議です。; https://experience.covermymeds.com/
2020-06-08; detail

Screenshot of peakzone.jp

PEAKZONE: 「もしかしてピークゾーン？」部分のSVGアニメーションの使い方が良いです。; https://peakzone.jp/
2020-06-09; detail

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