製作網站該如何準備資料與素材?﹙舊站翻新﹚

10多年前年製作的企業形象網站想要重新設計,該如何準備資料與素材呢?

以現有的網站架構為基礎,重新以響應式網站的思維重新進行版面上的規劃,再加上客戶的一些新想法,舊網站的重新設計在資料準備上是相對比較容易的。

除非客戶想要變動的幅度很大,否則一般來說舊站翻新基本上可以先略過客戶提供資料這個步驟。

舊站翻新基本上可以先略過客戶提供資料這個步驟舊新翻新可以略過客戶提供資料這個步驟,直接重新設計網站新版面

 

 

此篇問答以華維國際股份有限公司官網為例,說明我們為這個已經製作超過15年的網站,重新翻新的設計過程。

一、網站架構

華維國際股份有限公司官方網站架構華維國際股份有限公司官方網站架構,基本上是保持原樣

 

二、現有網站介面

從舊網站可以觀察到一些細節,諸如客戶喜好的配色、風格;網站那些項目需要在首頁上強調;公司的產品以何種模式呈現...等等。

從現有的網站可以觀察到客戶喜好這類的細節客戶現有的網站是響應式網站尚未發展的時期製作的

 

三、設計初稿

我們根據舊網站的版面規劃,決議將新網站設定成這幾個區塊:主標副標企業簡介營業項目活動花絮。隨即再規劃設計成合適的版面。

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

根據舊網站的版面規劃,決議將新網站設定成這幾個區塊決議將新網站設定成這幾個區塊

 

四、校對、確認設計風格

經客戶希望網站呈現半導體測試與封裝的產業特色,過幾次圖片的替換,完成網站風格的確立。

經客戶希望網站呈現半導體測試與封裝的產業特色經客戶希望網站呈現半導體測試與封裝的產業特色。

 

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

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

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

 

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

 

延伸閱讀:
檢視華維國際股份有限公司企業官網

 

 

設計流程

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

STEP-1
視覺設計

全站視覺設計

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

STEP-2
網頁製作

網頁製作切版

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

STEP-3
程式製作

程式化與後台製作

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

STEP-4
上架與維護

上架與維護

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