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

「關於我們」也就是公司簡介，用來介紹公司的背景資訊、產業定位、服務優勢，讓客戶了解你的過去、現在與未來。你可以用簡單一頁來介紹你的公司，也可以用多個分頁來介紹。這個部份在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 (歷史沿革，時間軸)

因應不同的產業，產品資訊的呈現方式有很大的差別。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 (產品總覽)

建議項目：

• 產品應用 https://www.lex.com.tw/applications/internet-of-things
• 應用領域 https://www.protekfire.com.tw/applications
• 一站式解決方案

建議項目：

• 核心能力 https://www.ndd.com.tw/zh-tw/capability/overview-article
• 研發能力
• 製程設備
• 品質優勢 https://www.ndd.com.tw/zh-tw/quality/qa-system
• 環境政策
• 客戶服務
• 服務流程 https://www.chensource.com/custom
• 產品優勢(1) https://www.yichuang.com.tw/zh-tw/application 
• 產品優勢(2) https://www.dwtbifold.com/core-design/design-advantage

有些企業並不是以產品製造銷售為主要營收，而是以專業服務為主。例：會計事務所、律師事務所、系統整合、工程服務。那麼就會需要在此介紹你的服務項目有哪些、你的服務優勢是什麼？服務範圍到哪裡？服務流程為何？

建議項目：

• 服務項目 https://www.yichuang.com.tw/zh-tw/service
• 服務優勢(電子產業) https://amd.sysgration.com/en/services
• 服務範圍
• 服務流程 https://www.chensource.com/custom

建議項目：

• 主要客戶 https://www.ctsi-tech.com/zh-tw/client
• 應用案例 https://www.dwtbifold.com/project-presentation
• 實績分享(照片牆) https://www.harvestlink.com/zh-tw/projects/furniture-projects/99-prima-one-projects

建議項目：

• 常見問答 https://www.supreme-editing.org/zh-tw/qa/all-faq
• 手冊下載
• 型錄下載 https://www.protekfire.com.tw/support
• 保固維修
• 知識庫
• 專欄文章

建議項目：

• 最新消息
• 參展資訊
• 最新產品
• 影音媒體 https://www.zeus-helmets.tw/all-videos
• 活動相簿

• 聯絡表單
• 聯絡資訊(聯絡電話、地址)
• 交通資訊
• GoogleMap
• 服務據點(全球據點)

建議項目：

• 學習發展、教育訓練
• 工作環境
• 福利政策 https://www.leadtrend.com.tw/tw/human-resource/life-at-leadtrend
• 應徵流程、交通方式
• 工作機會、徵才訊息
• 職缺訊息 https://www.leadtrend.com.tw/tw/human-resource/join-us

建議項目：

• 財務資訊 https://www.leadtrend.com.tw/tw/investor/financial-information/financial-reports
• 股利分派 https://www.leadtrend.com.tw/tw/investor/shareholder-services/dividend-information
• 財務概況、財務報告、月營收報告、公司年報
• 股務資訊、股務報告、股東訊息、歷年股利
• 重大訊息、投資人新聞、公開資訊觀測站連結

建議項目：

• 社會關懷
• 公益參與
• 社區回饋
• 綠色使命