View
類型 :
UI UX
/
年份 :
2024
/
負責 :
端到端 UI UX
/
客戶 :
Techworkslabs

TWL ERP

專案概覽

背景

TWL ERP系統致力於協助現有線上平台(如eGadgetsdeal、XyberTechs、SuperTechNova、OnBuy和Catch)與自動化管理的整合。這包括庫存、採購和供應鏈管理的自動化,其他自動化功能目前正在開發中。

目標與目的

團隊希望在TWL ERP系統內為使用者提供更快速、更方便的自動化管理。此外,我們希望重構我們的基礎設施以適應未來的規模。

角色與成果

在這個專案中,我與PM和兩位工程師密切合作。我負責端到端的 UI 和 UX 設計,從定義問題到交付最終的視覺作品。

挑戰

該專案與其他團隊和產品有相當多的技術依賴關係,我們還需要處理許多優先事項問題,以確保我們能夠按時交付 MVP。

結果與影響

我們在四個月內推出了 MVP,讓網站管理變得更加簡單和容易。同時,我們也收到了許多來自用戶的正面回饋和一些建議。目前版本還在不斷優化中。
設計指南

原則

我在設計新體驗時遵循了以下原則:

一致性

儘管我們針對的是英國、香港和台灣市場,這些市場非常獨特,但我們仍然需要在基礎層面上與全球品牌保持一致,以確保我們在不同設備、國家和產品上擁有一致的體驗。

無障礙

我們希望確保導航直觀,並以過去看到的方式呈現並加以優化其重要功能。

清晰的

我們提供的系統需要簡潔、清晰,我們使用的措辭應該一致且易於理解。
在設計過程開始之前,我們提出了一系列具體的想法和框架,可以幫助我直接找到可行的設計解決方案。
交付成果

該系統的主要顏色設計基於原始的 TWL 標誌,然後擴展以開發其他顏色和設計元素。

訂單列表

在訂單列表中,系統會先提示該筆訂單的物品適合由哪種方式配送; 接著操作者選擇需要被運送的訂單並指派後,系統由一開始提示的分配方式將其訂單的物品分配。
在訂單列表中,系統會先提示該筆訂單的物品適合由哪種方式配送; 接著操作者選擇需要被運送的訂單並指派後,系統由一開始提示的分配方式將其訂單的物品分配。
分配完畢後,操作者可以在運送清單中查看已被指派的訂單,也可以在此變更指派的方式,確認完畢後就可以開始運送。

配送票券(訂單)

分配完畢後,操作者可以在運送清單中查看已被指派的訂單,也可以在此變更指派的方式,確認完畢後就可以開始運送。

瀏覽配送

已開始運送的物品,將會呈現在此頁。
若倉庫在運送過程中沒有存貨,物品狀態將會呈現缺貨,須由操作者至倉庫補貨,該訂單之物品則需在此頁重新做出貨動作。
已開始運送的物品,將會呈現在此頁。
若倉庫在運送過程中沒有存貨,物品狀態將會呈現缺貨,須由操作者至倉庫補貨,該訂單之物品則需在此頁重新做出貨動作。
倉庫列表中,以標籤形式呈現倉庫的供貨情形,若需要變更則可進詳細頁更改,系統會自動儲存。

倉庫貨品

倉庫列表中,以標籤形式呈現倉庫的供貨情形,若需要變更則可進詳細頁更改,系統會自動儲存。

列印QR與SKU

列印QR:
連接程式和印表機後,即可提供收訂單包裹的操作者掃描包裹上的qrcode,用來查詢該訂單有多少物品將被運送。

列印SKU標籤:
掃描該物品的SKU標籤後,若訂單裡的SKU只有一個,則包裹類型為「Simple Pack」;
若訂單裡的SKU有多個,則為「Complex Pack」。
若中途未完成該筆訂單的掃描可先行「跳過」。
列印QR:
連接程式和印表機後,即可提供收訂單包裹的操作者掃描包裹上的qrcode,用來查詢該訂單有多少物品將被運送。

列印SKU標籤:
掃描該物品的SKU標籤後,若訂單裡的SKU只有一個,則包裹類型為「Simple Pack」;
若訂單裡的SKU有多個,則為「Complex Pack」。
若中途未完成該筆訂單的掃描可先行「跳過」。
針對每筆發票進行採購管理,包含SKU號碼、數量、價格。可上傳購買明細及付款證明。
新增完發票購買紀錄,需進行入庫動作。選擇某筆發票後,需針對該發票已新增的SKU進行收貨並入庫。

採購管理

針對每筆發票進行採購管理,包含SKU號碼、數量、價格。可上傳購買明細及付款證明。
新增完發票購買紀錄,需進行入庫動作。選擇某筆發票後,需針對該發票已新增的SKU進行收貨並入庫。
下一個專案
Logistic System