設計案例
APP
設計規劃
往下滑動查看所有案例
2015-2023
APP
作品目錄
APP 的使用行為很像網頁，但也不像網頁，很多地方可以共用，但也很多是只有手機才有的行為，在我過去的專案中，跨足了非常多不同的產業，也有得過紅點設計獎，在這裡您都能找到。
APP 的設計只有真正做過才知道該留意什麼地方，希望我過去 10 年參與了很多不同的 APP 設計經驗能給予最實質的協助。
Masa 按摩控制
2022 年接案執行，專案包含：UI/UX 規劃設計、畫面定位重塑、製作設計指引、多語系考量
masa 是一款方便的按摩椅椅墊，可以放在任何地方就能進行按摩，產品名字來自英文 massage 的詞源 massa，始於創辦人在觀察到家中長輩長期臥床的困擾後，決定開發一款人人都能負擔、輕便易用且能高度客製化的按摩器材，讓人們盡可能在任何時候、任何地方都能有效放鬆、恢復精力。
這次的專案不需要重新設計品牌跟 Logo，但他們之前的畫面與目前品牌想要傳達的目標不符，並且也有許多的概念需要新版的設計能夠兼容，因此我們做了初期的概念嘗試，選定一個方向後，就接著做 APP 畫面跟流程設計，並給出了設計指引讓工程團隊能夠理解畫面如何構成，也讓團隊知道後續如何上稿，並在一個月左右完成了整個專案。
提供了兩個概念版本
供客戶選擇
提供設計文件
給開發團隊
此專案完成以下項目
提案產品視覺定位概念
此案件 LOGO 不需要重做，只需要依照產品調性做探索，這次做了 2 個概念。
製作介面設計稿
這次針對 iOS 跟 Android 做了將近 50 個畫面，並針對小畫面手機做特製。
製作設計系統指引
在概念跟部分 UI 設計稿完成後，整理了一份擁有各種樣式，各種狀態的文件。
多語系考量
產品需要支援至少中文跟英文，也有其他語言，語言的編輯跟載入是用第三方語言工具，因此設計稿也有考量這部分。
交付設計稿給開發團隊
在產品流程、UI 設計稿、設計系統指引完成後，經客戶確認無誤後驗收完成，並交付設計稿給開發團隊。
Yahoo 股市
2022-2023 年全職執行，專案包含：UI/UX 規劃設計、定位品牌形象、畫面定位重塑、製作設計指引
Yahoo 奇摩個人股票助理帶著走，讓您投資贏在起跑點。全球股市、台股即時報價、台股聊天室、ETF投資、匯率走勢、自選股新聞，Yahoo 奇摩股市 APP 是您的行動理財小幫手。
我在 2022 年加入 Yahoo 成為 Staff Designer，主要負責的專案為 Yahoo 股市，在台灣查看台股狀況的人，幾乎沒人不知道的財經媒體龍頭，在台已深耕超過 10 年以上，APP+Web 推出的眾多功能更是方便股市新手做不同的標的分析調查。
這次參與 Yahoo 這樣大公司的專案，面對著百萬瀏覽，讓我著實感覺到專案開發的流程制度也能同時擁有彈性與嚴謹，專業與創新，各種不同的想法在內部討論與並行，而這些都是在每次穩紮穩打的方式逐步進行，才能立於不敗之地。
開發了多個股市功能
並規劃 VIP 服務
在內部提供不同概念
並進一步規劃
此專案完成以下項目
提案產品視覺定位概念
此案件 LOGO 不需要重做，只需要依照產品調性做探索，這次做了 2 個概念。
製作介面設計稿
這次針對 iOS 跟 Android 做了將近 50 個畫面，並針對小畫面手機做特製。
製作設計系統指引
在概念跟部分 UI 設計稿完成後，整理了一份擁有各種樣式，各種狀態的文件。
多語系考量
產品需要支援至少中文跟英文，也有其他語言，語言的編輯跟載入是用第三方語言工具，因此設計稿也有考量這部分。
交付設計稿給開發團隊
在產品流程、UI 設計稿、設計系統指引完成後，經客戶確認無誤後驗收完成，並交付設計稿給開發團隊。
BitGin 交易所
2022 年接案執行，專案包含：UI/UX 規劃設計、交付設計稿給開發團隊
這次的主要目的是要從既有的 Web 功能規劃手機 APP，很多公司在產品的策略上不會第一步就做到將所有 Web 的功能搬到 APP 上，因為手機功能跟操作與在電腦上還是會有所差別，更別說像是區塊鏈比較艱深的技術與操作，但 BitGin 一開始的目標就是減少差異，讓 Web 的用戶也能在手機 APP 上得到一樣的待遇。
將網頁的大部分功能
搬移到 App 上
提供設計文件
給開發團隊
此專案完成以下項目
提案產品視覺定位概念
此案件 LOGO 不需要重做，只需要依照產品調性做探索，這次做了 2 個概念。
製作介面設計稿
這次針對 iOS 跟 Android 做了將近 50 個畫面，並針對小畫面手機做特製。
製作設計系統指引
在概念跟部分 UI 設計稿完成後，整理了一份擁有各種樣式，各種狀態的文件。
多語系考量
產品需要支援至少中文跟英文，也有其他語言，語言的編輯跟載入是用第三方語言工具，因此設計稿也有考量這部分。
交付設計稿給開發團隊
在產品流程、UI 設計稿、設計系統指引完成後，經客戶確認無誤後驗收完成，並交付設計稿給開發團隊。
COBINHOOD
零手續費交易所
2017-2019 年全職執行，專案包含：UI/UX 規劃設計、製作設計指引、多語系考量、動畫製作、社群素材製作。
全世界第一個零交易手續費的加密貨幣交易所，募資了 45000 多顆以太幣，於 2017 年底上線，服務超過 50 萬使用者，規劃語系多達 18 種，甚至曾經服務北韓的使用者，也是全世界第一個得到德國紅點設計獎的交易所。
我於 2017 年 9 月以 Senior Designer 的身份全職加入，參與募資上線，交易所開發上線，並直到公司關閉，期間負責交易所所有視覺跟 UIUX 相關的設計，製作了將近 40 個以上動畫跟靜態的廣告或社群素材，30 個以上的活動，200 頁以上的 App 跟網頁設計，還有後台開發，參與了多語系規劃，提供設計文件給團隊，制定設計系統指引，並協助引入前期研究跟數據分析團隊幫助公司做產品定位。
不輸給網頁的體驗
2018 年紅點設計得獎
提供設計文件
給開發團隊
此專案完成以下項目
提案產品視覺定位概念
此案件 LOGO 不需要重做，只需要依照產品調性做探索，這次做了 2 個概念。
製作介面設計稿
這次針對 iOS 跟 Android 做了將近 50 個畫面，並針對小畫面手機做特製。
製作設計系統指引
在概念跟部分 UI 設計稿完成後，整理了一份擁有各種樣式，各種狀態的文件。
多語系考量
產品需要支援至少中文跟英文，也有其他語言，語言的編輯跟載入是用第三方語言工具，因此設計稿也有考量這部分。
交付設計稿給開發團隊
在產品流程、UI 設計稿、設計系統指引完成後，經客戶確認無誤後驗收完成，並交付設計稿給開發團隊。
iSunTV 影音串流
2016-2017 年全職執行，專案包含：UI/UX 規劃設計、製作設計指引
陽光衛視創立於2000年，是獨具公信力和影響力的24小時中文衛星電視頻道，以深度紀錄片聞名，堅持以影像修史，以視聽傳播文化，以媒介肩挑社會責任，為公民討論、學者思想提供開放空間和獨立平台，邁向「真歷史•新財經•深新聞」。
2016 年 6 月時，我以 Senior Designer 的身份全職加入，參與iSun 集團各種上線，開發各種裝置與平台，期間負責集團所有視覺跟 UIUX 相關的設計，製作了將近 200 頁以上的 App 跟網頁設計，還有後台開發，參與了多語系規劃，提供設計文件給團隊。
將網頁的大部分功能
搬移到 App 上
提供設計文件
給開發團隊
此專案完成以下項目
提案產品視覺定位概念
此案件 LOGO 不需要重做，只需要依照產品調性做探索，這次做了 2 個概念。
製作介面設計稿
這次針對 iOS 跟 Android 做了將近 50 個畫面，並針對小畫面手機做特製。
製作設計系統指引
在概念跟部分 UI 設計稿完成後，整理了一份擁有各種樣式，各種狀態的文件。
多語系考量
產品需要支援至少中文跟英文，也有其他語言，語言的編輯跟載入是用第三方語言工具，因此設計稿也有考量這部分。
交付設計稿給開發團隊
在產品流程、UI 設計稿、設計系統指引完成後，經客戶確認無誤後驗收完成，並交付設計稿給開發團隊。
Allears 音樂交友
2021-2023 年接案執行，專案包含：UI/UX 規劃設計、製作設計指引
Allears 提供音樂愛好者有一個交流的平台，在上面，你可以找到與你品味相同的人，能夠一起分享音樂，一起聊天，一起參加活動，並能分享自己的歌單與心情。
在這個專案上，我一開始先為這個專案定義品牌跟形象地位，提供了 2 個概念方向，並且設計了一個 APP Icon，選擇一個方向後，再依照該方向延伸到各個畫面，同時整理設計系統指引，並將各個畫面提供設計稿給前端工程師進行開發，專案直到現在仍在進行中，很快地將會上線與使用者分享。
有著很多關於音樂
社群相關的功能
提供設計文件
給開發團隊
此專案完成以下項目
提案產品視覺定位概念
提供了 2 個產品視覺定位概念，並提供了 1 個 App Icon。
製作介面設計稿
這次針對 iOS 跟 Android 做了將近 50 個畫面，並針對小畫面手機做特製。
製作設計系統指引
在概念跟部分 UI 設計稿完成後，整理了一份擁有各種樣式，各種狀態的文件。
多語系考量
產品需要支援至少中文跟英文，也有其他語言，語言的編輯跟載入是用第三方語言工具，因此設計稿也有考量這部分。
交付設計稿給開發團隊
在產品流程、UI 設計稿、設計系統指引完成後，經客戶確認無誤後驗收完成，並交付設計稿給開發團隊。
KidWatch 兒童手錶
2015 年全職執行，專案包含：UI/UX 規劃設計、製作設計文件、製作互動動畫。
專為兒童設計的佩戴式智慧裝置，提供兒童提醒、通訊、定位、天氣、還有個人小幫手，讓兒童在不用智慧型手機的同時，也能擁有智慧型的協助，也替家長提供安全跟穩定的作用。
在這個專案上，由於是將 Android 系統做修改並放在智慧型手錶裝置上，因此畫面相當的小，在寸土寸金的畫面上規劃功能，初期與北京的開發公司一起定位風格，接著依照方向製作畫面與互動動畫，同時整理設計系統指引，並將各個畫面提供設計稿給前端工程師進行開發，專案在一年的開發後上線。
此專案完成以下項目
製作介面設計稿
這次針對 iOS 跟 Android 做了將近 50 個畫面，並針對小畫面手機做特製。
製作設計系統指引
在概念跟部分 UI 設計稿完成後，整理了一份擁有各種樣式，各種狀態的文件。
動畫製作
由於畫面很小，產品很需要互動動畫引導使用者，因此在這個專案上製作了將近 70 個動畫還有文件指引。
交付設計稿給開發團隊
在產品流程、UI 設計稿、設計系統指引完成後，經客戶確認無誤後驗收完成，並交付設計稿給開發團隊。
更多設計案例
Ted.D
© 2023 Ted.D