- SETOUCHI ARCHI-TOURISM
- 2カラム構成を詳細ページのレイアウトが参考になります。
-
https://setouchi-architourism.com/
2020-08-03
- Mav Farm™
- WebGLの使い方がすごいです。
-
https://mav.farm/
2020-07-16 - detail
- 弥生焼酎醸造所
- ヘッダー背景のぼかしが良いです。
-
https://www.kokuto-shouchu.co.jp/
2021-06-03 - detail
- ThemesKingdom
- デザインの表示方法が素敵です。
-
https://themeskingdom.com/
2021-10-26 - detail
- Koval Web
- ホバーアニメーションなどの細かい部分が、見たことのないアニメーションをたくさん使用しています。
-
https://kovalweb.com/
2020-11-16 - detail
- sketchbook
- グリッドで制作するときの参考にクリップしています。
-
http://sketchbook.kr/
2020-05-25 - detail
- Story Line: Six Months of COVID-19 – The Feed – SBS
- ドラッグでの操作感が素敵です。
-
https://www.sbs.com.au/storyline/
2020-09-07 - detail
- WOSH – どこでも置ける、水道いらずの手洗いスタンド。-先行予約開始
- メニューをクリックで、背景にボカしがかかる技術の参考にしたいです。
-
https://wota.co.jp/wosh/
2020-07-15 - detail
- 世田谷クロニクル 1936-83
- 動画などのタイトル表記に使われているシールの飾りが、時代を感じさせる面白いアクセントになっています。
-
https://ana-chro.setagaya-ldc.net/
2020-05-11 - detail
- 互助交通
- テキストの上にのったマテリアルで雰囲気が出ています。
-
https://ninjo.gojyo-taxi.com/
2020-05-09 - detail
- Snazzy Maps – Free Styles for Google Maps
- googlemapのカスタマイズが一覧で表示されていて便利です。
-
https://snazzymaps.com/
2020-06-16 - detail
- 田邑嘉浩｜HIRO.LONDON｜GARDEN ARTIST — HIRO.LONDON
- WORKS詳細ページのUIが新しいです。
-
https://hiro.london/jp/
2020-07-29 - detail
- REJ株式会社
- KVの動きが細かく、面白いです。
-
https://rej-inc.co.jp/
2020-05-18 - detail
全体的にシンプルで綺麗なデザインですが、参考になると感じたのはそれぞれの詳細ページです。
最近主流の1カラム構成でブログなどを運営する場合、大画面での間の抜けた感じを回避するため、通常ページよりもコンテンツ幅を狭めて設計することが多いです。
しかしこちらのサイトは2カラムに見えない2カラム構成で、自然に幅を狭めています。
また、ヘッダー下のBACKボタンはアーカイブページのカテゴリーの位置と連動しており、第二階層のメニューとして機能しています。
通常パンくずの位置とされそうな位置に配置されていることから、その役割も担っているのではないかと感じられる機能的なデザインです。