- SETOUCHI ARCHI-TOURISM
- 2カラム構成を詳細ページのレイアウトが参考になります。
-
https://setouchi-architourism.com/
2020-08-03
- SRETKS.com
- 背景が立体に見えるのでしょうか？今、あのメガネが欲しいです。
-
https://sretks.com/
2020-09-16 - detail
- 広告だからこそ、できることがきっとある。｜2020 60th ACC TOKYO CREATIVITY AWARDS ブランデッド・コミュニケーション部門
- 表示の際のアニメーションが面白いです。
-
http://www.acc-awards.com/2020fes/bc/thoughts/
2020-07-20 - detail
- デザイナーのフォント見本帳「F」
- 便利です。
-
https://f-font.com/
2022-08-04 - detail
- Future Noodles
- 食品のイメージとしては珍しい配色だと思います。
-
https://futurenoodles.com/
2021-05-06 - detail
- Pizza Pizza
- 単純な好みなのかもしれませんが…シンプルなグリッドシステムとフッターでのアニメーションが素敵です。
-
https://pizzapizza.io/
2020-09-03 - detail
- Mcube
- グリッチ効果の使い方が面白いです。
-
https://www.mcube.fr/
2020-06-01 - detail
- At Home
- 全てのページを開閉式のようにみせるレイアウトが流行っているのかもしれないです。
-
https://at-home.club/
2020-08-11 - detail
- MAISON CACAO公式ブランドサイト
- productの詳細ページにて、ページ最下層まで到達すると次ページの読み込みが始まるのですが、その際のアニメーションが自然で美しいです。
-
https://maisoncacao.com/
2020-05-19 - detail
- 田邑嘉浩｜HIRO.LONDON｜GARDEN ARTIST — HIRO.LONDON
- WORKS詳細ページのUIが新しいです。
-
https://hiro.london/jp/
2020-07-29 - detail
- RaNa extractive, inc.
- 細かいところまで作り込まれています。
-
https://www.ranaextractive.com/
2020-12-03 - detail
- 永久×バレット 公式サイト | TOKOSHIE×BULLET Official Site
- 様々な技術が上手く纏まっています。
-
https://tokoshie-bullet.com/
2020-09-08 - detail
- PIENI
- 写真が素敵すぎます。
-
https://pieni.co.jp/
2020-11-13 - detail
全体的にシンプルで綺麗なデザインですが、参考になると感じたのはそれぞれの詳細ページです。
最近主流の1カラム構成でブログなどを運営する場合、大画面での間の抜けた感じを回避するため、通常ページよりもコンテンツ幅を狭めて設計することが多いです。
しかしこちらのサイトは2カラムに見えない2カラム構成で、自然に幅を狭めています。
また、ヘッダー下のBACKボタンはアーカイブページのカテゴリーの位置と連動しており、第二階層のメニューとして機能しています。
通常パンくずの位置とされそうな位置に配置されていることから、その役割も担っているのではないかと感じられる機能的なデザインです。