top of page
UI Design Collection
POMODORO 番茄鐘
執行番茄鐘工作法的工具介面，主畫面顯示番茄鐘的進行及設定，側邊欄功能切換可以記錄待辦任務，透過報表檢視、分析使用狀況、目標達成率和提示鈴聲的設定。
工作狀態以活力的橘色，休息時刻以平靜的藍色作為主色。
Galley Loading Plan 機艙物資管理系統
在首頁以機艙平面圖呈現加上色彩對比，機上儲物櫃位置清楚，讓後續操作更方便。
點擊儲物櫃號碼按鈕時，在平面圖上對應之位置做提示動畫並滑入局部放大圖，讓使用者在進入單一儲物櫃詳細內容前能再次確認，降低出錯機率。
單一儲物櫃詳細內容，利用立面圖和內容物數量表格左右對照，點擊單一隔間時利用表格加上微動畫標示，讓確認流程更順暢。
元富證券新官網提案
Before : 首頁資訊過於繁多排列擁擠，連至相同資訊頁面的按鈕連結，使用多種不同樣式重複出現，讓畫面變得複雜難快速理解，降低使用者在失去耐心前(8 秒、3個滑鼠點擊)達成目的機率。
After : 分析比較國內外證券網站後，將首頁元素重組，適度將功能收納同時保留易達性，設計上符合趨勢採大面佈局。
Before
After
專家資料管理系統
將專家人員的資料整合，透過 Tab 切換便於針對同一位專家做資料的編輯和瀏覽。
商品資料及人員權限管理系統
多以表格式畫面呈現讓使用者方便瀏覽資料，執行各式資料的新增、編輯、刪除及上傳檔案等功能。
LESS IS MORE
民宿訂房網站
首頁能看到所有房型，點擊任一房型，進入到單一房型頁面觀看更多細節及預訂。
App Launch 畫面
將產品名稱製作 gif 動畫，讓 launch
畫面不過度單調，接續教學畫面步驟引導。
bottom of page