作品案例 · CASE STUDY

Design System

Branding and Identity

2025

Morning LightBright 設計系統展示

連結 · LINKS

早點 Morning 2025 改版——LightBright 設計系統,改版後註冊成長 40–60%。

問題 · PROBLEM

早點 Morning 已經走過 6 年,陪伴成上千上萬的使用者,也累積了無數來自店家老闆與使用者的回饋。這段旅程中,一個問題越來越明顯:介面不一致、互動體驗參差。於是在 2025 年,我們決定啟動迄今最大幅度的改版。

早點 Morning 已經走過 6 年,陪伴成上千上萬的使用者,也累積了無數來自店家老闆與使用者的回饋。這段旅程中,一個問題越來越明顯:介面不一致、互動體驗參差。於是在 2025 年,我們決定啟動迄今最大幅度的改版。

早點 Morning 已經走過 6 年,陪伴成上千上萬的使用者,也累積了無數來自店家老闆與使用者的回饋。這段旅程中,一個問題越來越明顯:介面不一致、互動體驗參差。於是在 2025 年,我們決定啟動迄今最大幅度的改版。

解法 · SOLUTION

改版不是一兩位設計師的想法就能完成,而是靠不斷溝通與協調促成的共識。過程中我們清楚意識到:需要一套完善的設計系統來支撐所有產品——LightBright 輕亮感設計系統因此誕生。

改版不是一兩位設計師的想法就能完成,而是靠不斷溝通與協調促成的共識。過程中我們清楚意識到:需要一套完善的設計系統來支撐所有產品——LightBright 輕亮感設計系統因此誕生。

改版不是一兩位設計師的想法就能完成,而是靠不斷溝通與協調促成的共識。過程中我們清楚意識到:需要一套完善的設計系統來支撐所有產品——LightBright 輕亮感設計系統因此誕生。

過程 · PROCESS

01 — Discover · 了解需求

把六年來自老闆與用戶的回饋攤開整理,確認問題不在單一畫面,而在「不一致」——同一顆按鈕在不同角落長得不一樣,交互也各有各的邏輯。

02 — Research · 研究分析

實際上手研究 Figma、Uber、iOS HIG、Google Material 等頂尖設計系統,拆解它們把輸入框、表格、選單做好的方式,找出值得借鏡的骨架。

03 — Plan · 設計規劃

先定基礎再做元件:顏色、字體、行高、間距一次定調,並確立「LightBright 輕亮感」的定位——不做中性框架,做早晨的喚醒感與日常陪伴。

04 — Design · 視覺設計

從第一批按鈕開始重新設計:8px 圓角、偏亮色系經過多輪測試定案,再往表單、清單、選單一路鋪開,長成完整的元件庫。

05 — Deliver · 交付

與工程、營運反覆對齊與測試,於 2 月推出正式版;上線後持續迭代,讓系統跟著產品一起長大。

幕後 · BACKSTAGE

設計不再是一個人的事,而是每一個人的故事

改版不是一兩位設計師的想法就能執行,而是設計、工程與營運不斷溝通、檢討、迭代才促成的共識。正式發布前,我們經歷了大大小小的測試、反覆檢驗,最終在 2 月推出正式版。

成果超出預期

註冊數成長 40–60% 以上,下單量也成長 15–20% 以上。我們原本的目標只是統整既有問題、改善一致性與部分交互,沒想到這次改版這麼受大家喜愛。未來我們會持續迭代,用設計與體驗,陪伴使用者的每一個早晨。

專案資訊 · INFO

年份 · YEAR

2025

時程 · TIMELINE

6 Weeks

工具 · TOOLS

Figma

前往作品 · EXPLORE

下一個專案 · NEXT

Morning Website

早點 Morning 線上點餐網站設計

1.7

Let’S UX/UI TOGETHER

讓我們一起合作吧

凡所有相,皆是虛妄。若見諸相非相,即見如來。

Let’S UX/UI TOGETHER

讓我們一起合作吧

凡所有相,皆是虛妄。若見諸相非相,即見如來。

Let’S UX/UI TOGETHER

讓我們一起合作吧

凡所有相,皆是虛妄。若見諸相非相,即見如來。

Let’S UX/UI TOGETHER

讓我們一起合作吧

凡所有相,皆是虛妄。若見諸相非相,即見如來。