一個好的網頁設計SOP,同時更優化了製作流程及細節。才可以讓網站完成時,如當初預期的那樣,網站美感、網站的功能也符合預期。並且可以在這個標準的流程中,有目標性的討論網站與公司的行銷、內部或客服作業等….流程等。
今天就帶大家來瞭解,我們建議網頁設計進行時的六個小步驟
一、溝通瞭解此網站的受眾群
二、網站的功能與架構
三、色調、美感的設計
四、客戶提供的素材套入
五、教育訓練,後台操作
六、網站安全防護網及開始營運
一、透過溝通瞭解此網站的目的,還有主要受眾群是誰?
一開始的溝通,是十分重要的,相對於其他的流程,是最重要的一步。
溝通前期,除了瞭解客戶的需求。我們也會分享經驗,站在受眾群的角度與客戶一同思考,希望能達到什麼的目標。目標不同,設計的方式,自然也不會一樣。有些公司做網站的目的,比如:
1.一種公司形象的延伸,利於民眾認識公司,對外訊息的公佈,還有招幕新員工。
2.部落格,網站主要是寫文章,做記錄或推廣東西。
3.電商網站,賣東西。
4.一頁式網站…搭配網路廣告的投放。
5.分潤網站
6.團購網站
二、 網站的功能與架構
在瞭解客戶所需後,我們要將網站的功能給於做出一個圖型架構,就好比蓋房子,我們也會先規劃設計圖一樣。並瞭解到是否需要使用到流量的追縱。Google Search Console、GA4…..。
然後在此架構圖的中,去探討相關功能的配置、網站選單、購物車、金流、物流的串接、語系…..等。
三、色調、美感的設計
在有了功能架構與設計圖之後, 我們就可以按照功能及架構,進行整個風格的設計與討論;通常網站的色系都會由客戶公司的Logo或是企業識別(簡稱CIS),去進行設計。
而針對強化某項資訊的頁面(Landing Pages)或是首頁,因為是最先被客戶看到的頁面,所以都必需特別講究。我們也會提供版型給客戶參考。
四、客戶提供的素材套入、排版、圖片的再設計
在完成整個網站的色調及版型的設計之後,網站的美感及色調設計架構﹑跟每個頁面上所呈現出來的效果,已能在此階段看到雛形。
此時,客戶必需提供網站上所需載入的全部資訊,一般掌握一個大原則「文字不如表格,表格不如照片,照片不及影片」
1. 每個頁面所需的文案、照片、影片網址(請先上傳到Youtube然後就能取得網址)、各種與公司連絡的資訊。
2. 電商網站,則另外再提供品項的文案、照片、影片網址……價格….等。照片請以 1:1 正方型的照片為主,每張照片的容量請不要超過80KB。
3. 如果有串金流及物流(綠界),則需要將申請人向綠界申請的同樣資料(申請人、連絡電話、E-mail),加入網頁中,供綠界公司進行審核。審核的要件,基本是証明網站確實是我們所有。申請時間約7天。
4. 收集完資料,開始進行客戶提供的資料與重製,及整個色調的處理。可以參考此篇文章:網站架設的色彩美學
五、教育訓練及後台操作
網站設計會因客戶情況,設計具備客戶能自行操作的介面功能(後台),只需登入帳號,就能由客戶進行一些資料的建立與變更。此時我們也會進行教育訓練,讓客戶能正確的使用後台的功能。
六、安全防護與網站正式上線
1. 設定DNS,將網址指向客戶的網站,
2.安裝SSL安全憑証,防駭客軟體,保護所有私密資料及客戶資料。
3.網站開始營運
資料參考:Pagecloud