【規劃網站架構大揭密】三步驟增加網頁設計溝通效率

前言

隨著近三年疫情爆發，民眾的購物習慣從線下轉為線上，傳統商家該如何在全新的網路時代中掌握商機呢？建置屬於公司的品牌網站是最佳選擇，本篇文章提供給即將建置公司形象網站、購物車網站的你，順利和網頁設計公司表達你對網站架構規劃與的小技巧。

網站架構是什麼？

網站架構主要可以用來讓用戶在不了解你的公司時，可以透過公司官方網站的內容來，認識你的公司。通常網站架構是在建置網站時，需要準備的第一份文件，請繼續看下去！

為什麼要用網站架構圖與網頁設計師溝通？

網站架構圖是網站建置時第一步該做的工作範疇，準備好網站架構圖，能夠讓網頁設計師了解網站內包含什麼內容！網站架構圖沒有一定的格式，依照每間公司的規模大小而定。

如何繪製網站架構圖？

• STEP 1：蒐集同業的網站架構

在與網頁設計師討論開始前，除了構思自己的網站規劃，還可以做些什麼呢？找出3個同業網站架構的範例給網頁設計師參考，喜歡的網站設計風格是比較難使用文字或口語表達的，附上自己喜歡的網站範例，可以讓網頁設計師更好理解對網站製作的品質要求。

• STEP 2：規劃網站架構大綱

藉由以上3個的同業網站架構範例，可以統整自己的網站架構大綱，用條列式的方式列出所需的網站架構大鋼，如同：

• 首頁
• 關於我們
• 服務介紹
• 作品案例
• 聯絡我們

先寫出基本的網站架構大綱，再繼續延伸寫出下方分支的項目，這樣才能畫出網頁架構圖唷！

• STEP 3：運用線框圖畫出網站架構

這時已經寫出條列式的網站架構大綱，網站架構圖建議可以使用Xmind、Excel、或是簡單樹狀結構，讓網頁設計師能夠釐清網站架構之間的關係。

• 網站架構範例

網站架構設計後，與設計師展開討論前的準備

• 整理網頁規劃所需要的資料

跟網頁設計師討論網站架構圖之前，還有一些基本資料要記得準備

依跟客戶的資料整理資料夾附圖。

1. 設計相關檔案：最重要的就是 LOGO，要記得提供去背的 Png 檔案，否則網頁設計上方的品牌 LOGO 後放有白底不好看
2. 公司相關檔案：如關於我們、公司理念等等，可以依照網站架構使用資料夾區分，把文字檔內容以 Word 檔方式進行分類
3. 產品、作品檔案：不論是公司形象網站，還是購物車網站，都會有產品或作品圖片需要放進網站內，建議尺寸使用寬度 2500px 以上，才不會有被壓縮而模糊的問題
4. 找到符合預期的網站風格

有幾個問題可以先思考一下再與網頁設計師討論，可以幫助你了解自己喜歡的網站設計風格有哪些

問題一：你喜歡的網站色系是暖調還是冷調呢？

問題二：你喜歡的網站感受是溫暖還是冰冷呢？

問題三：你喜歡的網站素材是3D向量、卡通還是真人寫實呢？

這三題回答完，是不是對網頁設計整體規劃更有雛型構想，也更明白對網站規劃的需求及喜好。

開始與設計師展開討論

看到這邊已經準備好網站架構圖、喜歡的風格、要給網頁設計師的基本資料，就可以跟設計師開始進行網站規劃，希望這個網站具備購物車功能、作品集 Demo 功能、RWD 響應式設計或是 SSL 憑證，這些都是可以跟網頁設計師溝通的唷！

結語

官方網站建置的方式千變萬化，不知道找到自己喜歡的網站風格，以及確立網站架構圖嗎？如果需要專業網站設計師的建議，或希望有專業團隊幫你規劃詳細的網站架構，歡迎聯繫豐遠。