Web design
JUL 2023 - NOV 2023
是一個綜合性後台系統，幫助中小型商家管理商品庫存、活動、驗票功能，目標是提高商家的業務效率、增加收入，並提升客戶滿意度。通過提供定制化的解決方案，成為中小型商家實現業務目標的重要合作夥伴。
UI/UX | Yang yen ting
Front- end | Xing / Kevin
Back-end | Jeremy
Figma、Miro、Trello
在專案開始前收集了利害關係人的需求並進行分析萃出了三大需求....
電商後台管理功能
活動管理功能
線下售票功能
透過使用者需求分析
以平常有在使用電商的使用者作為主要目標用戶，善加利用用戶對競品的使用輪廓及遇到的痛點更了解競品使用流程。
使用者旅程圖
依據使用者需求分析鎖定關鍵目標用戶，藉由目標用戶在每一階段的使用感受以及遭遇到的問題點，作為產品的切入點。
發現問題
1.訂單多容易狀態更改錯誤，誤改會造成資訊混亂。
3.需要更改物流時間，無法直接編輯，要重新操作新增訂單。
接著進行競品分析…
以 Shopline、蝦皮購物、line 購物、Accupass 進行競品分析，可明顯看出和競品的差異性，並找出產品的定位。
萃取出的基本功能
提高操作效率
針對使用者的痛點將操作流程使用上設計更便捷。
商品訂單
透過閱讀路徑使用 Z 字型去排列資訊順序，繞著 Z 字型消化資訊區塊，降低使用者閱讀的負擔，並能找到需要的資訊進行閱讀。
訂單詳情
活動訂單
總覽
首頁
● 輸入框格式偏窄。
● 按鈕顏色一致，沒有主次分明設計。
● UI 設計偏死板。
● 左側設計可放置 banner 圖，藉以視覺吸睛達到行銷宣傳目的。
● 設計風格以親切、活潑為出發點，帳號與密碼改成 icon 用視覺傳遞資訊。
● 按鈕訊息用顏色做出主次分明，引導使用者進行操作。
雙重驗證登入
● 間距偏窄。
● 紅色警示字不明顯。
● icon 代替文字的資訊傳達。
● 標題字體顏色層級化，提高易讀性。
● 針對間距偏窄的問題，將每個距離比例調整到最佳位置。
● 通知改成滑入效果提示，減少空間佔比。
提高客戶滿意度
通知設計是一個快速導航工具，讓使用者能夠直接點擊通知進入對應的訊息對話頁面，快速回覆客戶訊息，提高客戶服務效率。
加強整體使用體驗
設計決策是針對使用者的痛點，將送貨資料設計成可編輯的方式，提高使用的便捷性。讓使用者輕鬆管理和更新送貨方式。
增加商品辨識度
使用者可以迅速識別和區分不同的商品，並提高使用者在後台管理系統中的操作效率。
提高營運效率
這個設計解決了使用者需要花費大量時間和精力在不同功能頁面間切換，以及追蹤各種訊息的問題，達到輕鬆管理電子商務業務。
成功登入
● 按鈕的文字訊息過長。
● 文字行距沒有呼吸的空間。
● 增加 icon 輔助資訊的傳達。
● 標題字體顏色層級化，提高易讀性。
● 間距比例調整保有呼吸的空間。
● 按鈕文字縮短達到準確傳達訊息。
UX 改進： 將天花亂墜的構想實現出來。
團隊合作：確保設計概念符合實際開發需求。
維持產品設計的一致性定義了產品顏色、字型、基本元件。
Other work
