迎向2023未來式網站設計秘密大公開!三撇步建置最有行銷力官網(下)

2023未來式網站設計秘密大公開! 這是大多數品牌所規劃的網站型態,以品牌起源、服務介紹、產品特色、差異化特點、聯絡方式等為主要網站內容,能夠系統化分類、多個頁面切換,藉由網站風格的展示,直接帶給訪客感受良好的使用體驗,透過無形中的數據累積也可同步開發與分析潛在客戶。

上一篇文章我們提到了製作網站之前必須有的三個思考:

製作官網前3自問
製作官網前3自問,製圖:美門整合行銷。

思考一:製作網站的目的為何?

|網站架設常見四大用途|

1.展示企業/品牌形象:

形象網站屬於品牌的門面,就像是一張線上名片展示。

這是大多數品牌所規劃的網站型態,以品牌起源、服務介紹、產品特色、差異化特點、聯絡方式等為主要網站內容,能夠系統化分類、多個頁面切換,藉由網站風格的展示,直接帶給訪客感受良好的使用體驗,透過無形中的數據累積也可同步開發與分析潛在客戶。

範例:友利村Your Forest

2.電商購物網站:

這等於是24小時營業的線上門市!

一般又分為自架式或投靠平台方,是擁有購物車功能的網站,部分規劃者會將形象與購物網站結合,期許開展業務的同時,又能持續儲值品牌信賴感予訪客,並可加入會員系統規劃,建立忠誠顧客計畫。

範例:momo購物網

3.一頁式網頁(One-page Web):

多為打造活動或單一產品,形式簡單、重點清楚,目的是導流客群或是快速下單。

只建立一個頁面,利用排版及圖片、文字來展現網站頁面風格,所有內容直接顯示其中,用簡易明瞭的方式展示內容、形象,快速且直線式引導訪客執行網站規劃者設計之目的。

範例:Apple iPhone14

4.個人品牌使用:

如同企業/品牌形象網站的展示,是屬於個人在網路上的線上名片,創造屬於自己的流量池。

常見會投靠平台合作,如痞客邦,多為部落客、個人品牌主業務開發或形象展示使用,並設置部落格發佈相關文章。藉由長期內容經營,累積大量關鍵字與SEO,使其所經營的服務項目自動開展業務,其中若對個人品牌有長期經營打算,更甚者還會自行架設個人形象官網,累積聲量與信任感,創造屬於自己的流量池。

思考二:網站的定位

設定B to B或是B to C為溝通對象

來到網站的每位訪客都是你未來生意的潛在客群,因此,釐清要溝通的目標受眾屬性是著手啟動網站製作前最重要審視的要點,一般依照從事行業別與領域的不同,主要客戶屬性可以大致分為企業客戶(B to B)或是一般消費者(B to C)兩種。

B to B面向企業客戶溝通時,會談論到較多解決方案,或是利益間的交換或互惠,屬於企業和企業之間的交易;而若是面向一般消費者(B to C)的網站,溝通的話語以及其中的字眼會相較簡單易懂,最重要的是要引發這個人對品牌產生好奇,甚至好感,成功產生即時互動或來往、交易等等,雖然兩者都以「成交」為目的,但購買時的考量天差地別,完全無法相互套用,幾乎很難同時並存。

市面常見三種網站架設方式
市面常見三種網站架設方式,製圖:美門整合行銷

思考三:選擇哪種網站架設方式|市面常見三種做法

明白了網站前期企劃與分析後,接著終於要動手製作網站了,依照開發屬性不同,一般可分為「自行架設網站」、「系統開發架設」、「現成系統平台」,三種方式各有其優缺點,並沒有區分哪種方式就一定好,這會關係到架站前的資源配置,包含時間、人力、資金,沒有最好的,只有最適合自己的方案,以下分別為大家說明。

一、自行開發

自行架設網站是一個大工程,更是需要繁瑣的程序來執行,首先需要組建內部團隊,因應各種商業目標及需求,編制相應規模的工程夥伴,再來還需要足夠多的時間來執行,不論是工具系統的研究及討論,還有相關知識研究,以及細節規劃與落實。

