- SETOUCHI ARCHI-TOURISM
- 2カラム構成を詳細ページのレイアウトが参考になります。
-
https://setouchi-architourism.com/
2020-08-03
- BE.AT TOKYO
- 色数の多いデザインが増えてきたように思えます。
-
https://be-at-tokyo.com/
2020-10-16 - detail
- 株式会社ナナメ – CREATIVE MOVIE MAKER
- WORKSの見せ方が参考になります。
-
https://nanameinc.jp/
2020-08-24 - detail
- town | 小田急の仲介
- スクロールでボケていくKVの写真が面白いです。
-
https://town.odakyu-chukai.com/
2021-05-21 - detail
- MAISON CACAO公式ブランドサイト
- productの詳細ページにて、ページ最下層まで到達すると次ページの読み込みが始まるのですが、その際のアニメーションが自然で美しいです。
-
https://maisoncacao.com/
2020-05-19 - detail
- 福岡県立バーチャル美術館
- トップだけでなく、下層もギミック満載です。
-
https://virtualmuseum.fukuoka-kenbi.jp/
2021-05-13 - detail
- A Green｜Greenery Scent Architecture & Design
- レイアウトとコーディングの関係が美しいです。
-
https://agreen.tokyo/
2020-05-09 - detail
- Virgin Hyperloop
- 1080kmも出るらしいです。
-
https://virginhyperloop.com/
2020-09-23 - detail
- ゴルフウェア&ゴルフグッズ【ピージージー】
- KVの写真の見せ方が面白いです。紙のルックブックを見ているようです。
-
https://store.tsigs.com/pgg/
2020-05-15 - detail
- Reflection – Une expérience de l’Opéra de Lyon
- 写真の切り替え方法とマウスいちに反応するアニメーションが独特です。
-
https://saison2020-21.opera-lyon.com/
2020-07-21 - detail
- 求人米「あととりむすこ」 / Recruiting Rice
- 生産者を自分で探す米というのが良いです。
-
http://www.atotorimusuko.com/
2020-10-02 - detail
- Arrival | Integrated Transport Ecosystem | Discover Bus and Van
- プロダクトの表現と非常にマッチしているシンプルなデザインです。
-
https://arrival.com/
2020-08-11 - detail
- NODERIUM ｜アクタスのインテリアグリーン、観葉植物
- コンテンツ幅を1620pxをmaxとしていますが、背景に色がついていることfooterが100%表示になっていることで、縁のあるデザインに見えています。
-
https://www.actus-interior.com/noderium/
2020-06-29 - detail
全体的にシンプルで綺麗なデザインですが、参考になると感じたのはそれぞれの詳細ページです。
最近主流の1カラム構成でブログなどを運営する場合、大画面での間の抜けた感じを回避するため、通常ページよりもコンテンツ幅を狭めて設計することが多いです。
しかしこちらのサイトは2カラムに見えない2カラム構成で、自然に幅を狭めています。
また、ヘッダー下のBACKボタンはアーカイブページのカテゴリーの位置と連動しており、第二階層のメニューとして機能しています。
通常パンくずの位置とされそうな位置に配置されていることから、その役割も担っているのではないかと感じられる機能的なデザインです。