- SETOUCHI ARCHI-TOURISM
- 2カラム構成を詳細ページのレイアウトが参考になります。
-
https://setouchi-architourism.com/
2020-08-03
- 御茶ノ水RITTOR BASE
- レイアウトが好みです。
-
https://rittorbase.jp/
2022-03-15 - detail
- WOSH – どこでも置ける、水道いらずの手洗いスタンド。-先行予約開始
- メニューをクリックで、背景にボカしがかかる技術の参考にしたいです。
-
https://wota.co.jp/wosh/
2020-07-15 - detail
- THE RESTAURANT | 広尾
- 全店舗の統一感が良いです。
-
https://therestaurant-hiroo.com/
2020-08-14 - detail
- Studio Mærtens
- ローディングがお洒落です。マウスカーソルがそのままロードアニメーションになっているのも良いです。
-
https://studiomaertens.com/
2020-06-08 - detail
- NESTING
- PCのメニューがスクロールで横積みに変わるのが面白いです。
-
https://nesting.me/
2022-10-07 - detail
- 桑名眼科脳神経クリニック
- レイアウトの仕方でデザインしているように感じます。美しいです。
-
https://kuwana-sc.com/
2020-10-16 - detail
- ARTIDA OUD（アルティーダ ウード）
- 読み込み時のポップアップに絵文字が表示されています。絵文字を使ったメッセージをよく見るようになりました。
-
https://www.artidaoud.com/
2020-06-08 - detail
- Provider Store
- 日本らしさと海外のような雰囲気とが混ざっており素敵です。
-
https://www.providerstore.com.au/
2021-02-16 - detail
- 求人米「あととりむすこ」 / Recruiting Rice
- 生産者を自分で探す米というのが良いです。
-
http://www.atotorimusuko.com/
2020-10-02 - detail
- A Green｜Greenery Scent Architecture & Design
- レイアウトとコーディングの関係が美しいです。
-
https://agreen.tokyo/
2020-05-09 - detail
- Patrick Heng – Creative Developer Portfolio
- マウスがオブジェクトにあたった際のモーションが気持ち良いです。
-
https://patrickheng.com/
2020-07-17 - detail
- 横浜スタジアム
- リンクマークのマウスオーバーアニメーションが素敵です。
-
https://www.yokohama-stadium.co.jp/
2020-11-11 - detail
全体的にシンプルで綺麗なデザインですが、参考になると感じたのはそれぞれの詳細ページです。
最近主流の1カラム構成でブログなどを運営する場合、大画面での間の抜けた感じを回避するため、通常ページよりもコンテンツ幅を狭めて設計することが多いです。
しかしこちらのサイトは2カラムに見えない2カラム構成で、自然に幅を狭めています。
また、ヘッダー下のBACKボタンはアーカイブページのカテゴリーの位置と連動しており、第二階層のメニューとして機能しています。
通常パンくずの位置とされそうな位置に配置されていることから、その役割も担っているのではないかと感じられる機能的なデザインです。