網頁設計及開發
發佈日期：2020年11月25日｜更新日期：2021年4月27日
為何需要「網頁設計」開發服務？
網頁設計、網站設計疑問逐個睇：隨著科技日新月異，互聯網一天比一天發達，你的生意也是時候趕上步伐，開發一個屬於你自己的網站，拓展你的業務。優質的網頁設計有助美化公司或品牌形象，建立客人對你的觀感和信心，同時可借助網站設計拉動整體業績。
想嘗試網頁設計或網站優化，但又不認識網站設計流程？好奇一般網頁設計價錢是多少？不懂程式語言能更新網頁內容嗎？以下內容將逐一解答你對網站設計的各種疑問。
疑問1. 我的生意適合做「網頁設計」嗎？
在決定實行網頁設計前，內心或許會有個疑問：我的品牌或生意適合建立一個網站嗎？如果我以出售服務為主的話，網站設計能幫助我招攬生意嗎？若我只想在網上展示自己的作品集，我需要網頁設計服務嗎？
答案是：所有品牌和生意均適合網站開發。網頁設計除了能塑造公司或品牌形象、建立客人對你的信任外，更重要的是透過網頁設計接觸及開拓新的客源，使潛在客戶更快速地透過網站找到你的公司。另外，開發自家網站設計猶如擁有一間24小時開放的商店，隨時隨地為你的品牌作商品宣傳、提升曝光率，從而刺激網站銷售。擁有了網頁設計公司為你開發的客製化網頁後，再配合各種網站推廣如 SEO（搜尋引擎優化）技巧及社交媒體（如：Facebook、Instagram、Youtube、Twitter）中的營銷策略，定必迅速提高你的公司在該行業的知名度，生意自然蒸蒸日上。此外，完善的網站設計亦能提供更多元化的顧客服務如Q&A、自助下單及付款、優惠與促銷等，有助降低人力成本及縮短交易時間。
疑問2. 網頁設計種類
在物色相關網頁設計公司及比較各網頁設計價錢前，先了解網站設計種類有助你選擇更適合的網頁設計公司。網頁設計主要分為三類：
靜態網頁設計 (Static Website)
以顯示純文字及圖片為主，可包括文字、圖片、聲音、GIF動畫及FLASH等元素，但不包含網站程式及後台數據庫，是相對較簡單的網頁設計，適合更新較少、內容較簡單的網站，如僅作簡介的官方網頁及個人作品集展示。
動態網頁設計 (Dynamic Website)
使用伺服器及後台資料庫運作，並加入網頁程式（如：JS, PHP, ASP），增強網頁的功能和互動性，適合更新較頻密、內容較多元化的網站，如網上商店、討論區、社交互動平台等。
網上架站平台 (Website Builder)
有既定的網站設計範本及常用功能，客戶只需於架站平台建立帳戶並根據個人喜好選擇喜歡的範本及適用的功能，便能隨即使用並更新網站內容。著名的網上架站平台有 WordPress, Wix, Shopify, Shopline 等。
以上三類網頁設計均用作不同用途。若想建立獨一無二的客製化網頁，建議選用頭兩類網頁設計，並諮詢網頁設計公司了解更多介面設計及編程程式。
疑問3. 一般「網頁設計價錢」是多少？
一般來說，網頁設計公司會提供三種網頁設計套餐供客人選擇，以下為參考的「網頁設計價錢」：
| 項目 | 基本網頁設計套餐 | 中級定製網頁設計套餐 | 高級定製網頁設計套餐 |
|---|---|---|---|
| 價錢 | HKD 2,500 - 5,000 | HKD 4,500 - 18,000 | HKD 18,000 或以上 |
| 服務 | 響應式網頁設計 (RWD)、UI/UX 設計、編程設計（前端開發、後台開發）、提供源代碼、網站設計頁面約1-3頁 | 基本網頁設計包含的服務、兼具「電子商務」功能如網上商店基本功能、介面設計及功能客製化、網站設計頁面約4-6頁 | 中級定製網頁設計包含的服務、全客製化 UI/UX 設計及網頁功能、網上互動元素、網站設計頁面約6-10頁或以上 |
| 適用於 | 靜態網頁設計、選用現有網頁範本展示資料、更新頻率較低、技術要求較低及預算較低的初創企業 | 動態網頁設計、較多客製化 UI/UX 設計、更新頻率較頻密及多元化、有一定預算的企業或個人工作者 | 動態網頁設計、度身訂造網站設計頁面以突出公司特色、互動元素打造專業及生動的品牌形象、預算較高及長期發展事業的企業或個人工作者 |
| 運行速度 | 慢 | 正常 | 快 |
| 維護 | 大多需額外收費 | 大多需額外收費 | 含保養期 |
除以上網站開發成本外，你或需要支付網頁設計相關後續費用如：域名 (Domain) 延長費用、伺服器 (Server) 租借費用、網站維護等。若希望使用 SEO 服務如付費關鍵字廣告及網頁排名推廣以推高在Google搜尋的曝光率，亦需額外收費。
疑問4. 網站設計流程？
整個「網站設計」基本流程如下：
了解用戶對網頁開發的需求
網頁設計公司會先了解客戶的理念及需求，研究網頁設計項目的可行性及工作量評估，並就網站製作項目提出持續科技策略。
網頁設計的各種功能
根據『網站使用者需求列表』進一步考慮網站設計實際需要的『網頁功能』，訂下明確的『網站設計功能列表』，軟件功能及硬件功能為主要網頁設計功能。
給予客戶網頁設計報價，並簽署項目合同
網頁設計公司根據『網站設計功能列表』草議『網頁設計及網站開發報價』，客戶必需確保自己擁有對每一項功能的充分認知及期望，網頁設計公司亦有責任仔細描述每項功能的設計理念及整體操作流程。
網頁設計用戶流程 (Userflow) 設計及介面設計
根據『網站設計功能列表』更進一步規劃『最簡短而最有效的操作流程』，當中牽涉重要技術「用戶體驗(優化)設計」。UI/UX 設計師會加入『用戶群特徵』、『用戶使用網站的實際場景』、『用戶對網站的熟悉度』考慮頁面設計、資訊佈局及用戶體驗，引導用戶流暢及高速地了解網頁功能及流程。
程式語言編寫 (Coding)
程式設計師會按報價單所協定的網站設計用戶流程、網頁功能及UI/UX設計，使用相應的程式語言及網頁程式編程如 HTML、CSS、JS。
客戶於 Staging 環境進行用戶驗收測試
網頁設計公司同時作出 Debug。
完成網頁設計，客戶驗收然後正式推出、上線
驗收網頁後開發團隊會和客戶交接相關網站設計的文檔及代碼，並於保養期內提供免費維護服務。
從網頁設計討論至報價及簽合同需時約1-2週，而網頁設計需時一個月至三個月，視乎網站設計的複雜程度而定。
疑問5. 網站設計製作時間？
若是單純的套用網頁範本網頁設計（如 WordPress、Wix、Woocommerce、Magento），UI/UX 設計大概為7到10天，編程時間則為3-5天。由於這種網頁設計並非度身訂造，因此未必能完全符合客戶需求，修改彈性較低；好處是網頁設計價錢及完成速度快。
若以客製化網頁設計為例，網站製作時間的多少十分取決於介面設計修改次數及網頁類型。這個過程需要 UI/UX 設計師與客戶的緊密溝通及磨合，以達至客戶滿意的成果。另外，由於是客製化網頁，網頁設計公司亦需時了解客戶公司的行業特點、作行業分析及功能溝通等，前期預備需時更長，成本亦較高；但同時你能擁有一個完全符合公司需求、獨一無二的響應式網頁設計 (RWD)，亦可擴充網站設計功能。一般來說，此類型網頁設計的 UI/UX 設計約為一至兩個月，編程時間則為一至兩個月。
疑問6. 一個好的「網頁設計」需具備什麼特點？
一個好的網頁設計不單要有美觀及吸引的網頁介面設計及齊全的功能，還要具備以下元素：
響應式網頁設計 (RWD)
現今用戶多數使用手機、平板電腦等流動裝置瀏覽網頁，因此要確保完成的網頁設計能於各種尺寸的裝置下清晰呈現及顯示。
SEO 搜尋引擎優化
網站設計需為『SEO 友善』的網站，即網址結構、網站內容等需清楚表達重點訊息，讓Google更容易識別網頁重點，並提高於Google搜尋的排名。
用戶體驗 (User Experience)
好的網頁設計會從終端用戶的角度考慮及設計網頁，例如使用簡單易明的按鈕作網站設計，使用戶不用多作思考便理解其功能及用處。
SSL憑證 / HTTPS
SSL憑證是一種用於保持網絡連線安全及加密兩個系統之間傳輸資料的技術。HTTPS 會在網頁受到SSL憑證保護時在網址中出現，有助保護雙方在網頁中傳輸的資料。
支援各種瀏覽器
完成的網頁設計需支援各種瀏覽器如 Chrome, Safari, Firefox, Edge, Opera。
流暢及簡易使用的前端開發及後台開發系統
網頁設計公司需為網站設計流暢及簡易操作的後台，讓管理員 (Admin) 能有效率地更改及更新前台網頁內容。
自動備份、緊急復原
至少做每日自動備份，在網站出現技術錯誤而導致無法正常瀏覽時，可以讓網站迅速回復日前狀態（備復需要包含：編碼Coding、文章Content、數據Data及網頁設定Web Configuration）。Fletrix 能為客戶做到最快3分鐘內復原網站。
CMS文章管理系統
CMS是容許網站管理員在無需編程員協助下修改網站內容，而又不會破壞網站框架及設計的管理工具，一般會以 WordPress, Drupal, Joomla 等為市面上較為便捷的網頁文章管理工具。
圖片壓縮 Image Compression
一般客戶上傳圖片時傾向先作修改或完圖上傳，往往令網頁整體體積激增數倍，一些網速受限的訪客很可能會因為Load太久而放棄，做成「高跳出率」High Bounce rate，直接影響SEO評分及排名。因此如何做到壓縮圖片而又不影響清晰度，便是一門專業的技術。
疑問7. 我該如何選擇「網頁設計」公司？
現今網絡上的網頁設計公司選擇花多眼亂，該如何選擇最適合你的網頁設計公司？建議你可先從網頁設計公司的網頁了解他們過往的客戶及開發項目，並探究網站開發項目有否大型案例、是否如期完成、介面設計是否合符該企業形象、網頁設計成品是否符合該客戶業務需求、網頁設計公司的後續服務等。你亦可留意過往的網頁設計案例是否有疑問6提及過的特點，以判斷其網站設計公司的專業程度。
較為直截了當的方式，是直接查詢對方曾否擁有相關的網站製作經驗及範例，多了解其網頁設計公司的網站設計流程、網頁設計套餐或網頁設計價錢、網站設計經驗等作進一步考慮。
Fletrix 為你提供專業網頁設計，打造心水網站
看完以上文章想立刻開始網頁設計？抑或仍想了解更多網站設計的資料？Fletrix 幫到你！Fletrix 為擁有多年編程經驗的網頁設計公司。Fletrix 專業團隊：資深的 UI/UX 設計師及編程員能設計讓你滿意的網頁設計。除外，我們提供一站式的網站設計服務。我們先充份理解客戶要求及構思，然後作規劃、UI/UX 設計、編程及用戶驗收測試 (U.A.T)。我們為各企業提供服務，如製作創意網頁、平面設計網、Youtube 網頁、網上商店等。網站開發完成品保証方便使用、清晰簡潔及美觀，同時在SEO上獲得持續優化及進步，讓你不用認識各種網頁設計軟件，也能透過網站設計賺錢！歡迎聯絡我們查詢！
常見問題（FAQ）
我的生意適合做網頁設計嗎？⌄
所有品牌和生意均適合網站開發。網頁設計除了能塑造公司或品牌形象、建立客人對你的信任外，更能接觸及開拓新客源，猶如擁有一間24小時開放的商店，隨時隨地作商品宣傳、提升曝光率。再配合SEO及社交媒體營銷策略，可迅速提高公司知名度；完善的網站設計亦能提供Q&A、自助下單及付款、優惠與促銷等服務，降低人力成本及縮短交易時間。
網頁設計有哪些種類？⌄
網頁設計主要分為三類：靜態網頁（純文字及圖片為主，無後台數據庫，適合更新較少的網站）、動態網頁（使用伺服器及後台資料庫，加入網頁程式增強互動性，適合網上商店、討論區等）及網上架站平台（既定範本及常用功能，如 WordPress, Wix, Shopify, Shopline）。若想建立獨一無二的客製化網頁，建議選用頭兩類。
一般網頁設計價錢是多少？⌄
一般分三種套餐：基本網頁設計套餐 HKD 2,500-5,000（RWD、UI/UX設計、前後端編程、約1-3頁）；中級定製套餐 HKD 4,500-18,000（加電子商務功能、介面客製化、約4-6頁）；高級定製套餐 HKD 18,000或以上（全客製化UI/UX及網頁功能、互動元素、約6-10頁或以上）。另需支付後續費用如域名延長費、伺服器租借費、網站維護等；SEO服務如付費關鍵字廣告亦需額外收費。
網站設計流程是怎樣的？⌄
基本流程：1. 了解用戶對網頁開發的需求；2. 制定網站設計功能列表；3. 報價及簽署項目合同；4. 用戶流程 (Userflow) 設計及介面設計；5. 程式語言編寫 (Coding)；6. Staging 環境用戶驗收測試及Debug；7. 完成驗收並正式上線。由討論至簽合同約需1-2週，網頁設計需時一至三個月。
網站設計製作時間要多久？⌄
單純套用網頁範本（如 WordPress、Wix、Woocommerce、Magento），UI/UX設計大概為7到10天，編程時間則為3-5天，價錢平、速度快但修改彈性較低。客製化網頁設計則取決於介面設計修改次數及網頁類型，UI/UX設計約一至兩個月，編程時間亦為一至兩個月，前期預備較長、成本較高，但可擁有完全符合公司需求、獨一無二的響應式網頁設計 (RWD)。
一個好的網頁設計需具備什麼特點？⌄
共9大特點：響應式網頁設計 (RWD)、SEO搜尋引擎優化、良好用戶體驗 (UX)、SSL憑證/HTTPS、支援各種瀏覽器、流暢簡易的前後台系統、自動備份及緊急復原（Fletrix 最快3分鐘內復原網站）、CMS文章管理系統，以及圖片壓縮技術。
我該如何選擇網頁設計公司？⌄
建議先從網頁設計公司的網頁了解他們過往的客戶及開發項目，探究有否大型案例、是否如期完成、介面設計是否合符企業形象、成品是否符合客戶業務需求及後續服務等。較直截了當的方式是直接查詢對方曾否擁有相關網站製作經驗及範例，多了解其網站設計流程、套餐價錢及經驗作進一步考慮。
想打造屬於你的心水網站？
Fletrix 為擁有多年編程經驗的專業網頁設計團隊，為您提供最專業的網頁設計及開發服務。