二、使用系統

若是不像大型企業擁有足夠資源整合技術團隊,也沒有充足的預算委託外部團隊協助開發網站,選擇使用系統開發架設會是個不錯的選擇,最經典的就是選擇如Wordpress、Drupal等系統開發,不僅可以較划算的方式建置,還能省下自行架設網站所需耗費的系統開發成本和時間,但其實還是需要具備網站工程知識,譬如主機安裝、資料庫建置、空間設置、安全系統設定等等。

三、現成上架

如果你是個網站工程技術小白,或是剛建立自己事業的創業者,使用現成系統平台架設網站會是個不錯的選擇,不僅不用掌握關鍵工程技術,還可依據自己的需求選擇想要的模板和工具組合,現成套版網站系統已經成為市場主流,既不用懂程式,也不用切版,更不需要管主機空間、網站安全等,只要選擇想要的版型,將自家設計好的圖片上傳至後台,並進行簡單的編排和內容擬定,即可立即上線運營,即便自家沒有配合的設計師排版,也能輕鬆上手,其中常見的系統有Shopline、Shopify、Cyberbiz、Strikingly、Weebly等等,只要付費給平台就能馬上擁有一個便捷的官網,是以上三種常見方式中,最簡單的方式。

經過上述三個思考,接下來還有執行團隊的選擇

Q:網站要外包還是自己來比較好?

不論是交給外部團隊協助還是自組技術團隊架設,都沒有最正確的選答案,每位經營者隨著自身條件與事業階段的不同,都有必須考量的因素,如預算、時程、人力、財務、未來發展等,以及後續維護狀況等,各有優缺,需求者必須自行釐清需求,找到最適切的製作方式。

A:選擇外包網站設計公司

將建置網站的需求外包給網站設計公司製作,是目前較為常見的架站解決方法之一,好處在於可以依據商業需求客製化網站功能,依照開發難度,不論是預約功能、購物車串接、會員系統、企業內部管理系統基本都能做到,但如何選擇合適的網站公司便很重要,因為程式不是寫出來可以運作就好,如何編寫,以及好的程式架構與網頁速度有很大的關係,但最核心的關鍵點,以網站公司的立場,會以功能開發與系統運作流暢為主,回歸網站架設的商業目標,最終目的還是希望達成企業營運目標,因此,若是選擇尋求網站公司進行規劃,還得考量最前端的企劃是否符合使用者需求與行銷訴求。

A:選擇委託一條龍專業行銷公司

一般有網站需求時,多數人不會想到尋求專業行銷公司合作,但行銷與業務之間息息相關,網站並非有就好,產品特點、網頁功能雖為基本,但在製作網站方面,企業真正需要的其實是具備行銷力的官網,不論是電商或是形象需求,擁有行銷力不僅可以完整傳遞企業或品牌想給消費者的意象,還能24小時不間斷自帶獲客流量。

架設網站如同蓋房子,需要有規劃藍圖,而設計藍圖便需要與專業行銷公司合作,結合其市場操作經驗,為企業量身定做符合其需求的網站,找出企業核心關鍵,但因為商業藍圖皆需時間規劃,相較直接製作一個可立即使用的網站,找專業行銷公司需要花費較長的製作時程。

綜合以上觀點,網站架設其實並沒有最正確的方式,重點還是在於網站是否具備行銷力與好的使用體驗,網站功能再強大,缺少了考量使用者與商業目標的企劃,就像空有一台規格強大的iphone 14 pro max,卻沒有任何app或是內容支援,著實浪費了這麼好的機器,總而言之,能夠做生意的官網,才是真正的好官網。

能夠做生意的官網,才是好官網


以美門輔導業主「康林國際集團」為例,其公司內部設有資訊工程部,專職公司內部網站資料處理與網站維護,化解資安危機處理,但考量集團國際事業發展願景,需貼近目標族群使用需求與品牌高度提升考量,最後還是選擇委外專業行銷公司規劃一條龍製作品牌形象官網,深化集團網路行銷佈局,啟動全球數位行銷計畫。

