- SETOUCHI ARCHI-TOURISM
- 2カラム構成を詳細ページのレイアウトが参考になります。
-
https://setouchi-architourism.com/
2020-08-03
- Industry City
- 自分では選ばない色のセレクトだったので参考にします。
-
https://industrycity.com/
2020-10-12 - detail
- 天水福祉事業会
- 「リンクを強調する」というスイッチ、初めて見ます。
-
https://tensui.or.jp/
2020-10-09 - detail
- 植物の生命力を肌へ｜BOTANIST SKINCARE EVER
- 背景と画像のシャドーの関係性が良いです。
-
https://botanistofficial.com/special/skincare_ever/
2020-08-11 - detail
- カワスイ 川崎水族館 – 2020年7月グランドオープン
- KVのイラストがイラレの画像トレースのようなイラストですが、このように使用すると良い感じです。
-
https://kawa-sui.com/
2020-07-01 - detail
- adot｜プロデュースカンパニー・エードット
- 綺麗なクリエイティブが目をひきます。
-
https://a-dot.co.jp/
2020-05-12 - detail
- クリエーティブ・ディレクター・コレクティブ (つづく)
- レイアウトや質感が素敵です。
-
https://tsuzuku.tokyo/
2022-02-25 - detail
- ACTION！
- 全方向スクロールで作るデザインが面白いです。
-
https://www.toei.co.jp/company/recruit/fresh/
2022-01-04 - detail
- Grids
- 通常でも素敵ですが、GridとCrazy Modeがすごいです。
-
https://grids.obys.agency/
2021-08-31 - detail
- FMJ STUDIO
- 端を残しながら全面に散りばめられたKVの写真がおしゃれです。
-
https://fmj.tokyo/
2020-05-10 - detail
- TeTuhi
- 大胆な配色とレイアウトが参考になります。
-
https://tetuhi.art/
2020-05-11 - detail
- town | 小田急の仲介
- スクロールでボケていくKVの写真が面白いです。
-
https://town.odakyu-chukai.com/
2021-05-21 - detail
- 京仏壇・京仏具・伝統工芸 若林佛具製作所
- KVスライド部分で、背景を活かしたキャッチ画像の使い方が効果的です。
-
https://www.wakabayashi.co.jp/
2020-06-15 - detail
全体的にシンプルで綺麗なデザインですが、参考になると感じたのはそれぞれの詳細ページです。
最近主流の1カラム構成でブログなどを運営する場合、大画面での間の抜けた感じを回避するため、通常ページよりもコンテンツ幅を狭めて設計することが多いです。
しかしこちらのサイトは2カラムに見えない2カラム構成で、自然に幅を狭めています。
また、ヘッダー下のBACKボタンはアーカイブページのカテゴリーの位置と連動しており、第二階層のメニューとして機能しています。
通常パンくずの位置とされそうな位置に配置されていることから、その役割も担っているのではないかと感じられる機能的なデザインです。