top of page
MacBook Pro 16_3x.png
設計說明

此平台為 B2B 的評審系統後台,強調以功能性、便利性,及降低使用者長時間使用下的疲勞感,並維持 RWD 的設計。

原始的系統後台介面
評審系統_作品_選取.png
 評審系統_作品_純文字.png
 評審系統_加入評審單.png
 評審系統_作品_作品狀態.png
 評審系統_作品_投票.png
 評審系統_作品_票數篩選.png
優化的系統後台介面與說明
  • Top Tab bar 與海選制標題

調整上下的間距,與標題內容的位置,讓使用者視覺上較不擁擠感,對於目的說明也清楚明瞭。

Frame 297_3x.png
  • 套用篩選欄位的主要 Buttons 及 搜尋

調整各 Buttons 的間距,並讓主要的 CTA / 套用篩選明顯,讓使用者更好瀏覽與點選,另外最低票數直接顯示可填寫數字。

截圖 2022-03-05 下午6.29 1_3x.png
Frame 301_3x.png
  • 次 Buttons 及 評審單狀態

調整各 Buttons 的間距,並根據不同功能的 Buttons 所觸發的狀態,讓使用者操作直覺化。

Frame 300_3x.png
  • 作品內容

將作品圖片、間距調大,讓視覺更易瀏覽,降低資訊的擁擠感。右側的評審單狀態改為直接顯示狀態,也能手動取消加入。

Frame 302_3x.png
優化後的介面
評審系統後台_3x.png
Prototype Demo
Wix介面優化.gif
Design System & Components
Foundation_3x.png
Components_3x.png
Group 4_3x.png
bottom of page