LIN APP

Lin App基礎於基因科學與生物資訊科學,旨在使您快速便捷的掌握自己的遺傳特性,利用基因檢測並藉此提升生活風貌。

UIUX Design

專案背景

LIN APP 是一款由康百事基因推出的行動應用程式,目標是讓一般大眾能更輕鬆地理解自己的遺傳特性與健康建議。隨著基因檢測普及化,團隊希望打造一個簡單、直覺、易於操作的平台,讓使用者不需專業背景,也能在手機上完成檢體登錄、報告查閱、個人化追蹤等功能。設計挑戰在於如何將醫療資訊轉化為友善易懂的介面,並提升使用者操作信心與品牌信賴感。

VISIT SITE
CLIENT/客戶
康百事基因
categories/分類
UX / UI
Time Frame/執行期間
2018
PROJECT ROLE/專案角色
主視覺設計/UIUX設計
SKILLS/技能
Figma.Illustrator
首頁視覺 × 品牌定位

專案以簡潔畫面搭配代謝基因主題打造主視覺開端,一開啟 App 即可直觀感受「基因檢測與健康生活」的核心概念,強化使用者對 LIN APP 的品牌連結與功能認知。

功能架構 × 使用流程設計

與康百事基因團隊討論後,整理出主要功能模組:取樣流程、報告瀏覽、自我推薦、個人檔案設定與歷史紀錄等五大區塊。透過串聯流程與任務拆解,讓使用者從檢測流程至結果閱讀,皆能順暢操作與理解。

視覺系統 × 色彩與 Logo

以 DNA、綠色、藍色為核心,Logo 和主視覺皆選擇現代感字型與圖形象徵科技感與可靠性,搭配乾淨色塊與漸層過渡,塑造專業、可靠且親切的品牌印象。

設計系統 × 元件庫建立

以 Figma 與 Illustrator 設計 UI 元件:按鈕、icon、資訊卡片、進度條等,建立一致性模組庫。採用可重用元件設計,未來擴充功能或包含更多報告樣板時,只需調整現有庫即可。

・解析報告 × 視覺化數據顯示

結果頁以圖表、資訊卡搭配淺色背景呈現基因特性分析,使用配色區隔不同類型指標;並支援簡短文字與圖示說明,讓使用者快速掌握健康建議與個人特性。

・個人專區

設計簡潔直覺的步驟式檢測流程搭配進度條與階段提示,引導使用者逐步完成樣本填寫、資料上傳至查看報告,增加操作信心與滿足感。

・商城