專案名稱
負責角色
UI Designer
2 位 UI/UX 設計師 、 4 位 UI 設計師
輔助領導專案、Mockup 製作、工程交付
專案背景
此專案為 UI 實戰營的專案題目,主題為住宿相關產品。我們團隊希望能延伸出一個與住宿高度相關、同時在台灣市場較少見的產品方向,因此將「打工換宿平台」作為本次專案的核心主題。
由於台灣目前幾乎沒有以打工換宿為核心的專屬平台,多數相關資訊仍以社群平台轉發打工文章的形式存在,因此我們透過此專案,嘗試規劃一個定位清楚、以打工換宿為核心的產品。
主題概念
創意發想:河狸以其驚人的工程能力建造堅固的巢穴,打造一個活力、鼓勵冒險和夢想實現的品牌形象。
設計概念:以小河狸打造夢想的水壩家園工作換宿為主,希望用戶跟河狸一樣能築夢人生,所以在配色上我們運用偏生態的薄荷綠,象徵體驗生活並與環境互動,用於突顯與環境、大自然相關,感受到與自然的連結。
設計執行

UI Mockup
有了高完整度的元件後,我們在設計 UI Mockup 的過程中就相對順利與省時。每一個視覺稿完成後,組員也會互相校稿讓整體畫面更加一致的,包含介面排版的間距、文字、視覺調性。

打工換宿首頁

進階篩選頁面
打工內容頁面
會員個人頁面
工程交付
在工程交付階段,由於我在這部分相對有較多實務經驗,因此在各流程完成備註後,我會再次檢視功能描述是否符合實際開發的運作邏輯。設計規範的撰寫由組員依各自負責的頁面分工進行,整體內容清楚且完整。
在此合作過程中,我也會帶著團隊一起討論不同平台的互動機制,並引導他們思考背後的系統運作邏輯。希望能透過這次專案,將部分後端運作與實際產品開發的概念傳遞給組員,讓大家理解實務開發中,設計規格往往需要比發想型專案更加完整且嚴謹。

Prototype 展示
我們專案做得很好的部份就是動態呈現,因為動態呈現的效果除了很真實外,同時也把小河狸主題發揮的相當有趣及完整。
實戰營心得
這次的 UI 實戰營對我來說收穫非常大。過去兩年我主要深耕在 UX 領域,較少有機會碰到 UI 設計,因此特別報名這門課,希望重新把 UI 手感重新練回來。實際參與後,不只 Figma 的使用更熟練、許多操作技巧也大幅度回溫。
更讓我驚喜的是,我能以一位資深設計師的角度,協助轉職者或剛入門的同學。在與他們交流的過程中,我反而從他們的視角獲得了很多新鮮的想法與靈感,無論是美感、原型製作還是思考方式,都讓我有不少啟發。
最後,我們這組也在兩百多位學員中拿下佳作,真的很感謝一起努力的組員和指導老師。整個過程既扎實又充滿成長感。
專案名稱
百貨商場視覺網站提案
負責角色
UI Designer
1 位 UI 設計師、1 位 UX 設計師、2 位 PM
UI 品牌視覺提案
設計風格
因商業保密合約,企業已化名處理




專案名稱
台塑網後台設計系統建置專案
負責角色
UI/UX Designer
1 位 UI 設計師、2 位 PM、1 位工程師
Component 元件製作、系統導入影片
設計內容












