top of page
商城系統
將合作廠商之商品統一對外呈現販售之商城系統，並可設置多種行銷模式或促銷方案。
此專案本人僅負責商業模式策畫，及初步架構流程等規畫部分。
PM / UIUX
“ 集中商品並進行銷售的商城系統 "
2021.05 / Figma / Diagrams
商品列表 售價調整系統 行銷區塊設定 促銷方案設定 下單訂購系統 自動出貨機制
商品呈現區規劃為塊狀式擺放，標題與內容皆可於後台直接更改，也可自由拖移區塊的排放順序
首頁大型輪播圖為底，下方搜尋列除可直接搜尋外，也有些關鍵字可直接點擊
即時聯絡客服按鈕點擊後為線上訊息區，類似Line訊息，便於內部人員確認問題與解答，且也有時間機制與歷史紀錄，便於事後查詢
會員頭像點擊後，會出現更多關於會員資料，以及付款設定等項目可點選進入其分頁
商業模式規劃
依照高層需求擬定之初步商業模式規劃。分析相關競品客群受眾營銷模式主力收入模式等等相關細節與內容。
架構規劃
規劃整座商城內之架構規劃，依照提及之商業模式設計，暫擬出相關流程畫面架構功能需求列舉等細項內容。
手機板首頁
RWD之手機板頁面mockup。將搜尋功能移置左上角，其餘區塊呈現將排列項目縮小至兩個品項呈現，且直接將原本電腦版圖象式商品類別，改為品項呈現上方之頁籤。
手機板商品頁
RWD之手機板商品頁mockup。主圖可左右滑動看更多，擁有加入最愛功能。選擇套餐與票種時將直接顯示金額於上方明顯處，往下滑可看到更多詳細。
產品特點說明
【A. 商品列表】
-
商品於後台呈列，可選擇要販售之品項。
-
所選販售之商品於首頁呈列，輕鬆瀏覽。
【B. 售價調整系統】
-
可選擇商品品項並個別進行售價調整。
-
可設定是否可提供使用不同付款方式及扣點優惠。
【C. 行銷區塊設定】
-
增設不同區塊顯示不同商品，並可更改區塊名稱，例如熱賣商品或是主打商品區。
-
可選擇是否要顯示區塊，以及各區塊於前台之排序。
【D. 促銷方案設定】
-
可增設促銷方案，並選擇套用之商品品項。
-
促銷方案可設定減免金額最低購買數或是折抵比例。
【E. 下單訂購系統】
-
客戶直接從前台點擊進行下單，輸入相關訂購資料後送出，將自動成立訂單。
-
依照系統指示進行付款，付款完成後系統將自動出貨。
【E. 自動出貨機制】
-
商城與公司內兩款ERP串接，將自動執行取票及出貨功能。
前期規劃
從商業模式設計衍伸架構設計後，再將每一架構內容分出來細部規劃出需求相關之各頁與流程。其中放上紅點之頁面為初步評估開發優先順序內容。
後續將預計再從開發優先之頁面著手進行相關wireframe、mockup。
專案中負責職務
-
商業模式規劃
-
商城架構初步企劃
-
示意UI設計製作
角 色 職 位 /
職 務 內 容 /
PO & PM & UIUX
bottom of page