- SETOUCHI ARCHI-TOURISM
- 2カラム構成を詳細ページのレイアウトが参考になります。
-
https://setouchi-architourism.com/
2020-08-03
- Eight 8/8/8th Anniversary
- オープニングの数字のスクロールが素敵です。
-
https://materials.8card.net/product/888/
2020-09-17 - detail
- Patrick Heng – Creative Developer Portfolio
- マウスがオブジェクトにあたった際のモーションが気持ち良いです。
-
https://patrickheng.com/
2020-07-17 - detail
- cpw（シパウ）| 沖縄シークヮーサーのCCクリーム
- ロゴが面白いです。
-
https://dododododo.jp/pow/cccream-okinawa-shikuwasa/
2020-08-20 - detail
- LIBERTA Perfume(リベルタパフューム)
- 写真の光の当たり方が好みです。
-
https://liberta-perfume.com/top
2020-06-08 - detail
- broom inc.
- ProjectsやAboutのアニGIFが効いていて良いです。
-
https://www.broom-studio.com/
2020-08-04 - detail
- 旺文社 ブランドサイト
- ヒストリーのデザインがシンプルで良いです。
-
https://www.obunsha.co.jp/pr/change/
2021-11-04 - detail
- grad. ice | grad.
- ハンバーガーメニュー展開時のアニメーションが美しいです。
-
https://grad.satuma-vidro.co.jp/
2020-08-24 - detail
- SUPPOSE DESIGN OFFICE
- 建築物とサイトのデザインがマッチしています。
-
https://suppose.jp/
2020-12-04 - detail
- プーカ株式会社
- ハンバーガーメニュー展開時のカレント表示が面白いです。
-
https://pu-ca.jp/
2021-01-08 - detail
- MIDORI.so | みどり荘
- FVのデザインが面白いです。
-
http://midori.so/
2020-10-09 - detail
- MITOBE DESIGN CORPORATION
- FVでの「SCROLL」が良いアイデアです。
-
https://mitobedesign.co.jp/
2021-01-25 - detail
- Super Top Secret // Branding & Digital Agency
- テキストのレイアウトが美しいです。
-
https://wearetopsecret.com/
2020-05-20 - detail
全体的にシンプルで綺麗なデザインですが、参考になると感じたのはそれぞれの詳細ページです。
最近主流の1カラム構成でブログなどを運営する場合、大画面での間の抜けた感じを回避するため、通常ページよりもコンテンツ幅を狭めて設計することが多いです。
しかしこちらのサイトは2カラムに見えない2カラム構成で、自然に幅を狭めています。
また、ヘッダー下のBACKボタンはアーカイブページのカテゴリーの位置と連動しており、第二階層のメニューとして機能しています。
通常パンくずの位置とされそうな位置に配置されていることから、その役割も担っているのではないかと感じられる機能的なデザインです。