網站架構圖範例（樹狀圖設計、分析規劃）

星巴克的網站架構圖範例（部分）：

星巴克的網站架構圖範例

Apple的網站架構圖範例（部分）：

Apple的網站架構圖範例 — 不同分支的網頁之間可透過內部連結 (Internal links) 互聯

心智圖/樹狀圖製作軟體：

Miro – Mind Mapping
MindMeister
GitMind
XMind
Diagrams.net

張阿道

從UI、UX設計的角度看，網站/App架構 = IA (Information Architecture 資訊架構)

網站地圖範例、Sitemap製作與提交