專案名稱
負責角色
UI Designer
UI/UX Designer ×2、UI Designer ×4
輔助領導專案、Mockup 製作、工程交付
專案背景
此專案為 UI 實戰營的專案題目，主題以住宿相關產品為出發點。我們希望延伸出一個與住宿高度相關，同時在台灣市場較少見的產品方向，因此將「打工換宿平台」作為本次專案的核心主題。 當時台灣較少有以打工換宿為核心的專屬平台，多數資訊仍散落在社群平台與打工換宿文章中。因此我們透過這次專案，嘗試規劃一個定位更清楚、以打工換宿需求為核心的產品。
主題概念
創意發想：河狸擅長利用周遭資源建造自己的棲息地，因此我們以「築起自己的生活」作為品牌概念，延伸出活力、冒險與實現夢想的形象。
設計概念：以小河狸打造夢想的水壩家園工作換宿為主，希望用戶跟河狸一樣能築夢人生，所以在配色上我們運用偏生態的薄荷綠，象徵體驗生活並與環境互動，用於突顯與環境、大自然相關，感受到與自然的連結。
設計執行
UI Mockup
建立較完整的元件後，後續 UI Mockup 的製作速度也明顯提升。每個畫面完成後，組員會互相校稿，確認版面間距、文字層級、元件使用與整體視覺調性，讓不同設計師製作的頁面仍維持一致的產品體驗。
打工換宿首頁
進階篩選頁面
打工內容頁面
會員個人頁面
工程交付
在工程交付階段，由於我過去有較多實際產品開發經驗，因此在各流程完成標註後，我會再檢查功能描述是否符合實際開發邏輯。設計規範則由組員依各自負責的頁面分工完成。我也會和團隊一起討論不同平台的互動方式與背後可能涉及的系統邏輯，讓規格不只停留在畫面呈現，而是更接近真實產品開發時需要的完整程度。
Prototype 展示
這次專案其中一個很有特色的部分是 Prototype 的動態呈現，除了讓操作體驗更接近真實產品，我們也把小河狸的品牌元素融入互動細節中，讓整體主題從視覺延伸到操作體驗。
實戰營心得
這次 UI 實戰營對我來說是一個重新找回 UI 手感的過程，當時前兩年的工作比較集中在 UX，因此我特別報名這門課，希望重新投入比較大量的視覺與介面設計。除了重新熟悉 Figma 與 Prototype 的操作，我也有機會用自己過去的產品經驗協助轉職者與剛入門的設計師，反過來，我也從他們在視覺、動態與發想上的做法得到不少新的刺激。最後，我們這組在兩百多位學員中獲得佳作。對我來說，這次經驗不只是 UI 練習，也是一次很有趣的團隊合作。
專案名稱
百貨商場視覺網站提案
負責角色
UI Designer
UI Designer ×1、UX Designer ×1、PM ×2
品牌視覺研究、網站 UI 視覺提案
設計風格
因商業保密合約，企業已化名處理
專案名稱
台塑網後台設計系統建置專案
負責角色
UI/UX Designer
UI Designer ×1、PM ×2、Engineer ×1
需求訪談、Component 設計規範、系統導入影片
設計內容
在專案初期，我訪談台塑網不同事業體的相關負責人，並了解工廠人員實際操作後台系統的情境，藉此整理不同系統共通的使用需求，結合既有介面與當時使用套件的分析後，我與另一位 UI Designer 共同建立後台系統的設計規範。我主要負責 Button、Dialog、Search、Form、Table 等通用 Component，以及相關狀態與使用方式的定義。
由於這套規範未來需要延伸至旗下不同事業體，因此在字體、狀態、互動與視覺樣式上都需要建立較明確的標準，讓系統持續擴充時仍能維持一致性。除了設計規範外，我也錄製 Component 使用教學影片，協助後續團隊理解元件的使用方式與導入原則。
