- SETOUCHI ARCHI-TOURISM
- 2カラム構成を詳細ページのレイアウトが参考になります。
-
https://setouchi-architourism.com/
2020-08-03
- 株式会社マバタキ
- 見たことのある実績が並んでいます。
-
https://mabataki.jp/
2020-10-16 - detail
- P.I.C.S.
- WORKSが面白いです。
-
https://www.pics.tokyo/
2020-09-29 - detail
- Web Graphic Experiments
- 技術も凄いしデザインも素敵です。
-
https://experiments.p5aholic.me/
2020-10-05 - detail
- and株式会社
- お洒落なオリジナル作業着に心を掴まれました。
-
https://www.and-love.com/
2020-08-06 - detail
- 100 DAYS OF POETRY
- 横スクロールとクリック時のアニメーションが綺麗です。
-
https://100daysofpoetry.gallery/
2020-05-10 - detail
- 土屋印店
- 商材の見せ方、コンテンツの整理方法がうまいと感じました。
-
https://tsuchiya-inten.jp/
2020-11-18 - detail
- 旺文社 ブランドサイト
- ヒストリーのデザインがシンプルで良いです。
-
https://www.obunsha.co.jp/pr/change/
2021-11-04 - detail
- 横浜スタジアム
- リンクマークのマウスオーバーアニメーションが素敵です。
-
https://www.yokohama-stadium.co.jp/
2020-11-11 - detail
- Le Singe
- リアルなものにマウスを追いかけられたのは初めてです。
-
https://lesinge.paris/fr
2020-12-15 - detail
- Diesel Wynwood ⏤ Condominium
- ブラウン管画面のような立体感とコンタクト画面でのざらつきが特徴的です。
-
https://dieselwynwood.miami/
2020-05-11 - detail
- 西谷デザイン
- ついスクロールがとまります。
-
https://ryutanishitani.jp/
2020-07-29 - detail
- BRAUN（ブラウン）公式サイト｜腕時計・クロック
- BRAUNのDieter Ramsさんは、もっと調べてみたいデザイナーの1人です。
-
https://br-time.jp/
2020-08-07 - detail
全体的にシンプルで綺麗なデザインですが、参考になると感じたのはそれぞれの詳細ページです。
最近主流の1カラム構成でブログなどを運営する場合、大画面での間の抜けた感じを回避するため、通常ページよりもコンテンツ幅を狭めて設計することが多いです。
しかしこちらのサイトは2カラムに見えない2カラム構成で、自然に幅を狭めています。
また、ヘッダー下のBACKボタンはアーカイブページのカテゴリーの位置と連動しており、第二階層のメニューとして機能しています。
通常パンくずの位置とされそうな位置に配置されていることから、その役割も担っているのではないかと感じられる機能的なデザインです。