三步驟建置最有行銷力官網
三步驟建置最有行銷力官網,製圖:美門整合行銷。

三撇步建置最有行銷力官網

預備好網站前期規劃與選定製作方式後,接下來便可開始進行製作網站的實際操作步驟!

兩個基本觀念:

一、架設網站的核心關鍵|找到行銷槓桿支點

首先,不論是製作網站甚至是經營企業、品牌,最重要的第一步就是找到屬於自己的行銷槓桿支點,也就是自己的核心訴求,擁有明確的定位,才知道要和目標族群溝通的原則為何,在製作網站上才會知道內容的立足點,遵循它指引的方向,找到宣傳之關鍵基礎,這也是一切行銷的關鍵,否則,缺少支點的網站規劃,就像沒有靈魂的軀幹,任何人都能複製再造,不僅無法與消費者建立連結,更容易淪為能夠輕易取代的雞肋官網,浪費大筆的行銷預算,因此,找對支點才能啟動行銷正確的第一步,後續的步驟也才有意義。

延伸閱讀:《一個關鍵搞懂「整合行銷」,六個步驟精準執行》

二、網站建置最重要的瞄準:網站策略規劃

策略是企業達成目標的執行對策,網站是數位行銷的第一步,因為資源有限,尤其在數位時代下,消費環境瞬息萬變,能否超越對手,依據自身條件訂定網站策略便是首要之重,找到企業/品牌的行銷核心,了解自己在市場的定位及將來應走的方向,依照定位與目標發展後續執行步驟,方能為廝殺激烈的市場,奠定企業目標達成的基礎,因此,不論企業或品牌想達成數位轉型,或是一開始便以數位發展進行最初的規劃,找到網站架設的策略核心,方能規劃後續企劃執行!

第一步:網站企劃擬定

正式啟動建制後,首先是網站架構圖規劃,網站架構和內容主軸的撰寫關聯性極高,若是架構不明確,或是考量不周,即便內容再強,整個網站的架構和脈絡也會模糊不清,致使消費者混亂不易閱覽,造成使用者體驗不佳,而所謂的網站架構圖,其實就是網頁之間的層次關係,初期執行時會以樹狀圖列出頁面之間的層級關係與分類項目,再進階至規劃各頁面的樓層圖,相當於點擊頁面後的每一滑內容設計,依照產業、需求、產品、商業目標的不同,即便是販售同性質產品的網站,也會因為溝通關鍵的差異,撰寫出不同的層次架構圖,而此處的關鍵在於一個具備行銷力的網站架構層次如同撰寫論文,各章節的層次分明,組織架構清楚易懂,具備優良的產品或服務分類,除了方便使用者閱覽外,也讓搜尋引擎爬蟲方便進行爬取。

完成網站架構圖規劃後,緊接著便是內容的設計,包含訂製企業專屬為SEO需求操作之關鍵字詞與吸引顧客閱覽的故事內容與文案,架構圖與內容兩者相輔相成,缺少架構的內容如同一盤散沙,而沒有內容的架構如同缺失靈魂的枝幹,因此第一步企劃的完美落實,需要倚靠兩大關鍵因素,再往下設計如網站動線,以符合使用者需求的閱覽者觀看路線圖,並埋入「行動呼籲(CTA:Call to action)」輔助企業與品牌,完成我們期許網站所可達成的重要營業指標。

第二步:網頁視覺設計

多數企業在建置網站時,時常會找尋相似類型的公司網站或競業網站作為參考依據,此方法雖是最快速有效的方式,卻難以突顯品牌與其他競品的優勢特點為何,而看不出差異的網站,就是沒有記憶度的網站,要想達到目標行銷效果,簡直天方夜譚。

