公司網站

認真打造一個功能完善、設計時尚而介面流暢度高的公司網站…真的有這個需要嗎?

technine告訴你 – 絕對有!

現時每個消費者購買什麼也好,第一件事必然是先上網找資料,因此每間公司的官方網站,就是顧客開始購物旅程的第一個接觸點;而公司給予潛在顧客第一個印象,是很取決於其官網予人的「整體觀感」;而良好的觀感可以提升品牌形象,繼而建立消費者信心等等。

所以,一個設計優良而功能完善的公司網站,是可以提高潛在客戶在該公司「網店」甚至是「實體店」進行消費的機會!

何謂一個設計優良/ 完善的公司網站?

  • 公司網站是否易於在搜尋器中被找到嗎?
  • 網站構圖佈局吸睛嗎?
  • 介面易於使用嗎?
  • 具備有雙重認證登入等保安功能嗎?
  • 有足夠的網店功能—可處理下單、運費計算和付款程序嗎?
  • 假如公司業務蒸蒸日上,需要擴充或增加其他高階功能時,現有的內容管理系統 (CMS) 結構上能夠容許進行擴展嗎?

不如讓technine告訴你, 一個「真正有效的」公司網站是如何煉成的!

第一:建立公司網站平台的注意事項

操作及管理

網站使用「內容管理系統」(CMS) 進行管理,可自行建立新頁面、加入內容及儲存橫額等圖片。用戶介面、網站結構 (以「文件夾」顯示)、操作過程等必須簡易,不需多次點擊/ 經過多個頁面才可完成添加、修改及發佈內容等。

方便套用網頁主題插件

部份CMS內置不同風格的主題,方便用戶選擇現成網頁版面設計。轉換新主題時,過程應簡易而不影響內容排位;可設定以固定格式 (已選取字型、大小、顏色等) 加入內容,以保持整體風格一貫性;亦應允許加裝插件 (Plugin),為擴充網站時可加建進階功能。

搜索引擎優化 (SEO)友善

SEO友善的CMS可協助設定最簡單有效的頁面網址 (URL)、內部連結 (Link Building)、Meta Title (網頁標題) 及Meta Description (網頁描述)等,以增加網站「內容」和「關鍵字」的相關性,提升網站在搜尋結果頁 (SERP) 中的排名。

可處理不同的媒體類型

CMS理應兼容及可正常顯示大部份不同格式的媒體 (如:PNG、GIF等),亦允許上載其他如HTML或PDF等到文件夾,為公司的宣傳電郵 (eDM)、刊物或其他市場活動的個別頁面建立包含公司域名的連結,方便以其他渠道對外傳播。

第二:technine推介的網站必備功能

technine提供的 CMS連接GA,用戶可自行查看網站內的各項數據,例如:不同頁面的點擊率、瀏覽人次等,並可以每日/星期/月顯示,方便了解訪客行為及進行數據分析。

SEO是指優化網站內容、網址及編碼等,提升內容與「關鍵字」的相關性及網頁載入速度,從而提高網站在搜尋器結果頁面 (SERP) 的排名。technine一向為公司網頁客戶提供SEO服務,增加網上曝光率。

網店成本遠比實體店少,所以很多零售商建立公司網站時,一併加建網店方便同時管理。technine可為客戶訂製專門的CMS、官網及網店,包括網購常用功能,如貨品處理、優惠特價、下單付款、運費計算等,為客戶打通網上銷售渠道。

很多中小型公司都忽略了IT保安的重要性,假如被惡意攻擊及入侵,絕對影響營業額甚至資料外漏,後果難以估計。因此technine為客戶網站提供IT保安功能,如防火牆和雙重認證登入(2FA) 等,並定期自動備份資料,即使發生意外仍能盡快恢愎運作。

有統計指出,使用「移動裝置」上網的人數遠較使用「桌上電腦」多,所以公司網站必需使用RWD—即使採用不同尺寸的移動裝置 (手機、平板電腦等)瀏覽網站,網頁都能應對並自動調節比例、字型及圖像大小等,提升訪客瀏覽體驗,予以良好印象。

第三:一般網站應有的功能

聯絡表單 (Contact Form)

指一般置在網頁內的「表格」,讓訪客可自行留下姓名、電郵及查詢問題等資料,方便網主收集跟進,還可應用於活動或會員登記等。

彈出型視窗 (Pop-up Light Box)

並非瀏覽器中開的新頁,而是突然彈出的較小型視窗,常見用於廣告。通常可調校在訪客瀏覽到網頁一定位置或一定時間才彈出,極能引起注意。

通訊訂閱 (Newsletter)

網站除可建立公司形象、發佈產品資訊和購物外,還應可打開與訪客溝通的大門 ,讓潛在客戶訂閱定期通訊,孕育更多銷售機會。CMS可具備基本處理訂閱或取消功能,甚至連接「客戶關係管理系統」(CRM),進一步處理及使用客戶數據。

部落格/ 網誌 (Blog)

網誌功能容許在一個頁面張貼多個文章,並可作簡單分類及搜尋。公司網站通常以此發佈最新消息、活動及產品資訊。除可確保網站內容保持更新外,最重要是對SEO有莫大裨益!

第四:technine限定特別效果及額外功能

視覺效果 — 應用於圖片/橫額類

互動式影像對比 (Image Comparison Slider)

