ENsearch btn

2020-08-26
Eric Wang

公司官網設計、架設製作前有哪些重點工作?

當你要開始著手公司的官網設計,一定有很多困惑,哪些是東西是自己要先準備?哪些是網頁設計公司可以幫忙的?我們用淺顯易懂的方式來讓你了解,提供您和網頁設計公司進一步討論。

 

main

 

wdi01

 

 

 

你手上有網站架構表嗎?準備Sitemap是官網製作的第一步

什麼是網站架構?網站架構就是網站內容結構表、網站選單結構圖。蓋房子前,一定要先了解整棟房子有幾層樓、幾房幾廳幾衛,網站建置也是同樣的道理。網站架構可以用很多方式表達,可用MS Word、Excel或心智圖軟體(如xmind)製作。重點在於讓設計團隊了解整個網站架構(例:公司簡介、產品介紹、服務支援、聯絡我們),以及每個主選項下的次選項。最好能夠說明每個選項下的呈現方式及列出參考網址,這個部份也可以請網站公司針對主要選項提出設計構想。

 

延伸閱讀:網站架構有什麼設計參考範例?來準備網站架設前的第一份文件

 

 

 

 

準備好網址了嗎?著手官網架設前,你需要先申請一個網址

什麼是網域名稱(Domain Name)?網域名稱就是我們一般俗稱的網址,又叫域名。先看自己有沒有網域名稱,沒有的話,先上name.com中華電信網路中文購買。如果有網域名稱,也要先弄到登入帳號、密碼,以及在哪個網域平台購買的,網站正式上線時,才能做網址指向。就像經營企業品牌一樣,網站經營和網路行銷的最終價值是存留在網域名稱上,所以網域最好是自己購買,之後有任何異動,主控權才能掌握在自己手上。

 

 延伸閱讀:什麼是網域?網址?

 

 

 

 

 

wdi02 

 

 

 

官網製作前,是否要先準備內容圖文?

網頁圖片是官網設計重要的一環,圖片主導了企業網站的第一印象,網頁圖片來源不外乎購買版權圖庫(例:網頁情境圖)、自行拍攝(例:用簡易攝影棚拍產品)、找專業攝影師拍攝、請視覺設計師編排(例:數據圖表呈現),視網站預算和呈現效果來決定用什麼方式取得。網站文字則是讓訪客決定是否繼續瀏覽的主要因素,各行各業都有其專業性,建議由各業務單位撰寫,由各部門提供相關資料。如果文案上想要呈現得再更具企業氣象與價值,可再委外請文案人員潤稿。

 

延伸閱讀:如何提昇形象網站的質感?談照片與攝影的重要性

 

   

 

 

你的官網需要建置多語言版本嗎?

如果你所面對或要開發的市場不侷限在台灣,你的網站就會需要製作中文以外的語言版本,至少要有英文版,也就是你要提供英文翻譯文字給設計團隊。語言翻譯有兩個方式:自行翻譯、找翻譯社翻譯。自己的產業自己最了解,自行翻譯最省錢。如果工作太忙沒時間,或是語言不熟沒辦法自己翻譯,找翻譯社翻譯是最省事的,翻譯回來再自己視需求做一些微調。

 

 

 

 

你的官網設計有含RWD嗎?RWD響應式網頁可以讓網站在電腦和手機瀏覽

RWD是根據瀏覽器寬度而自動改變版型呈現的一種網頁技術。同一網址、同一html內容,在不同瀏覽器寬度情況下(電腦、平板、手機)呈現不同的版型畫面。隨著手機瀏覽量超過桌機瀏覽量,以及Google即將以手機瀏覽做為搜尋排名的關鍵因素,RWD網頁設計已經是現代網頁設計的必要條件。

 

延伸閱讀:什麼是RWD響應式網頁設計?圖解說明讓你3分鐘搞懂手機版網站

延伸閱讀:RWD網頁設計時代,有哪些手機電腦相通的設計形式?

 

 

 

wdi03

 

 

網站要架設在哪裡?幫官網準備一個主機空間

什麼是主機空間(Hosting)?主機空間就是放置網站檔案及資料庫的地方。主機空間可能是在公司機房,或是外部的專業主機代管。如果是一般的企業網站,建議直接租專業主機,有機房、穩定的頻寬、不斷電系統、有些主機管理介面甚至可選擇php版本。一般的企業網站都不需要太大的空間和流量,支援資料庫就可以。如果是委託網頁設計公司代管,這就交給網頁設計公司處理就可以了 。如果是用自己公司的主機,建議先跟IT弄清楚公司採用的是Windows主機還是Linux主機,以便讓設計團隊了解之後要撰寫的程式及主機環境需求上是否能配合。不過由於Windows主機也能用 Web Platform Installer 的方式安裝php和mysql,所以採用Linux主機或Windows主機,對網站設計來說,已經沒有太大影響了。

 

延伸閱讀:傳統自架主機與租用虛擬主機比較起來有什麼差別?

延伸閱讀:什麼是主機空間?

 

 

 

 

 

你的官網打算用什麼程式、資料庫進行架設?