因此,網站設計風格需要非常明確,並且能夠完整展現企業或品牌想展露給使用者的想像畫面,規劃前需要結合內部企業識別系統(CIS),以達成品牌對外的一致性,而在此處,事前的風格參考對焦便極為重要,與頁面設計師勾勒出適合企業形象的風格,並且還要符合品牌定位的展現,相較直接收到需求便開始著手進行架設的多數公司不同,雖然要耗費較多的心力與精力溝通對焦,卻是架設網站流程中極為重要的環節,而一個網站的視覺組成多樣且複雜,風格、素材、色彩計畫、閱讀感受、動畫形式等,其中頁面素材相對需要投入較多時間精力準備,不論是照片、影片或是動畫,都必須因應第一步的網站企劃搭配相應的媒體素材,並且考量擺放位置及排版,數位時代下,除了擁有足夠含金量的內容外,一個好的頁面設計、一張好看的照片或是一段好看的影音,都是能夠在第一時間吸引消費者眼球的關鍵工具,也是具備行銷力的網站不可缺少的重要環節。

第三步:網站工程架設

關於網站工程的注意事項與要點,網路上隨意google都能找出一籮筐,在這裡就不詳加贅述,只要記住一個重要關鍵即可,那就是有行銷力的網站規劃,「SEO」是其中重要的優先考量,不論是前端程式撰寫與切版,讓使用者感受到網站整體的視覺設計及良好的互動體驗,或是後端程式撰寫與資料庫串聯,讓企業的網站維護團隊能夠分析使用者輪廓以創造更高產值的產品配套或服務發展,網站在正式上線之前都需要經過一連串的測試,同時一個剛建置好的網站如同新生兒,需要餵食補奶,網站也是,需要閱覽流量、存量的積累,不要妄想網站建置好就會馬上賺錢,後續還需要配套各式各樣行銷與業務的搭配,建置好網站只是一個開端,維護、運營、定期保養皆在所難免,官網其實就像是一個在網路上24小時營業的門市,做好優良管理後續才會真正創造盈利。

說了這麼多,現在就讓我們以實際應用上述的步驟,「手把手」協助大家在線上,以實際案例來體驗,美門如何為業主台灣人力資源產業領導品牌「康林國際集團」深化網路行銷佈局,規劃國際形象官網。

台灣人力仲介業領導品牌-康林國際集團

一、官網整體企劃

康林集團擁有三十餘年市場服務經驗,以「人」為核心的事業體,旗下六大事業體中的「人力資源事業」更是連續16年獲得勞動部A級評鑑肯定。受到康林集團委託,希望讓人力資源事業的整體形象更加貼近這個時代的語言,並且協助找到康林的「行銷槓桿支點」,美門經由內部人員訪談,加上一系列的國內外市場再探索與目標族群搜尋途徑分析,並從中探討出外籍移工人力仲介帶給人們的價值。

有聘僱外籍移工需求大致可分兩類「企業主」與「有家庭照顧需求者」,對企業主而言,外籍移工人能夠提供穩定勞動力,同時代表穩定生產力、競爭力,即是企業獲利的基礎;而,對有家庭照顧需求者而言,外籍移工人即是照顧的人力,可減輕負擔,同時維持家庭關係穩定、生活品質,並帶來幸福。由此導出康林集團的行銷槓桿支點「富足與幸福」,協助兩者以更輕鬆的方式聘雇外籍移工人的人力仲介,帶給國人的價值即是企業獲利與家庭幸福

康林提供移工聘雇一條龍服務以及全球人力資源價值鏈協助國際人才升級與移動,以及跨國就業移民與學習等,由於產業屬性與法規關係,其每項服務之申請流程、法律規範皆不同,因此康林官網頁面規劃,以其服務項目作為分頁原則,包涵:首頁、關於康林、服務項目、移工申請-外籍廠勞、移工申請-外籍看護、移工申請-外籍營造工、移工申請-機構看護、移工申請-家庭幫傭、移工管理、國際服務、康林雜誌、最新消息、常見問題、聯絡我們等。

規劃內容設計,將每頁服務項目、優勢特點都置入關鍵字與相應情境圖,最後其網站總目標都是為了能夠吸引目標族群主動留下資料以便聯繫,因此最後CTA皆設置成免費諮詢導流至聯絡表單,又因其企業服務特點為4國語言服務24小時即時服務,因此在不僅在header右上方放置0800客服電話,更於每頁CTA也增加0800服務專線、line@、messenger等聯絡管道,方便消費者立即以最方便的方式取得聯絡管道。

