- SETOUCHI ARCHI-TOURISM
- 2カラム構成を詳細ページのレイアウトが参考になります。
-
https://setouchi-architourism.com/
2020-08-03
- Propeller & Co.
- ABOUTページのliの組み方が素敵です。
-
https://propellertokyo.jp/
2020-09-09 - detail
- UNIEL ltd. RECRUIT SITE Second Face
- なんとなく気になってしまいました。雑誌のような感覚で読み進めてしまう不思議な魅力です。
-
https://recruit.uniel.jp/
2020-06-22 - detail
- P.I.C.S.
- WORKSが面白いです。
-
https://www.pics.tokyo/
2020-09-29 - detail
- Koval Web
- ホバーアニメーションなどの細かい部分が、見たことのないアニメーションをたくさん使用しています。
-
https://kovalweb.com/
2020-11-16 - detail
- Jacob McKee
- レイアウトが好みです。
-
https://jacobmckee.com/
2020-07-15 - detail
- 弥生焼酎醸造所
- ヘッダー背景のぼかしが良いです。
-
https://www.kokuto-shouchu.co.jp/
2021-06-03 - detail
- PIENI
- 写真が素敵すぎます。
-
https://pieni.co.jp/
2020-11-13 - detail
- Stella Achenbach
- 文字のsvgアニメーションを動かし続けているのは今までなかったアイデアかもしれないです。
-
https://www.stellaachenbach.com/
2020-06-01 - detail
- 旺文社 ブランドサイト
- ヒストリーのデザインがシンプルで良いです。
-
https://www.obunsha.co.jp/pr/change/
2021-11-04 - detail
- THE RESTAURANT | 広尾
- 全店舗の統一感が良いです。
-
https://therestaurant-hiroo.com/
2020-08-14 - detail
- Lucky Folks
- メニューを展開した時のアニメーションが面白いです。
-
https://www.luckyfolks.fr/
2021-01-08 - detail
- AYOND
- 作品も含めて好みです。
-
https://ayond.jp/
2022-04-13 - detail
全体的にシンプルで綺麗なデザインですが、参考になると感じたのはそれぞれの詳細ページです。
最近主流の1カラム構成でブログなどを運営する場合、大画面での間の抜けた感じを回避するため、通常ページよりもコンテンツ幅を狭めて設計することが多いです。
しかしこちらのサイトは2カラムに見えない2カラム構成で、自然に幅を狭めています。
また、ヘッダー下のBACKボタンはアーカイブページのカテゴリーの位置と連動しており、第二階層のメニューとして機能しています。
通常パンくずの位置とされそうな位置に配置されていることから、その役割も担っているのではないかと感じられる機能的なデザインです。