官網設計、網站建置前有哪些重點工作？
快速導覽
當你要開始著手公司的官網設計，一定會很困惑哪些是自己要預先準備的？哪些是需要網頁設計公司協助完成的？我們列出幾個網站建置的要點，讓您更加了解相關工作，提供您和網頁設計公司進一步討論。
準備階段
官網製作的第一步：網站架構表
什麼是網站架構表？網站架構表就是網站內容結構表、網站選單結構圖。蓋房子前，一定要先了解整棟房子有幾層樓、幾房幾廳幾衛，官網設計也是同樣的道理。網站架構可以用很多方式表達，可用MS Word、Excel或心智圖軟體(如xmind)製作。重點在於讓設計團隊了解整個網站架構(例：公司簡介、產品介紹、服務支援、聯絡我們)，以及每個主選項下的次選項。最好能夠說明每個選項下的呈現方式及列出參考網址，這個部份也可以請網站公司針對主要選項提出設計構想。
延伸閱讀：網站架構表怎麼做？教你用Word、Excel、PowerPoint完成網站架構圖(範本檔下載)
準備好網址了嗎？
什麼是網域名稱(Domain Name)？網域名稱就是我們一般俗稱的網址，又叫域名。先看自己有沒有網域名稱，沒有的話，先上name.com、中華電信或網路中文購買。如果有網域名稱，也要先弄到登入帳號、密碼，以及在哪個網域平台購買的，網站正式上線時，才能做網址指向。就像經營企業品牌一樣，網站經營和網路行銷的最終價值是存留在網域名稱上，所以網域最好是自己購買，之後有任何異動，主控權才能掌握在自己手上。
延伸閱讀：什麼是網域？網址？
延伸閱讀：網域是什麼？購買域名有哪些注意事項？
了解圖文內容的重要性，以及該準備哪些資料？
如果文字是網站的骨幹，那麼圖片就像是網站的皮膚，好的圖片能讓網站更具吸引力、讓產品更具價值感、讓企業更具信賴感，提升陌生訪客對網站的好感度。
網頁圖片是官方網站設計重要的一環，圖片主導了企業網站的第一印象，網頁圖片來源不外乎購買版權圖庫(例：網頁情境圖)、自行拍攝(例：用簡易攝影棚拍產品)、找專業攝影師拍攝、請視覺設計師編排(例：數據圖表呈現)，視網站預算和呈現效果來決定用什麼方式取得。
網站文字則是讓訪客決定是否繼續瀏覽的主要因素，各行各業都有其專業性，建議由各業務單位撰寫，或由各部門提供相關資料。如果文案想要呈現更專業的企業形象與價值，可再委外請文案人員潤稿。
網站建立之初，大多會從首頁開始設計。首頁是一間企業門面中的門面，透過視覺化而有效的規劃方式，讓初次拜訪網站的瀏覽者一次就看懂這是一間什麼樣的公司，並利用主形象視覺、產品/服務、公司簡介、能力優勢、聯絡資訊等訊息區塊來對網站的瀏覽者做一個快速的自我介紹。因此在這一階段，可以預先準備首頁想置放的內容，待進入設計階段後，可以減少來回溝通與整理資料所需耗費的時間，也能更快看到網頁樣稿。
延伸閱讀：網站架設公司推薦！網站建置前必看重點
延伸閱讀：網頁設計公司怎麼挑？網站公司挑選守則五要點一篇整理！
設計階段
你的官網需要建置多語言版本嗎？
如果你所面對或要開發的市場不侷限在台灣，你的網站就會需要製作中文以外的語言版本，至少要有英文版，也就是你要提供英文翻譯文字給設計團隊。語言翻譯有兩個方式：自行翻譯、找翻譯社翻譯。自己的產業自己最了解，自行翻譯最省錢。如果工作太忙沒時間，或是語言不熟沒辦法自己翻譯，找翻譯社翻譯是最省事的，翻譯回來再視需求做一些微調即可。
網站是否有支援RWD響應式網頁？
隨著智慧型手機的普及，RWD響應式網頁設計已經是現代網頁設計的必要條件。那麼什麼是RWD網頁設計？RWD是根據瀏覽器寬度而自動改變版型呈現的一種網頁技術，簡單的說，RWD網頁設計代表你的網站的單一網址可在手機、電腦等多個不同尺寸的裝置進行瀏覽。
延伸閱讀：手機版網頁有哪些常見的設計範例？
建置階段
網站要架設在哪裡？
建置階段，開始要思考網站該架在哪裡，這時就要為它準備一個主機空間。什麼是主機空間(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系統指的是內容管理系統(Content Management System)，有別於傳統的後台系統，CMS採用前後台整合的網站核心架構，相當於網站的核心驅動引擎。由於採用open source架構，CMS會隨著網頁技術不斷更新核心，保持在最新網頁技術。透過CMS建置的網站，其具有高度彈性的選單架構，對於後續網站的修改與維護，都能因應市場變化需求快速調整，這類的CMS系統，如Joomla、WordPress，是近年來流行的趨勢。有能力的網頁設計團隊還可以做到100%客製化網站版型，以符合各類型企業形象網站的需求。如果你的網站需要高度客製化功能，例如：高度客製的會員系統、整合ERP系統產品資料庫、互動平台式的網站(例如104網站)，這類的網站平台就一定要採用客製化系統來進行建置。
維運階段
你的網站是否有後台支援持續更新？
網頁內容資料大致上會分成固定格式(如：產品或新聞上稿)和非固定格式(如：公司簡介)兩大類。
固定格式的資料，例如：產品或新聞上稿，會由網頁設計團隊寫成有資料庫及後台管理介面的功能，可以從後台去更新上傳資料，通常這部份可以由網站管理員自行更新，但如果資料量太大或是沒時間，也可以另撥預算由網頁設計團隊處理。
非固定格式的資料，例如：公司簡介，通常會進行圖文編排設計，讓網頁內容看起來美觀可口。如果只是更改文字或圖片，通常可以透過後端的圖文編輯器(像簡易的網頁版Office Word)進行編輯，這只需要有基本文書處理和圖片裁切能力的行政人員就可以執行。如果是要做到內容圖文編排設計，如：一頁式又能RWD的畫面設計編排，那就一定要網頁設計人員進行畫面編排設計、CSS編寫和切版。這種需要進行圖文編排處理的頁面，網頁設計公司通常會編列較高的預算來進行處理。
網頁的存在並不代表一間公司的存在，你是不是也常常在網站上找到了某個廠商，卻發現它已經歇業很久？不定時在網站上發佈訊息能讓人知道這間公司還有在運行。
是否有考慮經營SEO優化網頁文字內容？
SEO又稱網頁自然排名，其實是需要長期經營改善網站，才能讓搜尋引擎認為你的網站是有價值而提升排名。網頁文字是讓搜尋引擎和客戶理解你的網站內容的主要來源，也就是說，要讓你的網頁內容優化到讓機器和人都同時看得懂。因此網站建置過程中，網站能不能在後台自行編寫設定網頁關鍵字、設定關鍵字連結，網頁結構是否符合SEO基本規範(H1,H2,H3)、是否具有url-rewrite(網址重寫)的功能，都是網站是否具備SEO架構的指標。一般來說，像Joomla、WordPress這類的CMS系統，在SEO成效上會比傳統客製化系統來得好，如果是採用傳統客製化系統，則需要額外撰寫一些SEO的管理功能，才能符合SEO管理的需求。一個經過內容優化的網站，不但在網頁搜尋可以取得較好的排名，同時也能讓潛在客戶從認識到產生信任。
官網設計、製作架設的成功案例
下面列舉幾個官網設計的案例分析，供大家參考。
北歐品牌官網設計 | Harvest One
Harvest One本身已是得過紅點產品設計大獎的品牌，而再透過細膩的客製化網頁設計，讓官網成為品牌的延伸；RWD網頁的設計也使其能順利地將品牌的價值在國際間發揚光大，讓品牌形象官網成為與國際市場接軌的快速通關票券。
延伸閱讀：官網設計案例分析 - HarvestOne如何透過品牌官網進入國際市場？
企業官網設計 | 博來科技
建立客製化的產品資料庫，並搭載CMS內容管理系統，讓客戶在後續的使用上能得心應手，以利將產品外銷壯大，讓企業官網成為製造業外銷的行銷利器。
>> 看更多網頁設計作品
推薦閱讀：推薦網頁設計製作前必讀的10篇文章，讓你順利承接公司官網設計
推薦閱讀：推薦2021公司官網設計案例，看看企業網站有哪些設計重點？
＊ 歡迎分享這篇文章，分享時請加入文章來源：凱士網頁設計公司
|
網站設計服務諮詢 為什麼推薦台中網頁設計公司凱士數位？位於台中的凱士相對有機會接觸到各種不同的產業面向，擁有各種產業的網站設計經驗，幫助企業提升網路品牌形象，建立良好的使用體驗。如果您有形象網站、企業網站、客製化網頁、網站改版相關需求，歡迎聯絡我們。
您可以直接填寫諮詢表單；撥打諮詢電話 04-22210688；或加入凱士LINE由專人與您聯繫。 |
|
Eric Wang 凱士網頁設計公司 專案顧問 Eric，擁有設計、理工、管理等跨領域背景，樂於和不同領域的專業工作者進行分享與討論。在專案工作外，同時也兼任大學行銷系業界講師及企業內訓課程講師，長期致力於「網頁設計白話文運動」。
|
好的形象網站設計，可以幫助公司提升品牌形象與企業價值，透過清楚的網站架構與視覺設計，造就良好的使用體驗與企業形象。
需要網站設計服務嗎？
凱士為您設計製作優質網站
形象網站、公司網站、企業網站、
及各類型客製化網站系統平台
