線上報價網站

前後台設計

執行項目WireframeUI flowMockupPropotypeWEB designRWD

Project introduction
作品背景:麥歐公司專案 | 時間:2018-2019年

此專案成立的目的是為了解決公司在轉型及成長中面臨的問題點:顧客下單需仰賴⼈人員點對點服務,提供各類相關製作及建議以及報價,但是⾯對越來越快速攀升的客⼾訂單,公司的業務⼈力資源明顯不足。公司的商品競爭力以提供多樣客製化印製服務為主,因此客戶在設計商品時有更多的選擇,每個項目都會影響報價,因此服務一個客戶需花費很多時間在計算報價單,而壓縮了業務去爭取新客戶的時間,不耐久候的客戶也會因此而跑單。為了有效解決此人力需求的痛點,專案目標為將報價程序數位化,客戶可透過網站直接選擇客製化商品,並且即時計算取得報價。在此專案中我負責以下工作內容:

(一)規格訪談及定義
專案前期先與業務人員以及版型設計人員訪談,了解相關規格文件及模組分層,此部分是統一前台商品客製化頁面時的介面選擇行為,並設計後台客戶以及客戶在完成訂單的互動流程。在此項目著力最多的部分是要將過去人治的方法確定下來,將建立商品層級規格以及業務與客戶訂單互動流程標準化。
(二)UI Flow制定及討論
針對前項流程計劃規劃前台報價選單以及後台訂單管理頁面設計,在此項目製作粗略畫面原型並產出線上prototype草圖與專案相關人員討論。此階段需要與業務不斷釐清畫面細節,將步驟切分並簡化是困難的挑戰。業務已慣用舊表單的操作模式,要改變使用習慣需互相溝通。

(三)使用者功能滿意度調查
針對網站設計的10個重要功能,請使用者就功能實用性給予李特克五階量表的滿意度評比,並搜集相關意見。
(四)製作網頁Layout畫面及整合
此專案前台需符合RWD規格,部分頁面互動功能套用jQuery以提供使用者更佳的操作體驗。



(五)申請政府CITD專案補助
執行中期公司決定參與申請CITD補助,參與前期提案遴選過程,簡報提案製作,撰寫期中報告,主持期末成果驗收直至結案。

(六)測試網頁
進行網站測試,撰寫錯誤報告。

(七)外包溝通管理
後期因程式需求量激增因此將部分功能外包,我負責外包資源篩選,撰寫網站專案規格需求書與外包溝通,協助外包釐清專案功能並監督專案執行進度。

專案心得
專案模組需要考慮公司資源執行能力,如果資源不足應將模組適當的切開分批驗收。
前台線上報價畫面
後台訂單管理畫面
goto 前台線上報價goto 後台訂單管理-客戶端 goto 後台訂單管理-業務端