
往下看
專案時間
共10 週,2.5 個月
我的角色
使用工具
Figma、FigJam、Claude Code

專案介紹
產品價值

找房東功能
定義目標使用族群為:
管理方:在台灣的小量體(15間房間以內)包租代管業者或房東
承租方:在台灣唸書或是工作的國際學生、北漂上班族
將目標族群設定在台灣是因為台灣有自有的文化民情,大部分的租客與房東都是使用 line 作為溝通、互動的方式,然而這個工具有其侷限,其產生的問題進而成為這個app設計要處理的方案。
值日生輪值在遠程統一管理的制度下難以有效實行,房客間常因為個人因素或缺乏有效監督而沒有處理家務,久而久之讓房客們共同忽視維護環境的值日規則。
語言隔閡、生活習慣不同、人際尷尬感等等,讓共生房客間難以凝聚向心力與歸屬感。管理方建立的line群組也易成為管理方的一言堂、大幅增加管理成本。
LINE訊息是易逝的、綁在個人帳號上的、人員異動就可能消失的,容易造成潛在糾紛以及法律風險。
做家務模組
值日生輪值、家務新增、以及家務完成獎勵提示。
生活白板模組
物件公告通知、活動廣播、以及房客間的互動交流貼紙信封。
找房東模組
聯絡房東、繳費證明、以及所有的溝通紀錄。
儀表板模組
最新消息、收租和住房概況、以及營運總覽顯示儀表板。
物件管理模組
跨地區物件總覽、單一物件發送公告、聯繫房客、以及物件功能。
廣播模組
新增全體跨物件活動、資訊、優惠的廣播功能。
設計解決方案展示
UI 使用介面設計與 mockup 展示



房客專用三大功能
(左到右:做家務、生活白板、找房東)



房東(代管業者)專用三大功能
(左到右:儀表板、物件管理、廣播)
Design Mockups
原型製作
vibe coding製作的前後端整合模型測試機展示
第一版測試機模擬畫面
學習心得
這是我第一次大量運用 AI 去做一個 side project、並大幅的加速整合進我的設計流程裡。在運用 AI 的過程中我學到了:
學習擁抱 AI 工具、並不斷實驗如何整合進自己的設計流程
前 Figma 設計總監 Jenny 在講座上提到設計流程已死,但我認為 AI 只是大幅的加速 UX 設計速度、而不是一言以蔽之完整的取代。我認為 AI 在前期研究上,不管是競品研究、二手資料分析、目標使用族群分析等等都做的非常高效。但至於設計決策,包含介面設計的排版、互動設計的每一道流程、或是視覺設計的提案上仍幫不太上忙。學習擁抱工具,但也要不斷精進自己、培養自己的品味與尋找洞見的能力,才有辦法做好每一個設計決策,並有辦法用自己的設計邏輯去說服別人。
謹慎使用 AI 工具,要記得 AI 也會犯錯
在進行 MVP 功能的規劃時,我會將我做好的功能架構 site map 給 AI 讀過做來回的討論。AI 會給予很多主觀建議、但多偏向於商業考量而非使用者體驗。再來回對話過程中也是一種非常快速去收斂發散的主題、並平衡商業需求與使用者需求的過程。AI 有時候會聽不懂人話、繞著自己的觀點打轉、以及自打嘴巴去解釋自己的錯誤。AI 很適合提供發散的靈感,但當要做收斂的設計決策時,AI 只能輔助。
規格化與文件化可以是很好與 AI 合作的溝通方式
在進行原型測試機的開發過程中,AI 常常無法很完美的實作出和設計稿一樣的畫面,此時我運用一個方法:讓 AI 在規劃模式中對前端畫面與設計稿進行精細的比對並撰寫出一個比對報告給我做審核。這個方法大幅減低了 claude code 和我之間的溝通落差,在進行過程中也能夠幫助我重新審視迭代過程中做的設計取捨,非常的方便!



