- SETOUCHI ARCHI-TOURISM
- 2カラム構成を詳細ページのレイアウトが参考になります。
-
https://setouchi-architourism.com/
2020-08-03
- Over Covid | POINT
- 最近はこういったしっかり区切って、しっかり文字を詰め込んだサイトに興味があります。
-
https://overcovid.pointapp.org/
2020-08-07 - detail
- ionic （アイオニック）
- 画面左下のオブジェクトがスクロールしていることを理解させる役割を果たしており親切です。
-
https://www.ionic.co.jp/ionic/
2020-08-13 - detail
- 建築に、温度を。｜梓設計
- KV下にある各セクションがマウスオーバーで動画に切り替わります。また実績紹介のマウスオーバーも大胆さが面白いです。
-
https://www.azusasekkei.co.jp/
2020-05-13 - detail
- RaNa extractive, inc.
- 細かいところまで作り込まれています。
-
https://www.ranaextractive.com/
2020-12-03 - detail
- Consulente HYAKUNEN
- レイアウトが面白いです。
-
http://hyakunen.com/
2020-12-21 - detail
- Virgin Hyperloop
- 1080kmも出るらしいです。
-
https://virginhyperloop.com/
2020-09-23 - detail
- BRANCHÉ CHOCOLAT | ブランシェ・ショコラ
- #至福の正⽅形 というコピー、プロダクトや雰囲気が素敵です。
-
https://branche-chocolat.jp/
2020-09-11 - detail
- SEP,inc.
- ハンバーガーメニューに対するカーソルの動きが面白いです。
-
https://sep.co.jp/
2021-12-15 - detail
- ANDMADE Inc. / アンドメイド
- クセのあるフォント(Voyage)を上手くまとめていて参考になります。
-
https://andmade.jp/
2020-07-29 - detail
- BOLD
- Webらしくない表現と「なるほど」と思うWebへの展開が面白いです。
-
https://b-o-l-d.jp/
2021-11-04 - detail
- CoverMyMeds Careers
- TOPページ「Our community」部分の視差効果が不思議です。
-
https://experience.covermymeds.com/
2020-06-08 - detail
- Jacob McKee
- レイアウトが好みです。
-
https://jacobmckee.com/
2020-07-15 - detail
全体的にシンプルで綺麗なデザインですが、参考になると感じたのはそれぞれの詳細ページです。
最近主流の1カラム構成でブログなどを運営する場合、大画面での間の抜けた感じを回避するため、通常ページよりもコンテンツ幅を狭めて設計することが多いです。
しかしこちらのサイトは2カラムに見えない2カラム構成で、自然に幅を狭めています。
また、ヘッダー下のBACKボタンはアーカイブページのカテゴリーの位置と連動しており、第二階層のメニューとして機能しています。
通常パンくずの位置とされそうな位置に配置されていることから、その役割も担っているのではないかと感じられる機能的なデザインです。