架設企業網站與規劃內容(上)

by Beatrice
150 views

我原先擔任企業職員,有一天跟老闆自告奮勇提議重新架構公司的官方網站,希望透過優化網站的呈現,來招募不認識我們產業的企業新血。

那時我找了很多資料、利用 GCP 實作了很多次,最終實現的成果不敢說能勝過專業工作室的作品,但它確實改善了舊網站的缺點,並放大了我們企業產品的優點,100% 滿足老闆與我當初想要重新設計網站的所有目的。

本系列文章分享我如何規劃網站內容並成功架設,凡事起頭難,希望我的經驗分享可以提供您一些參考。如果你有其他相關問題,歡迎底下留言討論,我如果有相關經驗的話也會再分享出來。

開始:定義網站的目的和策略

需要先定義一下網站預計發揮的功能與效用:

  • 用來介紹產品/服務:著重在介紹產品/服務的特色與細節(例如:日立家電艾斯博媒體),多作為客戶搜尋產品時了解產品的第一個媒介,網站中會提供聯絡方式供客戶進一步詢價
  • 作為購物平台:除了介紹產品/服務之外還可供使用者在網站上購買(如網站主題商Blocksy),常搭配會員帳號機制與金流模組。
  • 用來樹立企業形象:運用大量的文字與圖片表達企業的價值與風格,其客戶或許並不需透過網站就可認識企業的服務內容或與該企業交易,因此建立網站只是個形式,不太關注流量。
  • 網站就是工具/產品本身:提供使用者利用網站上的功能完成目的。(例如:線上圖片編輯平台 Fotor)
  • 當然也包含複合式的、具備多種功能性的網站。

建議採循序漸進的方式,先選定一個方向,以利進一步規劃內容架構與網站架設成本。如果還有餘力,再計畫更複雜的設計。

我的網站建置經驗是設計資訊公司的企業網站,主要用來介紹自家產品,提供客戶採購產品的參考,而銷售的部份透過「聯絡我們」頁面供客戶聯繫詢價。本次經驗並未使用到會員帳號機制與金流模組。

擬定企劃

透過擬定企劃以具體列出網站設計原則與建置步驟:先把想到的工作全都條列下來,列出資源與做法,排序這些事項來評估先後順序、工作量、可行性與時間安排。

以下提供幾個大方向可以切入思考:

  • 定義網站的目的和策略
  • 了解網頁設計趨勢
  • 考量有多少時間(時程)、有甚麼資源可用(產品文件、前輩的見解等)
  • 決定要用架站平台還是找工作室全新開發
  • 思考網站風格要如何呼應企業品牌
  • 思考是否需要優化網站內容(文字描述、圖片設計、網站瀏覽體驗等)
  • 如何分析與追蹤網站成效(計算瀏覽人次、各頁面瀏覽時間、跳出率等)

舉例來說,我想到的有:

「其他同業的網站/國內外成功的網站都是怎麼做的?」
「我們網站的用途、重架網站的目的以及想採取的策略是?」
「網站所傳遞的資訊與風格?」
「網站的目標族群?」
「時程安排?」
「架設網站的技術?」
「開發環境與正式環境安排?」
「美術設計?」

接著,列出資源與預計做法,有不知道的就去調查,調查之後的待辦事項也繼續加入企劃中。
我的情況如下:

關於「其他同業的網站/國內外成功的網站都是怎麼做的?」

我把我們家每一項產品,都當作關鍵字搜尋國內外同業的網站,逛遍他們家每一頁網頁,看看大家怎麼描述、怎麼介紹;也研究他們的網站風格,例如:如何排版、如何強調重點、選了甚麼配色、如何將產品/服務的分類方式等。

我的想法是,人家這樣介紹,代表他們的客戶需要或習慣看到這些資訊,而他們的客戶也可能是我們的客戶,所以希望客戶轉過來瀏覽我們網站時不要覺得落差太大或不順手。

而在產品/服務面的特點,因為是同業,所以大多他們有的我們也有,那我們就不要少寫,最好還多寫一些他們沒有的……。

除了研究新的做法之外,舊網站的精華也不要放掉。我比對舊網站上的產品介紹與服務說明,思考如何將公司的精神和希望強調的重點,加入到新網站中。

以上,依照這個方向蒐集資料。合計收藏了大約 140 個網站當作我的參考素材。

關於「我們網站的用途、重架網站的目的以及想採取的策略是?」

我們的目的是希望改善瀏覽體驗,提供使用者更充足的產品資訊,提升企業形象並吸引更多客戶聯絡我們。也想把網站設計得新穎一些,吸引更多優秀的人才認識我們以及我們產業,願意嘗試投遞履歷到我們公司。

因此策略預計要強化產品介紹的頁面,並把網頁架構設計成引導使用者方便瀏覽到想看的資訊,延長使用者留在我們網站的時間,讓使用者了解更多我們的內容。

關於「網站所傳遞的資訊與風格?」

網站資訊預計要提供產品介紹、最新消息、公開資源及聯絡窗口。

網站風格想要樹立簡潔、專業、穩健、強大、彈性的形象。

關於「網站的目標族群?」

