- SETOUCHI ARCHI-TOURISM
- 2カラム構成を詳細ページのレイアウトが参考になります。
-
https://setouchi-architourism.com/
2020-08-03
- デザイナーのフォント見本帳「F」
- 便利です。
-
https://f-font.com/
2022-08-04 - detail
- Yourra! – Happy agency
- ページの最下層にある、次ページへ誘導するリンクのマウスオーバー時の表現が面白いです。
-
https://yourra.fr/
2020-08-11 - detail
- Hyper Tria
- 動かない動画が面白いです。
-
https://hypertria.com/
2021-11-04 - detail
- ひとともり
- ラインを使用した細かいデザインがシンプルで、とても素敵です。
-
https://hitotomori.net/
2020-06-26 - detail
- ACTION！
- 全方向スクロールで作るデザインが面白いです。
-
https://www.toei.co.jp/company/recruit/fresh/
2022-01-04 - detail
- MIDORI.so | みどり荘
- FVのデザインが面白いです。
-
http://midori.so/
2020-10-09 - detail
- Add Culture +
- 棒グラフがおしゃれです。
-
https://www.addculture.com/
2021-02-01 - detail
- 株式会社 JR西日本コミュニケーションズ
- 人物画像にマウスオーバーすると、写真の後ろに文字が入る工夫が面白いです。
-
https://www.jcomm.co.jp/recruit/newgrads/
2020-05-11 - detail
- 京仏壇・京仏具・伝統工芸 若林佛具製作所
- KVスライド部分で、背景を活かしたキャッチ画像の使い方が効果的です。
-
https://www.wakabayashi.co.jp/
2020-06-15 - detail
- SHUTDOWN.gallery
- webサイトとは思えないほどのリアリティです。
-
https://shutdown.gallery/
2020-05-14 - detail
- BE.AT TOKYO
- 色数の多いデザインが増えてきたように思えます。
-
https://be-at-tokyo.com/
2020-10-16 - detail
- Le Singe
- リアルなものにマウスを追いかけられたのは初めてです。
-
https://lesinge.paris/fr
2020-12-15 - detail
全体的にシンプルで綺麗なデザインですが、参考になると感じたのはそれぞれの詳細ページです。
最近主流の1カラム構成でブログなどを運営する場合、大画面での間の抜けた感じを回避するため、通常ページよりもコンテンツ幅を狭めて設計することが多いです。
しかしこちらのサイトは2カラムに見えない2カラム構成で、自然に幅を狭めています。
また、ヘッダー下のBACKボタンはアーカイブページのカテゴリーの位置と連動しており、第二階層のメニューとして機能しています。
通常パンくずの位置とされそうな位置に配置されていることから、その役割も担っているのではないかと感じられる機能的なデザインです。