000shop005.png

商城系統

將合作廠商之商品統一對外呈現販售之商城系統,並可設置多種行銷模式或促銷方案。

此專案本人僅負責商業模式策畫,及初步架構流程等規畫部分。

PM / UIUX

“ 集中商品並進行銷售的商城系統 "

2021.05 / Figma / Diagrams

商品列表     ​售價調整系統     ​行銷區塊設定     促銷方案設定     ​下單訂購系統     ​自動出貨機制

000shop002-114.png

商品呈現區規劃為塊狀式擺放,標題與內容皆可於後台直接更改,也可自由拖移區塊的排放順序

首頁大型輪播圖為底,下方搜尋列除可直接搜尋外,也有些關鍵字可直接點擊

即時聯絡客服按鈕點擊後為線上訊息區,類似Line訊息,便於內部人員確認問題與解答,且也有時間機制與歷史紀錄,便於事後查詢

會員頭像點擊後,會出現更多關於會員資料,以及付款設定等項目可點選進入其分頁

000shop002-111.png
商業模式規劃

依照高層需求擬定之初步商業模式規劃。分析相關競品客群受眾營銷模式主力收入模式等等相關細節與內容。

架構規劃

規劃整座商城內之架構規劃,依照提及之商業模式設計,暫擬出相關流程畫面架構功能需求列舉等細項內容。

000shop00889.png
手機板首頁
RWD之手機板頁面mockup。將搜尋功能移置左上角,其餘區塊呈現將排列項目縮小至兩個品項呈現,且直接將原本電腦版圖象式商品類別,改為品項呈現上方之頁籤。
手機板商品頁
RWD之手機板商品頁mockup。主圖可左右滑動看更多,擁有加入最愛功能。選擇套餐與票種時將直接顯示金額於上方明顯處,往下滑可看到更多詳細。

產品特點說明

【A. 商品列表】

  • 商品於後台呈列,可選擇要販售之品項。

  • 所選販售之商品於首頁呈列,輕鬆瀏覽。

 

【B. 售價調整系統】

  • 可選擇商品品項並個別進行售價調整。

  • 可設定是否可提供使用不同付款方式及扣點優惠。

【C. 行銷區塊設定】

  • 增設不同區塊顯示不同商品,並可更改區塊名稱,例如熱賣商品或是主打商品區。

  • ​可選擇是否要顯示區塊,以及各區塊於前台之排序。

【D. 促銷方案設定】

  • 可增設促銷方案,並選擇套用之商品品項。

  • 促銷方案可設定減免金額最低購買數或是折抵比例。

 

【E. 下單訂購系統】

  • 客戶直接從前台點擊進行下單,輸入相關訂購資料後送出,將自動成立訂單。

  • 依照系統指示進行付款,付款完成後系統將自動出貨。

【E. 自動出貨機制】

  • 商城與公司內兩款ERP串接,將自動執行取票及出貨功能。

000shop002-112.png
前期規劃
從商業模式設計衍伸架構設計後,再將每一架構內容分出來細部規劃出需求相關之各頁與流程。其中放上紅點之頁面為初步評估開發優先順序內容。

後續將預計再從開發優先之頁面著手進行相關wireframe、mockup。

專案中負責職務

  • 商業模式規劃
  • 商城架構初步企劃
  • 示意UI設計製作
角 色 職 位  /  
職 務 內 容  /  
PO & PM & UIUX
000shop002-112 複本.png