我主導設計了 Nutrivo,一款創新的 AI 驅動App,透過無縫整合餐點規劃與食材追蹤,提升了個人化營養體驗,幫助使用者在健康之路中邁進。

我的角色
UI/UX設計師

技術
UI/UX 設計
使用者研究
線框圖
原型設計

專案時程
2024/07 - 2024/10

我的團隊
Cristian Zambrano(CEO)
Renooh Sivakumar(UI設計師)

Nutriovo 是什麼?

Nutrivo 是一款由 AI 驅動的App,旨在提供個人化的營養解決方案。它會根據使用者的健康目標(如增肌或減重)推薦餐點,並根據現有食材提供食譜建議

此外,該App還能生成專屬的餐點計劃、智慧購物清單以及減少食物浪費的策略,致力於簡化餐點規劃,幫助使用者輕鬆實現飲食目標。

我負責哪些任務?
  • 主導三項核心功能的設計:AI 聊天、食譜推薦、食材追蹤,確保提供流暢且直觀的使用體驗,滿足使用者需求。
  • 通過競品分析與使用者旅程圖優化使用流程,提高功能的實用性與整體使用體驗。
  • 透過完善資訊架構及可重用的 UI 模式,提升設計一致性,改善導航體驗並增強可擴展性。
  • 促進跨部門協作,連結設計與開發,實現無溝通落差的合作與一致的成果。
成品預覽
食譜探索
AI 助理
食材追蹤
我是如何在三個月內,有效率地完成三個主要功能10+ 用戶流程的設計,同時進行多次的產品迭代?
1. 低負擔高效率的討論模式

每週與產品經理進行兩次 15 分鐘的會議,對產品需求拉齊認知,確保對使用者流程有共同理解。這些會議同時用於檢查正在進行的設計成果進度。

此外,我們透過 Figma 的評論功能追蹤設計稿的更新和討論疑問,促進快速且高效的產品迭代。

2. 靈活又高效的 UX 設計方法

由於產品開發時間緊迫,無法直接進行使用者訪談,我透過分析成功產品進行競品研究,迅速蒐集並整理相關洞見。

這使我能高效產出符合產品需求的設計想法,並將這些發現轉化為線框圖,與產品經理快速溝通,促成流暢的決策過程。

3. 有結構的 UI 設計策略

為減少重複性設計任務的時間浪費並維持設計一致性,我優先建立簡單但完整的樣式系統,並在設計高保真界面時,善用auto-layout、網格等系統。

由於從零開始開發產品充滿不確定性,我同時實施版本控制,有效管理設計迭代過程。

最終設計
1. 食譜探索

根據飲食目標、偏好和現有食材,探索專屬於用戶的個人化食譜
提供篩選功能,幫助他們快速找到最適合的選項。

多功能的整合追蹤器

追蹤器不僅是一個方便記錄食材的購物清單,也是一個提醒食材有效期限的工具。

個人化食材推薦

根據使用者的飲食目標或感興趣的食譜,追蹤器將自動推薦所需食材。

2. AI 助理

提供主動的建議、個性化推薦,並根據用戶的需求和數據學習,讓 AI 成為他們的貼心夥伴。

更有互動性的 AI 功能

不僅僅是被動回答問題,AI 還會根據使用者的需求,適時提供互動性提示,甚至主動開啟適合的話題。

整合App各個功能的 AI 助理

AI 助理並不僅限於對話功能,還整合了多個頁面的特色功能,隨時提供使用者最大化的協助。

3. 食材追蹤

記錄擁有的食材、登錄有效期限,並接收後續步驟提醒,確保每樣食材都能物盡其用。

會員專屬功能

非會員能使用部分的功能體驗App的便利性,但高階和更個人化的功能僅限會員,進一步激發使用者的訂閱興趣。

符合需求的最佳食譜

App將根據使用者的飲食目標、偏好和剩餘食材,推薦最適合的食譜,幫助使用者快速找到最想要或最需要的選擇。

專案帶來的影響

AI 從被動工具轉變為實現營養目標的積極推動力。它通過智能自動化減輕手動記錄的負擔,消除決策疲勞,主動預測用戶需求,優化飲食選擇,並根據個人偏好量身定制策略。這一轉變重塑了用戶的飲食習慣,幫助他們輕鬆養成健康的生活方式,並在每個階段實現可持續的成果。

我從這個專案中學到了什麼

專案概覽與挑戰:這是我第一次以 UI 設計為主的工作專案,從零開始設計。在僅三個月的時間內,我遇到了不少挑戰。由於缺乏 UI 設計經驗,我花了很多時間研究其他作品尋找靈感。與此同時,因為時程緊張,我無法依賴傳統深入的設計方法,只能採取更快速且高效的 UX 設計流程來應對需求。

堅守標準與團隊協作:在新創公司環境下,專案的優先順序往往是「先有功能,再求完美」。即使如此,我依然堅持在美觀和可用性上的平衡,為了能清楚表達並支持我的設計理念,我努力提升了自己的溝通能力。同時,我也找到了適合自己設計流程與符合團隊需求的工作方法,確保協作順暢並快速完成設計迭代。這次經驗讓我在處理高壓且時程緊迫的專案時,有了更多的自信。