網頁設計流程圖
網頁設計流程圖

網頁設計的流程看起來跟一般的平面設計相似,但當你親手去開發一個網站時,便會發現建立一個網站,會比想像之中困難!因為當涉及在不同尺寸的屏幕上顯示,包括桌面版和手機版網頁。點止網站是香港網頁設計專家,專門為香港中小企業製作不同類型的網站,我們整理了多年來開發網站的實戰經驗,把由網頁設計到市場推廣分為10個開發流程,不論你是否找我們幫你做網頁專案,或者是想自己動手設計,也可以把這流程圖作為參考之用。

第1步流程:面談及網頁報價

我們會先跟客戶進行一次面談,按著預先準備好的問卷,深入了解客戶對新網站的設計需要。我們會建議適合的網站技術,以滿足客戶的需求。當客戶同意報價,及支付首期款項後,我們便會進行第2步。

第2步流程:用戶要求規格

我們按照面談的內容,為你準備一份「用戶要求規格書」,裡面詳列出這次網頁設計項目的內容,包括用那種CMS (WordPress, Magento)、網站的分頁、Sitemap等等。

第3步流程:網頁初稿設計

網頁設計師會開始按客戶公司的品牌形象、目標客戶群、產品定位等資料進行網頁設計。客戶可以對網頁初稿設計進行修改。

第4步流程:網頁文案

當客戶確認了網頁設計初稿的方向後,便需要準備網站各頁內所需的文字、相片、影片等資料。點止網站為客戶提供撰寫文案及攝影服務。

按我們的經驗,網頁文案所花的時間最長。

第5步流程:網頁正式設計

文案完成後,網頁設計師會把文案放置入初稿上,再加以細心的排版及配色,美化整個網站的設計。要注意,香港的網站多設中英兩種語言,由於中英的長度不同,一般而言英語的字數較多,所以在排版時,要注意這點啊!

第6步流程:網頁程式開發

這個架構步驟是最重要的一環,網頁設計師會把Photoshop檔交給網頁開發員進行製作。網頁開發員的職責,是要把PSD 檔轉換成HTML及CSS檔。這個工序的要求十分嚴格,否則做出來的網頁會被原本的設計不同。

第7步流程:手機版建置網頁

網頁開發員除了要製作桌面版網站後,還會製作響應式RWD 網站,即確保網頁可以在其他瀏覽器及手機上流暢地閱讀。

第8步流程:測試網站

當網頁開發員完成製作後,便會交由Quality Control Team進行正式發佈前的測試,當中的測試內容包括:

    • 網頁的整體外觀
    • Header
    • Menu
    • 表格
    • 超連結
    • 所有功能
    • Footer
    • CMS裡的設定
    • Favicon
    • 社交媒體連結

第9步流程:On Page SEO

在正式把網站發佈前,我們會為網頁作基本的On Page SEO,以保證網站可以順利被Google, Yahoo 登錄。

第10步流程:正式發佈網站

我們會為你的網站開設一個專用的寄存空間,當然,你也可以使用自己租用的網站伺服器。我們會為你設定DNS, MX Record, Domain Propagation等等,以令到你的網站可以順利運作!
每位點止網站的客戶,也可以免費取得網頁設計課程的學額一個,接受6堂的網頁管理培訓。

以上是點止網站的網頁設計流程規劃,如果你也想開發公司網站,歡迎與我們聯絡!

香港網站開發價格資訊

點止網站 – 香港網頁設計專家

地址:704 7/F Witty Commercial Building, 1A-1L, Tung Choi Street, Mong Kok
網址:www.itdot.hk
電話:3618 7630