- SETOUCHI ARCHI-TOURISM
- 2カラム構成を詳細ページのレイアウトが参考になります。
-
https://setouchi-architourism.com/
2020-08-03
- Standby Inc.
- シンプルなヘッダーとイメージの見せ方、全体の雰囲気が非常に好みです。
-
https://standby-inc.com/
2020-05-15 - detail
- ThemesKingdom
- デザインの表示方法が素敵です。
-
https://themeskingdom.com/
2021-10-26 - detail
- 福岡県立バーチャル美術館
- トップだけでなく、下層もギミック満載です。
-
https://virtualmuseum.fukuoka-kenbi.jp/
2021-05-13 - detail
- cpw（シパウ）| 沖縄シークヮーサーのCCクリーム
- ロゴが面白いです。
-
https://dododododo.jp/pow/cccream-okinawa-shikuwasa/
2020-08-20 - detail
- MITOBE DESIGN CORPORATION
- FVでの「SCROLL」が良いアイデアです。
-
https://mitobedesign.co.jp/
2021-01-25 - detail
- 建築に、温度を。｜梓設計
- KV下にある各セクションがマウスオーバーで動画に切り替わります。また実績紹介のマウスオーバーも大胆さが面白いです。
-
https://www.azusasekkei.co.jp/
2020-05-13 - detail
- ionic （アイオニック）
- 画面左下のオブジェクトがスクロールしていることを理解させる役割を果たしており親切です。
-
https://www.ionic.co.jp/ionic/
2020-08-13 - detail
- CalorieMate to Programmer | 大塚製薬
- デザインも素晴らしいですが、企画自体に色々なことを考えさせられます。CUIモードあり。
-
https://www.otsuka.co.jp/cmt/to_programmer/
2020-08-04 - detail
- にほんご。
- ライブラリやツールの英語ドキュメントを日本語に翻訳してくれています。
-
https://tr.you84815.space/
2020-07-31 - detail
- Extraset | Independent Swiss Type Foundry
- 大胆すぎるタイポグラフィーです。
-
https://extraset.ch/
2020-08-03 - detail
- town | 小田急の仲介
- スクロールでボケていくKVの写真が面白いです。
-
https://town.odakyu-chukai.com/
2021-05-21 - detail
- SEP,inc.
- ハンバーガーメニューに対するカーソルの動きが面白いです。
-
https://sep.co.jp/
2021-12-15 - detail
全体的にシンプルで綺麗なデザインですが、参考になると感じたのはそれぞれの詳細ページです。
最近主流の1カラム構成でブログなどを運営する場合、大画面での間の抜けた感じを回避するため、通常ページよりもコンテンツ幅を狭めて設計することが多いです。
しかしこちらのサイトは2カラムに見えない2カラム構成で、自然に幅を狭めています。
また、ヘッダー下のBACKボタンはアーカイブページのカテゴリーの位置と連動しており、第二階層のメニューとして機能しています。
通常パンくずの位置とされそうな位置に配置されていることから、その役割も担っているのではないかと感じられる機能的なデザインです。