正所謂凡事起頭難，當一件網站專案開始時，即使只是一個小規模的公司形象網站，一提到準備資料就好像讀書的時候看著黑板上的作文題目，面對課桌上作文稿紙，腦袋裡一片空白。
總是等不到資料，是我們過去的公司網站設計經驗中最困擾的事情之一。 不過隨著經驗的累積，我們逐漸了解如何依據客戶手邊的現成資訊，為客戶起個頭，先讓客戶先看到初稿，客戶看到設計稿的畫面，通常就會有進一步的想法，對接下來網站其它頁面的資料準備就會更有概念，準備效率就會快上很多。
先讓客戶先看到初稿，客戶看到設計稿的畫面，通常就會有進一步的想法
此篇問答以海爾斯管理顧問有限公司官網為例，說明這個網站我們從一張辦公室的海報，發展成公司形象網站的流程。
一、網站架構
海爾斯管理顧問公司網站架構
二、取得公司DM
此網站的架構，是個很標準的集客多企業形象網站方案的架構，由於企業營業屬性的關係，公司並沒有實體的產品照片。初步只能提供作為業務拜訪使用的DM，以及簡報用的PPT檔。
這個DM 圖檔上面的文字資訊，對於我們發展網站首頁的頁面視覺設計就有很大的幫助。
客戶作為業務拜訪所使用的DM
三、設計初稿
我們依據DM上的文字，分析之後拆分成幾個段落：主標、副標、企業簡介、營業項目、企業特色。隨即再規劃設計成合適的版面。
照片的部份則是從集客多合作的圖庫廠商網站搜尋，取得與企業屬性關聯性很高的形象照片。
依據DM上的文字，析分之後拆分成幾個段落，隨即規劃合適的版面
四、校對、確認設計風格
客戶對此版面效果覺得很滿意，經過一些微調後，完成網站風格的確立。
客戶對此版面效果覺得很滿意，網站風格確立後，客戶也更清楚準備內頁資料的方向。
五、設計網站其它頁面的視覺呈現
最難走的第一步走完了，網站風格確立之後，將此風格延續至網站剩餘的其它頁面時就會順利很多
將首頁風格延續至其它頁面
在網站每一頁的視覺確認後，後續的網頁切版與程式製作，就不太需要持續往返校稿，接下來就是等待我們提供網站的預覽站點，實際操作完工進度90%的網站囉。
延伸閱讀：
．檢視海爾斯管理顧問有限公司官網