- SETOUCHI ARCHI-TOURISM
- 2カラム構成を詳細ページのレイアウトが参考になります。
-
https://setouchi-architourism.com/
2020-08-03
- Off Season Creative
- しっかり区切られているレイアウトが、最近の個人的な好みです。
-
https://offseasoncreative.com/
2020-08-11 - detail
- NESTING
- PCのメニューがスクロールで横積みに変わるのが面白いです。
-
https://nesting.me/
2022-10-07 - detail
- にほんご。
- ライブラリやツールの英語ドキュメントを日本語に翻訳してくれています。
-
https://tr.you84815.space/
2020-07-31 - detail
- ACTION！
- 全方向スクロールで作るデザインが面白いです。
-
https://www.toei.co.jp/company/recruit/fresh/
2022-01-04 - detail
- Stella Achenbach
- 文字のsvgアニメーションを動かし続けているのは今までなかったアイデアかもしれないです。
-
https://www.stellaachenbach.com/
2020-06-01 - detail
- Koval Web
- ホバーアニメーションなどの細かい部分が、見たことのないアニメーションをたくさん使用しています。
-
https://kovalweb.com/
2020-11-16 - detail
- オトナミューズ ウェブ
- カラーリングと写真のレイアウトが素敵です。
-
https://otonamuse.jp/
2021-11-18 - detail
- TeTuhi
- 大胆な配色とレイアウトが参考になります。
-
https://tetuhi.art/
2020-05-11 - detail
- THIRD CO., LTD. | Branding Agency
- 成果物がユニークです。
-
https://third-design.jp/
2020-07-21 - detail
- isai Inc.
- NEW WORKSを90度回転させて並べているところに新しさを感じました。
-
https://isai-inc.co.jp/
2020-05-13 - detail
- emilieholstkoch
- 自分にはない世界観なので参考になります
-
http://emilieholstkoch.com/
2020-05-25 - detail
- Reed, une agence pour votre stratégie digitale
- 最近の流行である絵文字のようなアイコンの使い方が上手いです。特にコンタクトエリアの吸い付くアイコンが面白いです。
-
https://www.reed.be/
2020-06-26 - detail
全体的にシンプルで綺麗なデザインですが、参考になると感じたのはそれぞれの詳細ページです。
最近主流の1カラム構成でブログなどを運営する場合、大画面での間の抜けた感じを回避するため、通常ページよりもコンテンツ幅を狭めて設計することが多いです。
しかしこちらのサイトは2カラムに見えない2カラム構成で、自然に幅を狭めています。
また、ヘッダー下のBACKボタンはアーカイブページのカテゴリーの位置と連動しており、第二階層のメニューとして機能しています。
通常パンくずの位置とされそうな位置に配置されていることから、その役割も担っているのではないかと感じられる機能的なデザインです。