- SETOUCHI ARCHI-TOURISM
- 2カラム構成を詳細ページのレイアウトが参考になります。
-
https://setouchi-architourism.com/
2020-08-03
- MITOBE DESIGN CORPORATION
- FVでの「SCROLL」が良いアイデアです。
-
https://mitobedesign.co.jp/
2021-01-25 - detail
- kinokoakari
- 単純に欲しいです。
-
https://kinokoakari.com/
2020-10-15 - detail
- 御茶ノ水RITTOR BASE
- レイアウトが好みです。
-
https://rittorbase.jp/
2022-03-15 - detail
- 三菱一号館美術館の10年
- 「ロゴデザインのゆくえ」というコンテンツが素敵です。
-
https://10th.mimt.jp/pc.html
2020-07-22 - detail
- THIRD CO., LTD. | Branding Agency
- 成果物がユニークです。
-
https://third-design.jp/
2020-07-21 - detail
- Bornstein LyckeforsBornstein Lyckefors
- ヘッダーの表現が好みです。
-
https://bornsteinlyckefors.se/
2022-04-04 - detail
- 社会福祉法人小浜会 こどもの丘ナーサリー | 長崎県雲仙市の企業主導型保育園
- イラストが良いです。
-
http://kodomonooka-nursery.jp/
2020-09-23 - detail
- Jonas Reymondin – UX/UI Designer + Front-end Developer
- グリッドでレイアウトする際の参考にクリップしています。
-
https://www.jonasreymondin.com/
2020-06-04 - detail
- 永久×バレット 公式サイト | TOKOSHIE×BULLET Official Site
- 様々な技術が上手く纏まっています。
-
https://tokoshie-bullet.com/
2020-09-08 - detail
- Propeller & Co.
- ABOUTページのliの組み方が素敵です。
-
https://propellertokyo.jp/
2020-09-09 - detail
- Yourra! – Happy agency
- ページの最下層にある、次ページへ誘導するリンクのマウスオーバー時の表現が面白いです。
-
https://yourra.fr/
2020-08-11 - detail
- At Home
- 全てのページを開閉式のようにみせるレイアウトが流行っているのかもしれないです。
-
https://at-home.club/
2020-08-11 - detail
全体的にシンプルで綺麗なデザインですが、参考になると感じたのはそれぞれの詳細ページです。
最近主流の1カラム構成でブログなどを運営する場合、大画面での間の抜けた感じを回避するため、通常ページよりもコンテンツ幅を狭めて設計することが多いです。
しかしこちらのサイトは2カラムに見えない2カラム構成で、自然に幅を狭めています。
また、ヘッダー下のBACKボタンはアーカイブページのカテゴリーの位置と連動しており、第二階層のメニューとして機能しています。
通常パンくずの位置とされそうな位置に配置されていることから、その役割も担っているのではないかと感じられる機能的なデザインです。