以現有的網站架構為基礎,重新以響應式網站的思維重新進行版面上的規劃,再加上客戶的一些新想法,舊網站的重新設計在資料準備上是相對比較容易的。
除非客戶想要變動的幅度很大,否則一般來說舊站翻新基本上可以先略過客戶提供資料這個步驟。
舊新翻新可以略過客戶提供資料這個步驟,直接重新設計網站新版面
此篇問答以華維國際股份有限公司官網為例,說明我們為這個已經製作超過15年的網站,重新翻新的設計過程。
一、網站架構
華維國際股份有限公司官方網站架構,基本上是保持原樣
二、現有網站介面
從舊網站可以觀察到一些細節,諸如客戶喜好的配色、風格;網站那些項目需要在首頁上強調;公司的產品以何種模式呈現...等等。
客戶現有的網站是響應式網站尚未發展的時期製作的
三、設計初稿
我們根據舊網站的版面規劃,決議將新網站設定成這幾個區塊:主標、副標、企業簡介、營業項目與活動花絮。隨即再規劃設計成合適的版面。
照片的部份則是從集客多合作的圖庫廠商網站搜尋,取得與企業屬性關聯性很高的形象照片。
決議將新網站設定成這幾個區塊
四、校對、確認設計風格
經客戶希望網站呈現半導體測試與封裝的產業特色,過幾次圖片的替換,完成網站風格的確立。
經客戶希望網站呈現半導體測試與封裝的產業特色。
五、設計網站其它頁面的視覺呈現
最難走的第一步走完了,網站風格確立之後,將此風格延續至網站剩餘的其它頁面時就會順利很多
將首頁風格延續至其它頁面
在網站每一頁的視覺確認後,後續的網頁切版與程式製作,就不太需要持續往返校稿,接下來就是等待我們提供網站的預覽站點,實際操作完工進度90%的網站囉。
延伸閱讀:
.檢視華維國際股份有限公司企業官網