- 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
- Lucky Folks
- メニューを展開した時のアニメーションが面白いです。
-
https://www.luckyfolks.fr/
2021-01-08 - detail
- 自賠責保険広報｜今すぐカクニン！期限切れ。
- 一般社団法人日本損害保険協会らしくないイメージに攻めの姿勢を感じました。
-
https://www.jibaisekihoken-koho.jp/
2020-06-11 - detail
- FORCAS | ABM実践を強力にサポートするB2Bマーケティングプラットフォーム
- KVの大胆な白透かしで少し考えが変わりました。
-
https://www.forcas.com/
2020-08-31 - detail
- Le Singe
- リアルなものにマウスを追いかけられたのは初めてです。
-
https://lesinge.paris/fr
2020-12-15 - detail
- HERO’s IDEA
- トップページでのページ内での移動の挙動が面白いです。
-
https://idea.sportsmanship-heros.jp/
2020-11-25 - detail
- ARTIDA OUD（アルティーダ ウード）
- 読み込み時のポップアップに絵文字が表示されています。絵文字を使ったメッセージをよく見るようになりました。
-
https://www.artidaoud.com/
2020-06-08 - detail
- The Climate Pledge
- 全体の質感が素敵です。
-
https://www.theclimatepledge.com/
2021-02-16 - detail
- Koval Web
- ホバーアニメーションなどの細かい部分が、見たことのないアニメーションをたくさん使用しています。
-
https://kovalweb.com/
2020-11-16 - detail
- SND
- サイトも音も素敵です。
-
https://snd.dev/
2022-03-15 - detail
- Extraset | Independent Swiss Type Foundry
- 大胆すぎるタイポグラフィーです。
-
https://extraset.ch/
2020-08-03 - detail
- THE FLAT HEAD
- 最近海外サイトで見かけるボタンの日本アレンジの参考になります。
-
https://www.flat-head.com/
2021-09-16 - detail
全体的にシンプルで綺麗なデザインですが、参考になると感じたのはそれぞれの詳細ページです。
最近主流の1カラム構成でブログなどを運営する場合、大画面での間の抜けた感じを回避するため、通常ページよりもコンテンツ幅を狭めて設計することが多いです。
しかしこちらのサイトは2カラムに見えない2カラム構成で、自然に幅を狭めています。
また、ヘッダー下のBACKボタンはアーカイブページのカテゴリーの位置と連動しており、第二階層のメニューとして機能しています。
通常パンくずの位置とされそうな位置に配置されていることから、その役割も担っているのではないかと感じられる機能的なデザインです。