- SETOUCHI ARCHI-TOURISM
- 2カラム構成を詳細ページのレイアウトが参考になります。
-
https://setouchi-architourism.com/
2020-08-03
- Tela9
- archiveページの写真と動画を組み合わせた配置が参考になります。
-
https://tela9.com/
2020-07-29 - detail
- ドローンプラットフォーム docomo sky
- スクロールに応じて動画が再生されるコンテンツが増えています。
-
https://www.docomosky.jp/
2020-10-09 - detail
- Add Culture +
- 棒グラフがおしゃれです。
-
https://www.addculture.com/
2021-02-01 - detail
- Pizza Pizza
- 単純な好みなのかもしれませんが…シンプルなグリッドシステムとフッターでのアニメーションが素敵です。
-
https://pizzapizza.io/
2020-09-03 - detail
- Garden Eight
- すべてのページに参考にしたい要素が詰まっています。
-
https://garden-eight.com/ja
2022-02-10 - detail
- NESTING
- PCのメニューがスクロールで横積みに変わるのが面白いです。
-
https://nesting.me/
2022-10-07 - detail
- Hotel in Serifos Island, Greece | Chill & Co. Hotel and Café Resto Bar
- 確かにchillを感じます。
-
https://chillandcoserifos.com/
2020-08-17 - detail
- FACT FASHION
- キャッチコピーの使用方法が面白いです。
-
https://factfashion.jp/
2020-11-27 - detail
- Eight 8/8/8th Anniversary
- オープニングの数字のスクロールが素敵です。
-
https://materials.8card.net/product/888/
2020-09-17 - detail
- 福岡県立バーチャル美術館
- トップだけでなく、下層もギミック満載です。
-
https://virtualmuseum.fukuoka-kenbi.jp/
2021-05-13 - detail
- 「テプラ」PRO用アプリ「Hello」
- 画像の拡大表現が面白いです。
-
https://www.kingjim.co.jp/sp/hello/
2020-10-28 - detail
- Alan Trotter dot com, for all your Alan Trotter needs
- シンプルで今の気分です。
-
https://alantrotter.com/
2022-06-06 - detail
全体的にシンプルで綺麗なデザインですが、参考になると感じたのはそれぞれの詳細ページです。
最近主流の1カラム構成でブログなどを運営する場合、大画面での間の抜けた感じを回避するため、通常ページよりもコンテンツ幅を狭めて設計することが多いです。
しかしこちらのサイトは2カラムに見えない2カラム構成で、自然に幅を狭めています。
また、ヘッダー下のBACKボタンはアーカイブページのカテゴリーの位置と連動しており、第二階層のメニューとして機能しています。
通常パンくずの位置とされそうな位置に配置されていることから、その役割も担っているのではないかと感じられる機能的なデザインです。