我們官網的目標族群已確立:

  1. 企業 IT 人員:因為會來買我們公司產品的客戶大多為中、大型企業的資訊部門。
  2. 資訊業優秀的人才:希望吸引更多優秀人才到公司面試。

關於「時程安排?」

我的情況是,因為之前沒有做過,並且是在自己家公司做,所以採階段性地規劃與機動性調整時程。

階段性地規劃例如X月X日前要先把企畫初稿寫出來,然後跟老闆約時間開會取得共識,可能會有二次修改,大約估N週修改與再次開會確認。

而因為一開始還沒有開發經驗,所以後續的工作時程難以估計,就先暫時不估、等開完會再估、……等機動性調整時程。

關於「架設網站的技術?」

我原先就會使用 WordPress,同時也上網調查了競爭平台 wix 的優缺點,還實際註冊用用看 wix,最後評估易用性之後選用 wordpress 建置。

另外因為想把網站架在公司主機、不想花錢架在外部主機,因此也調查了如何在一台空主機上安裝 WordPress 架設網站的技術。這部分需先在本機測試可行性,過程利用的是免費的 GCP 建立 VM 來練習。

關於「開發環境與正式環境安排?」

因為是要幫公司官網重新設計,公司的舊網站與域名都是正在使用中的,因此我需要先找個測試環境做建置,建置完成後再把成果搬移至公司官網的主機上並切換網址的連結。

測試環境安排用免費的 GCP 開 VM 來操作,也在上面模擬網站切換主機的 SOP。

正式環境的部分,跟公司問清楚關於域名(是單域名、多域名還是有子域名)、主機(是否為空主機?有沒有其他單位在用?ip 會不會變動?)、主機網域(我到時候搬移網站能否連進?如果無法丟檔過去,那是不是一開始就準備一台公司主機給我做測試環境省得後續搬移?)、SSL憑證(相關成本有沒有需要估進去)等。

關於「美術設計?」

要自己畫還是找專業美工(美術設計人員)?兩者我同時進行,一方面先自己畫幾張給老闆看看是否採用,同時也尋找美工人員並且詢價。關於我如何自己畫,可參考這篇文章:如何自製網頁圖片(Inkscape, powerpoint, picpick)

製作初版

有了計畫之後,還沒找老闆討論之前,先投入時間在測試環境實際做做看,做一做可能會撞出更多未解的問題。並且通常只靠文字無法跟老闆順利交流,老闆都是要看到成品才能表達自己對成品的看法。所以先做個初版的網站,拿這個初版網站跟企畫書跟老闆做第一次的開會。

由於已經有先逛過同業的網站,所以我規劃了幾個想做的頁面、排版及效果,然後實際到測試環境測測看可行性。例如過程中發現有些功能在免費版 wordpress 外掛中做不到、或者效果不符所需,那就要改一下設計。又發現我所想做的選單,是要購買付費主題才有,那麼付費主題多少錢、一次性付清還是每年要續購?買了付費主題的話我到時候從測試環境搬到正式環境後主題還有效嗎?這些都是在測試環境撞出來的問題,事先知道就可納入企劃當中。

試做的時候,不需要把內容建得很完整,善用複製貼上,重點放在測試網站元件與操作的可行性就好。如果是很難用的設計,也最好不要用,否則未來維護的時候會麻煩到自己,又或者後續交接給別人維護時不好交接。

與老闆第一次開會

與老闆開會時我做了一個 Powerpoint 說明我的計畫,列出我要請老闆裁決的問題(例如:某某產品還要不要放?某某分類是不是合併起來更好?網站有多語系,各語系用語及內容有沒有甚麼考量?有沒有要淘汰或新加入的文章?),並展示初版網站給老闆感覺一下。當時老闆同意我的計畫,並且提出了老闆的一些要求,然後對於初版網站覺得沒太多意見。

當時初版網站中的背景圖是我自製的,老闆的字裡行間表達出他想要找專業美工,建議我找公司配合的美工人員來做。

打算如何收費

關於這一點,就要說明一下當初我為何要自告奮勇提議重新架構公司的官方網站。

我主要是想多賺點零用錢。但空有技術、沒有可以拿出來講的真實架站經歷。加上當時公司官網是10年前作品,剛好我也熟公司產品,所以想以公司的內容當題材,試試看能否有一次完整的架站經驗。

我當時是一邊做公司的正職,一邊利用空閒時間架網站。老闆沒有給我時程壓力,我用的也是免費資源(wordpress, GCP)所以還不需投入資金,只花到我的時間成本。加上我的目的是藉由公司當題材獲得一次架站經驗,所以收費方面,我並沒有主動提起。我的想法是:有就有,沒有就算了。(實際上後來完工後老闆還是有給我一大包。)

到這裡,先對整體作業規模有了初步的認識及準備,下一篇列出各個開發步驟的做法供各位參考。

下一篇:架設企業網站與規劃內容(下)

Leave a Comment

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料

期待你透過 Beatriceverse 必翠斯生活獲得更多生活靈感,歡迎常常來逛逛喔!

© 2021 Beatriceverse. All rights reserved.