Rawcliffe的需求是設計新的網站,風格要現代一點,但也要保留品牌傳承多年的精神。網站裡需要有能客製化的報價表與訂購單,還要有一個區域提供潛在客戶所在地區的市場資料。
登陸頁面上,我們放上紐西蘭霍克灣地區的高品質攝影作品。第一頁的上半部就放了報價試算欄,像是在邀請網站訪客立刻試試看。藉由特殊設計的圖示,公司服務的賣點更醒目,整個網站一致使用深灰、冷色調設計,凸顯出品牌主題色。
估價試算功能和訂購單的部分,利用WordPress後端拉出的定價資訊,客戶用JavaScript填表時,價格資訊會即時更新。
市場資料則用一面牆擋住,鼓勵用戶訂閱電子報。用戶加入電子郵件名單後,他們馬上會收到解鎖的市場資料入口連結。我們利用charts.js圖表庫,以圓滑美觀的樣貌呈現市場資料。
網站中也加入部落格頁面,讓Rawcliffe可以有空間產出內容,增加受眾。
這個專案的成果,是一個手機優先、互動式設計的網站,其中使用的元素著重於客戶互動、拓展讀者群、搜尋引擎優化(SEO)等。