- SETOUCHI ARCHI-TOURISM
- 2カラム構成を詳細ページのレイアウトが参考になります。
-
https://setouchi-architourism.com/
2020-08-03
- Snazzy Maps – Free Styles for Google Maps
- googlemapのカスタマイズが一覧で表示されていて便利です。
-
https://snazzymaps.com/
2020-06-16 - detail
- 手火山家（てびやまや）河文伝承
- 自分ではやらないようなヘッダーレイアウトだったので参考になります。
-
https://tebiyamaya.com/
2020-07-17 - detail
- FMJ STUDIO
- 端を残しながら全面に散りばめられたKVの写真がおしゃれです。
-
https://fmj.tokyo/
2020-05-10 - detail
- NEWVIEW
- この騒がしさが今の気分です。
-
https://newview.design/
2020-08-21 - detail
- 求人米「あととりむすこ」 / Recruiting Rice
- 生産者を自分で探す米というのが良いです。
-
http://www.atotorimusuko.com/
2020-10-02 - detail
- Jonas Reymondin – UX/UI Designer + Front-end Developer
- グリッドでレイアウトする際の参考にクリップしています。
-
https://www.jonasreymondin.com/
2020-06-04 - detail
- Reflection – Une expérience de l’Opéra de Lyon
- 写真の切り替え方法とマウスいちに反応するアニメーションが独特です。
-
https://saison2020-21.opera-lyon.com/
2020-07-21 - detail
- adot｜プロデュースカンパニー・エードット
- 綺麗なクリエイティブが目をひきます。
-
https://a-dot.co.jp/
2020-05-12 - detail
- Jacob McKee
- レイアウトが好みです。
-
https://jacobmckee.com/
2020-07-15 - detail
- Super Top Secret // Branding & Digital Agency
- テキストのレイアウトが美しいです。
-
https://wearetopsecret.com/
2020-05-20 - detail
- SUPPOSE DESIGN OFFICE
- 建築物とサイトのデザインがマッチしています。
-
https://suppose.jp/
2020-12-04 - detail
- UNIEL ltd. RECRUIT SITE Second Face
- なんとなく気になってしまいました。雑誌のような感覚で読み進めてしまう不思議な魅力です。
-
https://recruit.uniel.jp/
2020-06-22 - detail
全体的にシンプルで綺麗なデザインですが、参考になると感じたのはそれぞれの詳細ページです。
最近主流の1カラム構成でブログなどを運営する場合、大画面での間の抜けた感じを回避するため、通常ページよりもコンテンツ幅を狭めて設計することが多いです。
しかしこちらのサイトは2カラムに見えない2カラム構成で、自然に幅を狭めています。
また、ヘッダー下のBACKボタンはアーカイブページのカテゴリーの位置と連動しており、第二階層のメニューとして機能しています。
通常パンくずの位置とされそうな位置に配置されていることから、その役割も担っているのではないかと感じられる機能的なデザインです。