- SETOUCHI ARCHI-TOURISM
- 2カラム構成を詳細ページのレイアウトが参考になります。
-
https://setouchi-architourism.com/
2020-08-03
- カップヌードルの裏側
- みんなのギモンページにあるアコーディオンのマウスオーバー表現が良いです。
-
https://www.cupnoodle.jp/uragawa/
2021-07-28 - detail
- ハーブとガレット
- 遠近感のある植物の配置が素敵です。
-
https://herb-to-galette.com/
2020-07-21 - detail
- Lucky Folks
- メニューを展開した時のアニメーションが面白いです。
-
https://www.luckyfolks.fr/
2021-01-08 - detail
- Garden Eight
- すべてのページに参考にしたい要素が詰まっています。
-
https://garden-eight.com/ja
2022-02-10 - detail
- ANDMADE Inc. / アンドメイド
- クセのあるフォント(Voyage)を上手くまとめていて参考になります。
-
https://andmade.jp/
2020-07-29 - detail
- REJ株式会社
- KVの動きが細かく、面白いです。
-
https://rej-inc.co.jp/
2020-05-18 - detail
- Fleava | Bali, Jakarta and Singapore Web Design, Mobile App, Branding, Digital Advertising Agency
- ハンバーガーメニューのデザインがお洒落です。
-
https://fleava.com/
2020-09-04 - detail
- Super Top Secret // Branding & Digital Agency
- テキストのレイアウトが美しいです。
-
https://wearetopsecret.com/
2020-05-20 - detail
- A Green｜Greenery Scent Architecture & Design
- レイアウトとコーディングの関係が美しいです。
-
https://agreen.tokyo/
2020-05-09 - detail
- 植物の生命力を肌へ｜BOTANIST SKINCARE EVER
- 背景と画像のシャドーの関係性が良いです。
-
https://botanistofficial.com/special/skincare_ever/
2020-08-11 - detail
- Add Culture +
- 棒グラフがおしゃれです。
-
https://www.addculture.com/
2021-02-01 - detail
- RaNa extractive, inc.
- 細かいところまで作り込まれています。
-
https://www.ranaextractive.com/
2020-12-03 - detail
全体的にシンプルで綺麗なデザインですが、参考になると感じたのはそれぞれの詳細ページです。
最近主流の1カラム構成でブログなどを運営する場合、大画面での間の抜けた感じを回避するため、通常ページよりもコンテンツ幅を狭めて設計することが多いです。
しかしこちらのサイトは2カラムに見えない2カラム構成で、自然に幅を狭めています。
また、ヘッダー下のBACKボタンはアーカイブページのカテゴリーの位置と連動しており、第二階層のメニューとして機能しています。
通常パンくずの位置とされそうな位置に配置されていることから、その役割も担っているのではないかと感じられる機能的なデザインです。