- SETOUCHI ARCHI-TOURISM
- 2カラム構成を詳細ページのレイアウトが参考になります。
-
https://setouchi-architourism.com/
2020-08-03
- SUPPOSE DESIGN OFFICE
- 建築物とサイトのデザインがマッチしています。
-
https://suppose.jp/
2020-12-04 - detail
- BOLD
- Webらしくない表現と「なるほど」と思うWebへの展開が面白いです。
-
https://b-o-l-d.jp/
2021-11-04 - detail
- broom inc.
- ProjectsやAboutのアニGIFが効いていて良いです。
-
https://www.broom-studio.com/
2020-08-04 - detail
- ANDMADE Inc. / アンドメイド
- クセのあるフォント(Voyage)を上手くまとめていて参考になります。
-
https://andmade.jp/
2020-07-29 - detail
- VISUALIZE 60
- 日本語サイトとは思えないほど美しいです。
-
https://visualize60.ndc.co.jp/
2021-03-12 - detail
- PEAKZONE
- 「もしかしてピークゾーン？」部分のSVGアニメーションの使い方が良いです。
-
https://peakzone.jp/
2020-06-09 - detail
- 金平堂(KONPEIDOU)−おしゃれな金平糖。プチギフトや引出物、粗品に。香料不使用。
- とにかくロゴが好みです。
-
http://konpeidou.jp/
2020-05-09 - detail
- Do it Theater 新しいシーンは、THEATERからはじまる。
- ボタンアニメーションや罫線の使い方が独特で参考になります。
-
https://www.ditjapan.com/
2020-06-17 - detail
- Micro Bubble Bath Unit by Rinnai ｜ 公式サイト
- 高級感のあるLPです。
-
https://rinnai.jp/microbubble/
2020-08-20 - detail
- Virgin Hyperloop
- 1080kmも出るらしいです。
-
https://virginhyperloop.com/
2020-09-23 - detail
- 求人米「あととりむすこ」 / Recruiting Rice
- 生産者を自分で探す米というのが良いです。
-
http://www.atotorimusuko.com/
2020-10-02 - detail
- BE.AT TOKYO
- 色数の多いデザインが増えてきたように思えます。
-
https://be-at-tokyo.com/
2020-10-16 - detail
全体的にシンプルで綺麗なデザインですが、参考になると感じたのはそれぞれの詳細ページです。
最近主流の1カラム構成でブログなどを運営する場合、大画面での間の抜けた感じを回避するため、通常ページよりもコンテンツ幅を狭めて設計することが多いです。
しかしこちらのサイトは2カラムに見えない2カラム構成で、自然に幅を狭めています。
また、ヘッダー下のBACKボタンはアーカイブページのカテゴリーの位置と連動しており、第二階層のメニューとして機能しています。
通常パンくずの位置とされそうな位置に配置されていることから、その役割も担っているのではないかと感じられる機能的なデザインです。