讓我們來談談語言程式、資料庫 (php/.net/sql)。現行的網頁語言程式主要有兩大類,PHP(搭配MySQL資料庫)ASP.net(搭配MSSQL資料庫)語言程式需與主機環境配合,一定要在製作前先跟網頁設計團隊確認語言程式和系統環境是否可以符合需求,不要等到決定用ASP.net才發現手上的主機環境是Linux的。如果網站是委外交由網頁設計公司製作後放外部主機,那問題就簡單得多,交給網頁設計公司處理就可以。

 

 

 

 

官網要如何做後台管理?我們推薦具彈性管理的CMS系統

現在的網站幾乎都有後台管理系統,以便隨時更新網站內容。為簡化說明,我們將後台管理系統分為兩大類:傳統客製化系統CMS系統,兩種各有優缺。如果你的網站屬於企業形象網站,適合採用模組化的CMS系統。像Joomla、WordPress這類的CMS系統(Content Management System)是近年來流行的趨勢,透過管理功能強大的後端元件模組,可以彈性調整網站架構。有能力的網頁設計團隊還可以做到100%客製化網站版型,以符合各類型企業形象網站的需求。如果你的網站需要高度客製化功能,例如:高度客製的會員系統、整合ERP系統產品資料庫、互動平台式的網站(例如104網站),這類的網站平台就一定要採用客製化系統來進行建置。

 

延伸閱讀:什麼是CMS網站後台系統?在網站建置有哪些優勢?

 

 

 

wdi04

 

 

 

你的官網有後台可以自行更新網頁嗎?

網頁內容資料大致上會分成固定格式(如:產品或新聞上稿)和非固定格式(如:公司簡介)兩大類。

 

固定格式的資料,例如:產品或新聞上稿,會由網頁設計團隊寫成有資料庫及後台管理介面的功能,可以從後台去更新上傳資料,通常這部份可以由網站管理員自行更新,但如果資料量太大或是沒時間,也可以另撥預算由網頁設計團隊處理。

 

非固定格式的資料,例如:公司簡介,通常會進行圖文編排設計,讓網頁內容看起來美觀可口。如果只是更改文字或圖片,通常可以透過後端的圖文編輯器(像簡易的網頁版Office Word)進行編輯,這只需要有基本文書處理和圖片裁切能力的行政人員就可以執行。如果是要做到內容圖文編排設計,如:一頁式又能RWD的畫面設計編排,那就一定要網頁設計人員進行畫面編排設計、CSS編寫和切版。這種需要進行圖文編排處理的頁面,網頁設計公司通常會編列較高的預算來進行處理。

 

 

 

是否有考慮後續的網站維護和SEO網頁行銷優化嗎?

SEO俗稱網頁自然排名,其實是需要長期經營改善網站,才能讓搜尋引擎認為你的網站是有價值而提升排名。因此網站建置過程中,網站能不能在後台自行編寫設定網頁關鍵字、設定關鍵字連結,網頁結構是否符合SEO基本規範(H1,H2,H3)、是否具有url-rewrite(網址重寫)的功能,都是網站是否具備SEO架構的指標。一般來說,像Joomla、WordPress這類的CMS系統,在SEO成效上會比傳統客製化系統來得好,如果是採用傳統客製化系統,則需要額外撰寫一些SEO的管理功能,才能符合SEO管理的需求。

 

延伸閱讀:公司網站SEO行銷要寫什麼內容?推薦3種Google最愛的文章類型

 

 

 

官網設計、製作架設的成功案例

下面列舉幾個官網設計的案例分析,供大家參考。

 

 

北歐品牌官網設計 | Harvest One

Harvest One官網 >> 

Harvest One本身已是得過紅點產品設計大獎的品牌,而再透過細膩的客製化網頁設計,讓官網成為品牌的延伸;RWD網頁的設計也使其能順利地將品牌的價值在國際間發揚光大,讓品牌形象官網成為與國際市場接軌的快速通關票券。

 

延伸閱讀:官網設計案例分析 - HarvestOne如何透過品牌官網進入國際市場?

 

北歐品牌客製化網頁 | Harvest One官網設計

 

 

 

企業官網設計 | 博來科技

博來科技官網 >>

建立客製化的產品資料庫,並搭載CMS內容管理系統,讓客戶在後續的使用上能得心應手,以利將產品外銷壯大,讓企業官網成為製造業外銷的行銷利器。

 

CMS、資料庫系統客製化 | 企業網站設計

 

 

 

>> 看更多網頁設計作品

 

  

 

 

* 歡迎分享這篇文章,分享時請加入文章來源:凱士網頁設計公司

 

 

想詢問網站設計服務嗎?

如果您有形象網站、企業網站、客製化網頁、網站改版相關需求,歡迎聯絡凱士網頁設計公司

您可以直接填寫諮詢表單,或撥打諮詢電話 04-22210688

 

 

 

 

cadiis

Eric Wang

凱士網頁設計公司 專案經理 Eric,擁有設計與理工背景,擅長和行銷、業務、管理、資訊、設計等專業人員進行跨領域溝通,樂於分享與討論,長期致力於網頁設計白話文運動。

 

 

 

 

好的形象網站設計,可以幫助公司提升品牌形象與企業價值,透過清楚的網站架構與視覺設計,造就良好的使用者體驗與企業形象。

 

需要網站設計服務嗎?

凱士為您設計優質的

形象網站、公司網站、企業網站、
客製化網頁設計

 

立即填表諮詢

想進一步了解網頁設計服務?