此功能容許以拖拉方式比較同一張圖片被修改前後的分別。相比把兩張前後圖「右左平放」在一起,這是把兩張放在「同一位置」,使用者可拖拉畫面細緻比較兩圖之間的分別。

3D照片視差效果 (3D Photo Parallax)

明明是靜態2D圖像,為什麼可看到景物前後移動?「視差」是在2D場景中建立深度錯覺,在相機移動時令「背景」影像的移動速度比「前景」的慢,而形成近似3D的效果,令人驚喜!

滑鼠懸停效果 (Image Hover Effect)

這是指把鼠標移至網頁上某些元件時(即文字方塊、按鈕或圖片),會出現不同形式的視覺效果,一般是文字或背景變色,或圖片會轉成另一個影像等,令網頁畫面更豐富吸睛。

網頁動畫效果 (Web Animation)

網頁動畫效果

一般應用在圖像上,或隨著滑鼠點擊、轉到另一部份或頁面時出現。動畫特效的好處是效果及選擇相當多,配合網頁主題而設計,更能強調視覺效果。

額外功能 — 應用於社交媒體類

網頁與社交媒體動態同步 (Instagram/ Facebook)

營銷人員 (Marketer) 需同時更新網頁及社交媒體,內容通常相同,但分開數次發佈的確費時失事。此功能允許使用者更新IG或FB時,一併自動發佈至公司網站,方便管理亦保持所有媒體內容一致性。

額外功能 — 其他

小測驗

很多人都會被網頁的小測驗所吸引,想知道自己是「什麼類型」。其實這是「多項選擇題」加基本邏輯分類功能,一方面是個很吸引訪客的互動模式,更重要是可進行客戶需求的基本分類,方便進一步「投其所好」,增加銷售機會!

頂部進度條 (Animated Progress Bar)

有些網頁拉下去才知深似海,拉到什麼時候才到底呢?此進度條位於網址列下方,顯示已瀏覽到網頁那個部份,讓訪客可預測內容長度,再自行選擇閱讀部份,節省時間。

網頁防火牆 (Firewall)

企業網站多為駭客的攻擊目標,一但失守可引至對外客服停頓,客戶資料外洩、甚至被勒索!所以網頁防火牆是IT保安基本的必備設施。

多國語言 (Multi-language)

跨國公司網站一般需要多國語言版本,technine可協助安排不同語言的網站內容翻譯,普遍有日語、韓語及其他。

第五:technine客戶個案 – WorkTech

WorkTech | WorkTech在香港數個地區提供總共14個不同用途的工作空間,其業務還已擴展至上海、台灣及新加坡。
為配合WorkTech需要,technine為其網站設計及實施以下功能,協助其業務線上發展。

可根據網頁主題更換地圖顏色,加上自創標記/公司標誌,以顯示辦公室或分店位置,並可加入短句注解 (如分店地址等),讓客戶更清晰掌握業務地區範圍。

可設定在任何網頁位置適時自動彈出表格,鼓勵訪客登記參加特選推廣活動,協助推動不同市場活動。

設置於網站右下方以便客戶即時詢問,人手回覆可增加互動及親切感。可先設置一般常見問題答案,減省客服時間,有助抓緊每個生意機會,同時避免「電話線路繁忙」等問題。

此功能允許在網頁張貼多個文章,並可作簡單分類,方便定期上載公司最新消息、產品或活動資訊,對網站的SEO亦有相對幫助。

跨國公司網站一般需要多國語言版本,technine可協助安排不同語言的網站內容翻譯,普遍有日語、韓語及其他。

第六:technine 為客戶製作網站的流程

步驟1:初步溝通 — 報價及確定項目 (Quotation & Confirmation)

當接到客戶詢問有關製作公司網站時,technine會根據客戶的初步構思,釐清網站設計、佈局及所需功能,以提供專業意見、合適方案和進行報價。客戶確定報價後,項目將進入設計階段。

步驟2:流程圖 (Workflow)

technine項目經理會根據客戶要求,以簡單的流程圖展示網站製作過程,確保與客戶的溝通正確無誤,經客戶確定便開始網站規劃。

步驟3:線框稿規劃 (Wireframe)

technine的用戶體驗設計師 (UX Designer) 將以簡單的草稿圖,向客戶展示網站的主要功能,和每個頁面的佈局、用戶界面 (UI) 等設計,並再次與客戶釐清需求及確定方案。

步驟4:視覺稿製作 (Mockup)

technine的UI設計師會根據已確認的Wireframe製作Mockup,並與客戶和技術人員溝通,在功能和其他視覺特效的使用取得共識。Mockup和最終成品的外觀基本上一致,只是Mockup未具備操作功能。

步驟5:網站原型 (Prototype)

technine技術團隊將按照mockup編寫網站原型,並根據預先溝通的時間表完成。經過technine內部測試後,網站原型將可交給客戶進行測試。

步驟6:用戶測試 (UAT)

客戶可完整地測試每個頁面和整個使用流程,例如建立新頁面、上載不同格式檔案、加入內容、重置密碼等不同功能,technine亦會提供指引協助客戶進行測試,並修改發現的漏洞。

步驟7:網站發佈 (Launch)

確定最終原型後,客戶需提供網站文字內容及相關圖檔,technine團隊將協助載入大部份內容。當客戶完成最後載入、再次測試及確認後,technine將把原型與網址連接,正式把網站在線上發佈。