尋找網站架設公司前必須知道的9大議題,讓你架設網站不踩雷
目次
尋找網站設計公司架設網站之前,我們得先做好一系列的功課,了解網站設計公司的作業內容、人員組成、行情報價、日後維護等議題。畢竟網站設計涵蓋範疇很大,小到圖案設計,大到系統架構、其中牽涉到的學問從藝術、科技到人文,不可謂之不廣。但只要會編寫HTML,使用簡單的繪圖軟體,人人都說會做網頁設計,最後只是頁面的超連結串起來,找台主機放上網路頁面,沒有考慮到後續維護以及SEO等議題。
也正因為上手容易,市面上有許多網站設計公司,乍看之下都很專業,然而價格迥異。以下列出幾個尋找網站設計公司前必須知道的9個議題,讓你建置網站不踩雷。
為什麼要尋找網站設計公司架設網站?
首先我們先探討自己DIY網站和尋找專業網站設計公司有什麼不同。DIY網站首先會遇到的第一個問題是,要使用什麼平台或工具?若不熟悉程式語法或網站組成原理的人,可能在這個階段就會卡關很久,畢竟網站架設的工具非常多,Google尋找相關關鍵字就可以發現有PHP、ASP、VUE、Laravel、MYSQL、Wordpress等諸如此類的文章卻搞不懂這些工具的前後因果關係,要如何綜合應用。其實網站架設的學問很廣也很深,從視覺設計、前端程式、後端程式、主機環境、網址租用、系統分析、金物流處理、網站維護、資訊安全、SEO、流量分析、廣告投放、網路行銷等,都是網站架設可以涵蓋的範疇。
每一道範疇都可以是一門很深的學問,一般人根本無從開始著手了解這些網站架設的細節,因此尋找專業的網站設計公司就很重要。好的網站設計公司集結了各種專業人才,搭配執案的專案經理,可以引導你構思心目中想要的網站藍圖,進而幫你實現屬於自己企業的網站。不用為了這些技術細節傷腦筋,只要專注自己的工作事務就可以了。因此尋找一個能引導你一步一步網站架設的網站設計公司非常的重要。
延伸閱讀:為什麼需要有網站?
網站設計公司有什麼建置服務?
我們從網站架設的流程來看,會比較好了解網站設計公司包含了哪些服務。流程 | 網站建置服務項目 |
了解網站需求 | 1. 需求訪談 2. 建置報價 |
網站視覺設計 | 1. 視覺設計 |
網站前端工程 | 1. RWD技術導入 2. 前端特效導入 |
網站後端工程 | 1. 系統分析 2. 後台建置 3. 金物流處理 4. API串接 5. 資料庫設計 |
網站測試 | 1. 測試與驗收網站功能 2. 後台上架教學 3. 資訊安全評估 |
網站上線 | 1. 網址申請 2. 虛擬主機租用與代管 3. 網站客服 |
網站經營 | 1. SEO經營 2. 數位廣告投放 3. 流量分析 |
以上林林總總列出了10多項的服務內容,有些設計公司還會包括CIS設計、攝影等服務。由此可知要完成一個網站是有多麼浩大的工程了,一個好的網站,絕非是只有出至一人之手。
網站建置需要哪些人員?
專業的網站設計公司,通常一個專案會由5-8個人進入團隊,每個人各司其職針對負責的內容提出最專業的建議與技術提供,從前期規劃、UIUX視覺設計、程式建置,到最後的客服,才會是一套完整的服務流程。
專案企劃:協助釐清企業DNA,規劃網站架構、網站策略擬定
網站本身要精準到位,最一開始的規劃非常重要,愛貝斯視每個專案一樣重要,從起初的深度訪談了解客戶的需求、建立網站架構、網站策略擬定到線匡搞的規劃,並分享適合的案例參考,皆會配有專屬的企劃負責規劃並且溝通協調。
UIUX網站設計師:視覺設計、UX動線規劃、RWD視覺規劃
UI、UX在網站設計裡的地位越來越重要,數位化時代來臨,任何事情都講求E化作業,打造完美的使用者體驗,便是每位設計師的最大目標,動線設計的好,使用者才不至於在網站裡迷路。愛貝斯的設計師皆受過專業的UIUX課程訓練,設計風格除了具備市場美感之外,也能精準的符合客戶的需求,針對不同產業的調性有源源不絕的設計風格。
前端工程師:RWD網站切版、JS特效、API串接
透過HTML程式編寫,將平面的視覺圖轉譯成網頁格式並呈現在螢幕上,並搭配CSS、JS的網頁技術,讓網站增添美感,靜態的網頁也變成動態網頁。手機的裝置的普及後,響應式網站為變是現代網站的基本功能,除了電腦尺寸的切版語法之外,前端工程師還需另寫一套程式給不同尺寸裝置閱讀,而為了符合google演算法的規則,語法越乾淨越能提能網站排名,這也考驗了工程師個人的功力了。
後端工程師:後台設計開發、前端資料介接
網站可以運作分為「前台」與「後台」,前端工程師處理螢幕上我們所看到的畫面,但背後龐大的資料計算與程式邏輯運轉,任何資料的傳遞儲存,甚至富有「人性化」的後台介面,皆需要經由後端工程師之手得以完成。網站建置與架設的流程
一、網站規劃
網站規劃階段可以再細分為四個小任務,讓我們更能精準規劃客戶需求,卻也是來回最繁瑣的階段,雖然來回溝通辛苦,看到成品後也就覺得不虛此行了(拍胸脯掛保證)。-
了解需求
網站設計之前第一步都要先了解網站被需要原因,例如,網站後台操作不友善?功能缺乏?不符合美學? -
規劃架構圖
針對客戶的需求來規劃網站架構圖,也依照資料屬性來規劃每個單元需要幾層分類,這也就是網站地圖(sitemap)。如下圖(待補圖): -
資料收集
請客戶提供關於網站的素材,可能是文字、影片、圖片,或是喜歡的參考案例,資料收集越完善,對企劃與UIUX設計師更有幫助。 -
繪製wireframe
許多設計公司省略了wireframe的步驟。繪製wireframe的主要目的是讓客戶了解網站的閱讀邏輯與策略佈局。如下圖(待補圖):
舉例來說,我們在訂房時,可能會很注重飯店的交通位置、飯店設備、房間類型或是周遭景點。因此愛貝斯會針對產業來分析TA端的操作目的,再從客戶所提供的資料,去菁存蕪提取重點呈現在首頁上,並針對重要程度來決定擺放順序。因為愛貝斯覺得,網站不只要好看,也要好用。
二、視覺設計
在wireframe定稿後,UIUX設計師便進場執行視覺設計,設計師會依先照客戶喜歡的案例,加以凝膜,並加入客戶本身的CI調性。為了方便日後經營與保持網站美觀,也會考量到客戶本身是否有產圖的人力資源,來決定網站排版特效多寡。三、程式設計
程式設計階段分為「前端」跟「後端」,網站要活起來,這可是重要工程呀!-
前端頁面切版
前端工程師根據視覺設計進行切版。編寫html、css、js等語言,將設計圖編譯成電腦能夠判讀的程式碼,最後在螢幕上呈現。 -
後端後台串接
後端工程師根據網站資料內容,設計後台欄位與模組的搭配選用,以一個蘿蔔一個坑的欄位設定形式,讓新增或修改資料變得更加快速。
四、測試與資料上架
終於到了上架前的最終環節!上架前會先將網站架設在測試主機上,來檢查網站是否有bug,再協請工程師修復功能。五、網站上線
當資料上架完畢後,準備好你的主機與網域,將網站程式碼存放到主機後,透過工程師資料設定步驟,將每個網址指定到專屬網頁後,三者之間便可以產生連動關係。你的網站就可以正式啟用啦。網站建置的方案有哪些?
市面上網站建置的方案包裝五花八門,看起來眼花撩亂,但簡單依照網站建置方式來分的話還是可以分出三種不同的方案類型。套版方案 | 半客製方案 | 全客製方案 | |
製作方式 | 使用設計公司已經做好的版型,直接換掉LOGO、顏色、圖片。 | 首頁與部分單元客製化設計。 | 所有單元客製化設計,且整體動線經訪談重新改造。 |
製作速度 | 20~30個工作天 | 60~90個工作天 | 100個工作天以上 |
費用 | 30,000 ~ 50,000 | 100,000 ~ 200,000 | 300,000以上 |
優點 | 價格便宜、建置速度快 | 整體保有企業特色,且重點單元客製也可滿足較長期的使用需求。 | 全站依照使用需求重新思考布局,量身打造。 |
缺點 | 無法凸顯企業特色,且當版型換上自己企業的照片、文字時,很容易跟想像不同,且功能也無法擴充,導致不久就要改版。 | 無 | 費用較高 |
什麼樣的網站建置方案適合我?
如果您對於網站的細節很要求,對於網站也非常有想法,建議至少採用半客製方式來進行。畢竟客製化的部位才能依照需求,因地制宜調整。或是公司內校稿的長官很多,也建議採購客製化的方式,畢竟每個人的想法意見都不同,也只有客製化才能滿足大家的校稿需求。若您對於網站的依賴性不高,只是想曝光產品和聯絡方式,沒有企業形象要營造的問題,可考慮使用套版方式,讓自己能快速的在網站上有一席之地即可。
架設網站需要多久時間?
網站架設的時間會依據設計功能的難易度、客製化的頁面數量由所增減。- 前置討論與資料準備期:約20個工作天
- 半客製視覺設計:約20~30個工作天
- 前後端程式設計:約20個~30工作天
網站建置的報價行情,多少費用才算合理?
網站報價其實沒有那麼容易估算,畢竟網站設計公司提供的是專業服務與時間的付出,並非是實體五金零件,可以從產發物流就估能出成本利潤。那麼網頁設計費用到底該怎麼抓呢?從視覺複雜度、校稿次數、網站功能、主機、客服維運都會各自產生相應的報價。簡單依照方案類型的估算的話,一般網站設計的行情如下:
- 套版網站方案:30,000 ~ 50,000元
- 半客製網站方案:100,000 ~ 200,000元
- 全客製網站方案:300,000元以上
網站維護/代管包含什麼內容,費用如何計算?
當網站架設完成,開始上線運作的時候,通常網站公司會有一年的保固期。這一年的保固會包含網站後台的操作諮詢、Bug處理、依據使用狀況微幅調整等,若有主機方面連線的問題,通常也可以在這一年跟設計公司詢問。
若要續約維護的話,一般每年的維護的費用落在1~3萬之間,比較複雜的系統網站會使用網站建置的%數作為維護費用的計算。如果有用到高運算型的主機,或是有資安環境的主機,通常每年費用就會在10萬元以上了。
如何找到好的網站設計公司?
網站設計費工費時,除了經由多道程序,並透過多次需求討論來確定網站架設的目的、瀏覽網站的TA、喜歡的風格等多方面考量來定調網站的組成,還有後續主機廠商的選擇,以及日後後台操作有問題時可以向何人尋求協助等等,網頁建置的一步步其實都有許多考量及需要注意的部分,找一間專業的網頁設計公司來替你代勞會替你節省掉很多麻煩。
1. 網站設計公司成立時間、案例品質與經驗
網站設計這個行業相當競爭,如果沒有跟上技術的迭代,很容易就消失在紅海中。因此架設網站時建議選擇成立時間超過10年,並服務500間企業的網頁設計公司。如果上述基本條件沒有達到,您很難確認這間公司能在競爭激烈的市場存活多久。然而案件數量固然重要,品質更重要,如果一看就是的套版網站,那麼將無法在UI/UX設計(使用者體驗/使用者介面)上體現您的品牌特色。
#愛貝斯網站設計案例參考
2. 業務專業度及是否為單一窗口
對接窗口的專業度與服務態度絕對是您選擇網頁設計公司最重要的因素之一,如果接洽的只是想要簽單的業務員而非專案企劃/網站規劃師,那是無法真正理解您的需求。因此洽詢時得確認,在網站製作期間是否是同一窗口,若是過程中一直跳換人員,該案件的掌握度一定不高。
3. 討論的流程與內容是否符合需求?還是一直增加預算?
在與對應窗口討論網站時,要留意提出的內容是否符合您的需求,而非一直增加功能,抬高價格。因此尋找網站設計公司前,您得先做好功課,多參考幾間同業的網站,並將網站製作需求整理下來,如窗口也建議與反饋,也需要去思考該項網站服務/功能是否符合您的需求,以免花了冤枉財。當然最重要的還是,貨比三家。
4. 圖片的版權來源
再者,需要確認圖片的版權問題,市面上有太多因為使用了未授權圖片而挨告,通常只要被查到且無法提出購買證明,都需要負擔一筆非常大的費用。即便使用了「免費圖庫」仍然會有被告的風險。因此建議在簽約前,得與網頁設計公司確認,該廠商使用的圖片來源,是否為合法購買。
5. 驗收與修改
網站設計完成後也會有驗收與修改的階段,這部分需要在簽約前與網站公司確認清楚,畢竟網站因產業性質不同,功能面與結構也會依據客戶需求進行客製化。多數公司會提供設計修改,在簽約時得確認清楚,以避免日後配合延伸更多問題。
6. 售後服務與保固
通常網站製作並不會包含後續維護,需要由客戶自行接手更新內容。如有需要網頁製作公司協助代管,會收取月費或年費,價格將根據主機規格與維護項目各有不同。且簽約時切記要注意保固時間與保固條款,如網站莫名損壞,網站設計公司需要負責修復。若是客戶自身的不當操作造成網站程式損壞,這就另當別論了。
7. 網站結構是否依循正確的SEO概念
網站做得好看固然重要,但能否在Google上被使用者搜尋到更重要。若是網站做成,卻因程式體質不符合SEO的規矩而無法曝光,那麼這筆錢也能說是白花了。SEO分成兩大方向:內容派與技術派。內容行銷需要長期經營,依靠高質量的文章產出與行銷推廣,是用戶端需要費心思的;技術派就是網站的結構,是否達成Google要求符合使用者體驗的標準。因此擁有SEO體質的網站系統,絕對是挑選網站設計公司的重大要素!網站設計專欄
SEO經營指南
第一章:SEO是什麼?SEO行銷知識懶人包,了解SEO優化的基礎 - 愛貝斯
第二章:影響SEO排名的因素有那些?掌握13個關鍵因素讓SEO優化變簡單
第三章:搜尋引擎的運作原理,了解Google如何替網站排名
第四章:頁面內容優化 (On-Page-SEO) - SEO網頁設計優化技術詳解
第五章:如何寫出符合SEO結構的文章?想做好SEO先搞懂文章怎麼寫
第六章:SEO關鍵字排名研究-如何找到有效高流量SEO關鍵字?
第七章:一次搞懂SEO反向連結、錨點文字,透過建立連結創造高流量
第八章:網頁設計對SEO非常重要,選對網頁設計公司,讓SEO事半功倍
第九章:SEO必不可少的工具,免費關鍵字分析工具大解析!
-
客製化網頁設計與套版網頁的差別,到底該怎麼選擇? 其實可以從網頁設計流程看出其間差異與優缺點。網站是否將企業DNA融入網頁設計元素,對企業辨識度與使用者體驗真的差很大!
-
市面上網頁設計方案常見為模板/套版型網頁設計、模組型網頁設計與全客製化網頁設計,無論是選擇哪一種設計方案,都能完成企業品牌的網站建置任務,其中的差異將顯現在「設計細節」與「建置流程環節」。
-
網站設計8大須知,從確認聽眾一直到手機板體驗強化,到處都是不可馬虎的細節。
-
Wordpress是非常強大的架站系統,只要動手拉一拉,就能得到一個網站。但優化的細節複雜,需要專家來幫您處理。
Seo Article
更多網頁設計QA相關文章
在本SEO指南的第二章中,您將學習搜索引擎的工作方式,人們如何使用它們以及他們提交的搜索查詢類型。我們將介紹Google的技術背景。