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 100daysofpoetry.gallery

100 DAYS OF POETRY: 横スクロールとクリック時のアニメーションが綺麗です。; https://100daysofpoetry.gallery/
2020-05-10; detail

Screenshot of geekpictures.co.jp

GEEK PICTURES: FVからスクロールした際の、ヘッダー周りのレイアウト変化が素敵です。; https://geekpictures.co.jp/
2020-11-25; detail

Screenshot of tsuchiya-inten.jp

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

Screenshot of www.uzabase.com

ユーザベース: 初回訪問時の言語選択が親切です。; https://www.uzabase.com/
2021-01-04; detail

Screenshot of www.broom-studio.com

broom inc.: ProjectsやAboutのアニGIFが効いていて良いです。; https://www.broom-studio.com/
2020-08-04; detail

Screenshot of f-font.com

デザイナーのフォント見本帳「F」: 便利です。; https://f-font.com/
2022-08-04; detail

Screenshot of anvaka.github.io

Draw all roads in a city at once: 出力される地図がお洒落に見えます。; https://anvaka.github.io/city-roads/
2020-09-30; detail

Screenshot of nara-iff.jp

なら国際映画祭2020: 最近、ナビゲーションに記事数を表示するサイトが増えているように感じます。; https://nara-iff.jp/2020/
2020-10-09; detail

Screenshot of tela9.com

Tela9: archiveページの写真と動画を組み合わせた配置が参考になります。; https://tela9.com/
2020-07-29; detail

Screenshot of ayond.jp

AYOND: 作品も含めて好みです。; https://ayond.jp/
2022-04-13; detail

Screenshot of kinokoakari.com

kinokoakari: 単純に欲しいです。; https://kinokoakari.com/
2020-10-15; detail

Screenshot of butfirstchillout.com

CHILL OUT（チルアウト）オフィシャルサイト｜【日本発】瞬間リラクゼーションドリンク: 3Dモデルのモーションが美しいです。; https://butfirstchillout.com/
2020-05-09; detail

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