二、官網視覺設計

視覺設計上,根據槓桿支點延伸至官網整體風格,以及文案撰寫與圖片挑選方向。首頁首圖選用商業高樓林立的建築高聳於雲海中的畫面,凸顯康林國際為國際化企業,且帶有產業龍頭的寓意,以增加消費者對企業信任感與安心感,透過首圖視覺震撼讓消費者產生印象,甚至有興趣往下滑,緊接著第二畫面呈現slogan與各產業移工畫面,加強品牌感性訴求。在視覺動線上與感受上不僅讓消費者在進入網站的第一滑產生好感,同時增加消費者對企業品牌好印象。

康林logo以紅色、綠色、藍色組合而成,考量人力仲介產業特性,以消費者角度,尋求人力仲介協助辦理移工媒合、申請、教育訓練與後續服務上,仲介的誠信與值得信賴感是非常重要的考量因素之一,因此在網站整體版面以藍色為主調,藍色是信任、忠誠、誠實的色彩,讓人感覺是真誠、保留、靜謐的,在色彩心理學上藍色是一個可靠的顏色,它與內心的安全感能產生共鳴,很適合作為康林官網主色調。

人力資源產業來說,有許多過於理性的法規訊息需要傳遞,這在感性溝通的時代裡,是十分不利的。因此我們為康林創造一個虛擬人物代表全體康林的概念人物:「小林」。透過小林,以人物說明的方式,增加訊息傳遞時的溫度感,一方面更貼近友善消費者,另一方面凸顯康林品牌差異化優勢、理念、品牌形象,吸引大眾的眼光的同時,贏得市場致勝的戰略位置。

延伸閱讀:3步驟成功打造吉祥物IP-成為品牌與消費者之間最佳溝通橋樑

三、官網工程架設

康林身為人力仲介產業龍頭企業,已自主發行康林雜誌長達30年,每期內容包含最新人力產業資訊與動態,以及國際趨勢、重要宣導資訊4國語言翻譯等,因此我們也把康林雜誌置入進網站中,將原本雜誌內容,拆解成電子雜誌形式,有本期主文章版面、延伸閱讀文章推薦、廣告刊登區域等,不僅更利於消費者取得以及閱讀,更彰顯產業龍頭的氣度,同時也減少紙本雜誌印量,落實企業環保永續理念。

前面提到,為使消費者立即以最方便的方式取得聯絡管道,我們在header與CTA增加0800服務專線、line@、messenger,這些聯繫方式不僅有做網頁連結串接,一點即可連接至該畫面,連0800電話也增設,於手機上一按即撥功能,以達成讓消費者輕易取得聯絡管道之目的。

綜合以上,依照康林集團之槓桿支點「富足與幸福」為定位,搭配完善且有價值之內容行銷,並延續整體網頁設計風格,結合品牌IP凸顯差異化優勢、理念,同時套用目前SEO效果較佳之網站系統,完整規劃其品牌國際形象官網,打造通往國際之事業軌道,期許新官網能為集團開創更豐富、更輝煌的成績。

總結|網站架設只是基礎,後續整合行銷才是事業獲利關鍵

一個成功的網站只要掌握上述幾個關鍵重點,網路行銷之船才會真正開始啟航,官網架設完成只是一個開始,不論是架設電商或是形象網站,只是取得互聯網時代的入場券,後續皆需搭配整合行銷規劃才能推動事業運轉!

延伸閱讀:《SEO+內容行銷創造高效益|零預算從百名外衝到google搜尋第一名

要想品牌持續提升獲利,快快入場、快快做、快快錯、快快修正,這才是這時代網站數位經營的決勝要點,如果對於網路行銷策略(包含網站製作)還有什麼想要多討論,歡迎與我們聯繫聊聊。

立即預約免費網站行銷諮詢:https://karos-brand.com/consulting/