製作網站該如何準備資料與素材?﹙一張DM篇﹚

製作公司的企業形象網站該如何準備資料與素材?﹙用一張DM篇做參考﹚

正所謂凡事起頭難,當一件網站專案開始時,即使只是一個小規模的公司形象網站,一提到準備資料就好像讀書的時候看著黑板上的作文題目,面對課桌上作文稿紙,腦袋裡一片空白。

總是等不到資料,是我們過去的公司網站設計經驗中最困擾的事情之一。 不過隨著經驗的累積,我們逐漸了解如何依據客戶手邊的現成資訊,為客戶起個頭,先讓客戶先看到初稿,客戶看到設計稿的畫面,通常就會有進一步的想法,對接下來網站其它頁面的資料準備就會更有概念,準備效率就會快上很多。

先讓客戶先看到初稿,客戶看到設計稿的畫面,通常就會有進一步的想法先讓客戶先看到初稿,客戶看到設計稿的畫面,通常就會有進一步的想法

 

 

此篇問答以海爾斯管理顧問有限公司官網為例,說明這個網站我們從一張辦公室的海報,發展成公司形象網站的流程。

一、網站架構

海爾斯管理顧問公司網站架構海爾斯管理顧問公司網站架構

 

二、取得公司DM

此網站的架構,是個很標準的集客多企業形象網站方案的架構,由於企業營業屬性的關係,公司並沒有實體的產品照片。初步只能提供作為業務拜訪使用的DM,以及簡報用的PPT檔。

這個DM 圖檔上面的文字資訊,對於我們發展網站首頁的頁面視覺設計就有很大的幫助。

作為業務拜訪使用的DM客戶作為業務拜訪所使用的DM

 

三、設計初稿

我們依據DM上的文字,分析之後拆分成幾個段落:主標副標企業簡介營業項目企業特色。隨即再規劃設計成合適的版面。

照片的部份則是從集客多合作的圖庫廠商網站搜尋,取得與企業屬性關聯性很高的形象照片。

依據DM上的文字,析分之後拆分成幾個段落,隨即規劃合適的版面依據DM上的文字,析分之後拆分成幾個段落,隨即規劃合適的版面

 

四、校對、確認設計風格

客戶對此版面效果覺得很滿意,經過一些微調後,完成網站風格的確立。

客戶對此版面效果覺得很滿意客戶對此版面效果覺得很滿意,網站風格確立後,客戶也更清楚準備內頁資料的方向。

 

五、設計網站其它頁面的視覺呈現

最難走的第一步走完了,網站風格確立之後,將此風格延續至網站剩餘的其它頁面時就會順利很多

將首頁風格延續至其它頁面將首頁風格延續至其它頁面

 

在網站每一頁的視覺確認後,後續的網頁切版與程式製作,就不太需要持續往返校稿,接下來就是等待我們提供網站的預覽站點,實際操作完工進度90%的網站囉。

 

延伸閱讀:
檢視海爾斯管理顧問有限公司官網

 

 

設計流程

集客多企業架站雖是針對中小企業網站所規劃的架站方案,但製作流程比照大型專案開發,決不馬虎。

STEP-1
視覺設計

全站視覺設計

透過影像編輯軟體中設計網站介面,
並提供客戶預覽網址校稿。

STEP-2
網頁製作

網頁製作切版

以最精準的 HTML標籤結構
將視覺設計稿轉換成網頁的格式。

STEP-3
程式製作

程式化與後台製作

我們開發後台力求精簡好用,讓客戶第一次使用就上手。

STEP-4
上架與維護

上架與維護

提供後台測試點,校對後正式上架,
主動遞交網站sitemap提供搜尋引擎蒐錄。