上期，HKWeb簡單介紹了《電商網站開店和品牌網站製作的區別》(有興趣的朋友可點擊回顧)，接下來我們就正式踏上網頁製作的旅程。
——————
網絡普及時代，商家想要獲得消費者的注意和好感，單靠「產品/服務質量」並不足夠，還需要製作一個完善的網站，搭配行之有效的網上推廣方案，讓消費者知道你、了解你，繼而購買你的產品。
想要設計出舒適美觀而且能夠吸引用戶目光的優質網站，首要任務就是掌握網站製作前的各項準備工作及預計相關項目可能花費的時間，確保網站製作過程中能夠抓准設計方向並準時、順利地上線!
新手製作網站前必須做好的六件事
● 確定網站製作目的
不同商家製作網站的目的也各不相同，包括品牌宣傳、產品銷售、企業轉型等;而不同的網站製作目的其設計邏輯上也存在較大的差異，比如：
– 展示型網站
對品牌經營而言，展示型網站的作用不僅僅是品牌在網絡上的「門面」，而是一本可以幫助消費者全面了解品牌資訊的「說明書」。
因此，在製作展示型網站時，網站定位應放在「品牌宣傳和展示」上，確保品牌核心信息更有效地傳遞給消費者，並盡可能給他們留下良好印象。
– 商機型網站
雖然商機型網站與展示型網站的版面設計略有相似，但它們的製作目標有着明顯的區別：前者着重介紹「品牌價值」;後者傾向宣傳「品牌形象」。
由此可見，製作商機型網站時，除了包含固有的企業信息外，還應該適當增加品牌價值、產品介紹、技術展示等相關信息，藉此增加用戶對品牌的信任度、鼓勵他們留下個人資訊，以便為後續經營提供更多商業線索。
– 營銷型網站
營銷型網站更多是注重「產品」的曝光，因此此類網站製作大多集成商城、下單、支付等全流程功能。而根據目標受眾的不同，營銷型網站主要分為C端營銷型網站和B端營銷型網站：
C端營銷型網站：適當增加各種營銷活動和產品信息在介面中的佔比，方便引導用戶更高效地了解產品，進而促成用戶轉換。
B端營銷型網站：將品牌網站與產品體系打通，透過產品營銷活動、產品介紹等核心內容，進而刺激消費者的購買慾;後台管理系統作為「產品交付」的地點，應實現產品「即買即用」的需求，確保潛在客戶到購買用戶的無縫轉換，減少用戶的操作鏈路。
– 平台型網站
這類網站以電商平台(如Amazon、eBay、Shopee等)為代表，匯聚海量的第三方商家商品，因此設計上應該重視用戶的行為效率，同時將「商品」設為網站的核心內容，以便用戶快速發現想要的商品，必要時搜索、個性化推薦功能或將成為介面的重要設計內容。
此外，網站首頁的首屏信息大多融合商品分類、Banner廣告、用戶信息等板塊，因此排版佈局對屏效要求甚高。與此同時，各個樓層應該細化產品信息的顆粒度，例如賣點、價格等，方便用戶可以直接購買商品，以及提高商品的觸達效率。
● 確定網站目標受眾
確定網站的製作目的及類型後，接下來就是分析「網站主要是給誰看」。如果網站目標受眾不明確，設計師將難以確定網站所需的元素和功能及其呈現方式，直接導致網頁質量不佳或缺乏有效性。
反之，如果網站內容及視覺設計都符合目標受眾的興趣和需求，這將更有效地向目標受眾傳遞品牌的價值和形象、提升用戶對網站的認可和信任，繼而提高網站的點擊率和轉換率。
舉例說說：
假設網站的目標受眾是以中老年人為主，那麼網頁設計時就需要注意介面重要元素的尺寸必須足夠大、顏色足夠鮮艷、對比足夠明顯，以方便中老年用戶閱讀。同時，頁面動線設計也盡可能保證直觀、易操作，避免信息無法準確傳遞給用戶。
如果網站的目標受眾是以媽媽們或毛小孩的主人為主，那麼網站風格就盡量以活潑但不失專業為主，像是使用簡潔的icon搭配動態效果、適當增加一些情景照片等，藉此增強網站的整體感受，讓用戶在瀏覽過程中感到舒適、安心。
● 製作網站架構圖
根據網站想要傳遞的理念或內容、目標受眾的瀏覽習慣和需求，規劃一份邏輯清晰的網站架構圖，將有助於我們更好地釐清和規劃網站的整體設計和排版佈局，避免某些頁面出現無法訪問、功能缺失等情況，同時可以方便用戶更方便快捷地找到所需的信息和功能。
此外，在網站製作及經營過程中，我們還可以在網站架構圖中記錄變更的原因和影響，方便後期的網站維護和追蹤。
在實際操作中，不同行業、不同類型的網站，它的網站架構同樣存在一定差距，但無論是哪種類型的網站，一般都離不開以下這些內容：
– 公司簡介：包含公司的背景資訊、行業定位、品牌優勢等，目的在於向目標客戶展示其技術水平和實力，藉此增強他們對品牌的信任。
– 產品資訊：行業類型及網站目標的不同，產品資訊的呈現方式也略有差異，但通常都會包含產品分類總覽、產品列表、產品頁、產品篩選、加入購物車等項目
– 服務項目：主要針對以「專業服務」為賣點的企業，如會計師事務所、律師事務所等，主要用於展示企業能夠提供的服務項目及其優勢、相關合作流程等。
– 過去成功案例：整理並呈現企業過往曾完成的成功案例，讓目標客戶了解企業的實力和專業度，繼而增加他們對企業的信任並主動合作。
– 聯絡我們：用於介紹企業/品牌的各種聯絡方式，方便目標客戶有任何需求時都能即時與你聯繫。
值得注意的是，在規劃網站架構圖時，需針對頁面內容的重要程度進行分類，同時以F或Z型視覺模型進行排版佈局。一來可以幫助用戶更容易理解並掌握介面的重要內容;二來網站動線設計為用戶提供明確清晰的指引，讓用戶更輕鬆地瀏覽網站並快速找到想要信息。
● 找出至少5個目標網站參考範例
參考同行業或同類型的網站設計，可以幫助我們從中獲得靈感和創意的同時，還能掌握現時流行的網頁設計趨勢，更好地把握網頁設計的方向。此外，參考其他網站的設計，還可以學習其他設計師的經驗和技巧，藉此不斷提高自己的設計水平和能力。
● 計算預算範圍
網站製作其實就像「蓋房子」，過程中難免會遇到預算不足或其他風險問題，因此計算好網站製作各項細節的預算範圍，不僅可以將有限的資源放在重要的設計元素和技術上，以實現最佳的網頁視覺效果;而且可以幫助我們更準確地評估項目可能遇到的風險，適時調整網站製作及經營方案，最大限度避免後續網站出現的問題。
● 確定網站上線時間
不同網站製作方式，其完成時間也各不相同，像是簡單的套版網站，只需要將準備好的資料直接放到相應的位置即可，因此可能僅需要幾天或幾周就能完成;而定製類網站，由於當中涉及的設計細節和功能實現相對較多，製作時間則會視實際情況而適當延長。
由此可見，確定網站上線時間，可以幫助我們掌握整個網站製作的時程，最大程度避免可能遇到的可控或不可控因素，確保網站最終在預期時間內上線。
香港網頁提供一站式數碼營商方案服務，包括、網頁設計、網絡推廣、網頁管理與寄存、系統開發及其它增值服務，全方位滿足客戶的業務需要，歡迎隨時聯絡我們，香港網頁是您開拓網路商機的最佳伙伴。
聯絡電話: 37499734 電郵地址: [email protected] 網址: www.hkweb.com.hk
