網站架構有什麼設計參考範例？來準備網站架設前的第一份文件

網站架構(sitemap)可以用來了解你的公司網站包含哪些內容，不管交給網頁設計公司或內部討論，網站架構表通常是著手網頁設計的第一份文件。在開始之前，建議先挑出貴公司產業前十大企業，從中列出各公司的網站架構，再找出與自己公同規模的企業網站，網站架構會比較接近自己的公司規模和企劃目標。

main

網站架構(sitemap)可以用來了解你的公司網站包含哪些內容，不管交給網頁設計公司或內部討論，網站架構表通常是著手網站製作的第一份文件。在開始之前，建議先挑出貴公司產業前十大企業，從中列出各公司的網站架構，再找出與自己公同規模的企業網站，網站架構會比較接近自己的公司規模和企劃目標。

網站架構沒有一定的標準，視每間公司的規模大小而定。如果還是沒什麼想法，我們整理了大部份企業網站可能建置的內容，可以幫助你重新思考公司的網站架構。

1. 公司簡介 | 讓人了解你的企業背景、產業規模、歷史發展、核心優勢
2. 產品資訊 | 你的企業主要銷售哪些產品？
3. 解決方案 | 你的企業具備一站式解決方案的能力嗎？
4. 能力優勢 | 你的企業在市場中，具有哪些核心競爭力？有什麼差異？
5. 服務項目 | 你的企業提供哪些專業服務？
6. 客戶實績 | 你的企業過去完成哪些傲人的實績案例？
7. 服務支援 | 你的企業可以提供哪些後續服務？
8. 新訊活動 | 你的企業是否不定期對外發佈新訊？有哪些新鮮事？
9. 聯絡我們 | 你的企業客戶應該如何聯絡到你？
10. 人力資源 | 你的企業是否提供人力資源政策？
11. 投資關係 | 上市櫃公司必備、財務資訊透明
12. 企業社會責任 CSR | 企業營運應負環境、社會及治理之責任

1. 公司簡介 | 讓人了解你的企業背景、產業規模、歷史發展、核心優勢

「關於我們」也就是公司簡介，用來介紹公司的背景資訊、產業定位、服務優勢，讓客戶了解你的過去、現在與未來。你可以用簡單一頁來介紹你的公司，也可以用多個分頁來介紹。這個部份在B2B或B2C產業，在表現上有極大的差異。如果是B2B產業(例：製造業或技術服務業)，通常強調硬實力，將公司的基本能力規格列出來。在B2C產業的形象網站設計中，通常是採用「品牌故事」的方式強調軟實力，緩緩道出品牌的個性與面貌。

公司基本資料：通常會採用表格方式列出公司的概況，較常見於製造業，讓人了解公司的成立時間、場所地點、員工人數等基本資料。
營業範疇：列出公司的營業項目及核心事業，讓人了解公司在整個產業的角色是專精某個技術領域、或是具備跨領域系統整合的能力
經營理念：讓人了解公司的核心價值、企業文化
歷史沿革：透過RWD時間軸式的歷史記錄，可以讓人了解公司的過去、現在、未來。
組織架構：列出經營團隊、組織圖，讓人了解公司組織運作，常見於製造業及上市櫃公司。透過組織架構可以得知一間公司的企業規模。
能力優勢：品質政策、環安政策、得獎認證等等，用以突顯公司優勢，與競爭對手拉出差異性

設計參考範例：

https://www.leadtrend.com.tw/en/about/about-us (公司簡介)

https://www.harvest-one.net/en/about-us (品牌介紹)

https://www.dwtbifold.com/about-dalloway (品牌介紹)

https://www.leadtrend.com.tw/en/about/history (歷史沿革，時間軸)

https://www.harvestlink.com/en/company (歷史沿革，時間軸)

2. 產品資訊 | 你的企業主要銷售哪些產品？

因應不同的產業，產品資訊的呈現方式有很大的差別。B2B產業通常採用型錄式設計，重點在於清楚表達產品的資訊與架構，採用詢價車的方式。

建議項目：

產品分類總覽：通常是列出產品的主要分類，讓客戶了解公司所經營的產品範圍。
產品列表：列出單一分類下的產品。可以採用icon或文字方式在這一頁突顯個別產品特色，對於user要區分每個產品的特色將會很有幫助。
產品頁：列出產品名稱、型號、產品特色、產品規格
產品篩選：當產品規格繁多時(例如不同的電壓電流或功能特性)，就會需要Product Finder的功能。透過多個條件的下拉選單，就可以讓客戶輕鬆找到想要的產品。
加入詢價車：當產品數量太多時(常見於品項繁多的貿易業或電子零組件產業)，客戶會需要同時survey幾個不同的品項請你報價，這個時候，加入詢價車是一個很有幫助的功能。

設計參考範例：

https://www.lex.com.tw/products/motherboard (產品篩選功能，適用於電子產品)

https://www.ece.com.tw/en/switches/dip-switch/34 (加入詢價車，適用於品項多的產品)

https://www.dwtbifold.com/bi-folding-door/bi-folding-door-types (產品總覽)