Dreamtung's Portfolio
PORTFOLIO
童冠瑜 Kuanyu Tung
17 - 19
DR EAMTUNG's PO RTFO L I O // 1
ABOUT ME
00
童冠 瑜
11 November, 1994 天蠍座 B 型的桃園女生 dreamtung@gmail.com 0988399361
User Interface / Marketing / Information Design
EDUCATION 學 歷 2013 - 2017 國立臺灣藝術大學 視覺傳達設計學系 畢業 2015 - 2017 國立臺灣藝術大學 文創產業學程 修畢 2010 - 2013 國立中壢高中普通班
SKILL 技 能 Adobe PS AI PR ID LR XD Sktech
AWARD RECORD 得 獎 經 歷 2014 臺藝大視傳系年度系展 攝影作品入圍 2016 時報金犢獎平面廣告類 指定品牌 晶碩隱形眼鏡 入圍獎 2017 臺藝大 106 級視傳系畢業製作總審查 佳作 2017 金點新秀設計獎 視覺傳達設計類 入圍獎
LEADERSHIP EXPERIENCE 幹 部 經 歷 2015 臺藝大視傳系系展 活動長 2015 臺藝大視傳系系刊 設計人 文編長 2016 臺藝大視傳系畢籌會 公關長
WORK EXPERIENCE 工 作 經 歷 2014/APL. - 2017/FEB. 臺藝大師資培育中心 美術設計 2016/JUL. - 2016/AUG. 後設多媒體設計 實習生 2016/AUG. - 2017/JUN. 富邦藝術基金會 展覽人員 2017/SEP. - 2019/MAR. 泰博科技股份有限公司 網頁設計助理 2019/MAY. - Freelancer
OTHER EXPERIENCE 其 他 經 歷 2014 POW!WOW!TAIWAN 街頭藝術活動 志工 2015 臺藝大創意影音學程影片「騙肖ㄟ」劇組 美術設計 2015 全國大專教育相關科系體育運動盃賽 主視覺設計 2015 多媒體廣告設計課程「早開的晚霞」MV 劇組 攝影 2016 「說好了，再見」劇組美術助理
DR EAMTUNG's PO RTFO L I O // 3
URiGHT Official WebSite
01
2018 醫療品牌網頁 網頁介面設計
URiGHT 是泰博科技旗下的子品牌，負責歐洲地區的ＯＥＭ及ＯＤＭ醫療產品銷售。 在網頁介面設計上採取ＬＯＧＯ的主色 —— 棗紅及鐵灰色作為網頁主色；配合不同 產品包材的系列色 —— PLUS 系列血糖機的淺藍、家用照護產品的亮橘，以及專業 醫療的草綠作為輔色。 頁面安排上，則以產品作為分類依據，將衛教知識及產品資訊結合，使潛在消費者 在瀏覽時能得知更多產品相關專業資訊。 在視覺設計上，每頁的頁首以融合醫療產品的專業科技感及溫馨照護設計主視覺圖 片，緊抓住專業醫療照護者及一般家庭使用的需求。產品規格資訊轉化為圖表示意， 使冷硬的資訊可以更快速被使用者解讀。
User Interface / Marketing / Information Design
Main Color #b82226
#585554
Secondary Color #727070
#6491c1
#b82226
#df6a25
DR EAMTUNG's PO RTFO L I O // 5
The Challenge
醫療產品技術內容較為生硬無趣，如何圖 像化龐雜專業的資料是在這個專案中最需 要思考的部分。最終呈現以視覺化的資訊 圖表及扁平化圖示包裝專業資訊，使其更 容易被潛在消費者消化。
DR EAMTUNG's PO RTFO L I O // 7
iFORA Health Manage
02
2018 健康參數管理應用程式 UI 設計
iFORA HM 為 ForaCare 公司旗下的 iFORA 雲端健康應用程式系 列之一。 為配合 2018 年推出的 FORA 6 Connect——可量測多種參數的 機器，包含血糖、血酮、血球容積、血紅素、膽固醇及尿酸六個 參數監控的應用程式。使用者可以直接將機器與手機藍芽連線後 進行資料傳輸，量測完成後直接將數值結果傳入應用程式，無需 再手動輸入，免去忘記記錄或是誤記的煩惱。 在應用程式中，匯入的數據會被自動製作成視覺化圖表，幫助使 用者快速了解自己的健康狀況變化；也可以設定目標數值，隨時 管理自己的健康。同時包含機器使用說明及操作影片，以及不同 數值所代表的相關衛教資訊；在同一個應用程式中能夠簡單且便 利的滿足使用者所有需求。 色彩計畫上，則以 ForaCare 公司的ＬＯＧＯ主色配合三個輔色 設計，讓圖表可以更直覺地被解讀。
DR EAMTUNG's PO RTFO L I O // 9
The Challenge
iFORA HM 應用程式包含了六種不同參數，每種參數都是獨立的資料，故讓使用者 如何清楚分辨自己目前所在資料頁是哪個參數是很重要的。另外，數據視覺化在此 軟體中也是設計重點，利用三種輔色將界定數值意義，使使用者能快速了解自己的 健康狀況。在資訊架構中，將資料與分析各自獨立，方便使用者在做額外註記能快 速找到自己所要編輯的位置。
Main Color #5cabcb
#ffffff
#dcdddd
Secondary Color #61b6b3
#ff6280
#ffc600
User Interface / Marketing / Information Design
Data Chart 統合所有記錄資料後將低中高數字以不同色系整 合，藍色代表標準、黃色低於標準值、紅色為超過 標準值；並以圓形圖表呈現在分析圖表的位置，並 可以選擇分析時長：7 日、14 日及 30 日，也有飯 前飯後等篩選按鈕，使用者可以快速了解不同區間 及不同情況下的整體身體數值。
Data Aalysis 折線圖中可以看到不同日期及飯前飯後的健康數值 以及對照詳細數據，上下兩條虛線標示出正常數值 範圍，幫助使用者可以快速了解自己的數值是否在 正常範圍之內。
Note Input 記錄頁面中包含六種參數的個別頁面，利用上方橫 桿作為分類。而單項紀錄中可以選擇飯前飯後的標 籤，以及在下方筆記區紀錄當天飲食及健康狀況， 若有回診的需要也能快速讓醫生了解病患的血糖數 值。
DR EAMTUNG's PO RTFO L I O // 1 1
Tripbnb Web / APP
03
2019 人工智慧旅技術遊平台 UI/UX 設計
Tripbnb 為一利用人工智慧技術分析的旅遊住宿平台，整體視覺 以卡片式的概念設計。產品中著重在使用者的需求篩選，簡化龐 雜的篩選資訊並讓使用者在篩選時能夠一眼找到自己所需標籤。
旅
思源黑體
#52ACFF
NOTO Sans Medium
旅
思源黑體
NOTO Sans Regular
#FFE32C
DR EAMTUNG's PO RTFO L I O // 1 3
APP UI
應用程式中我們與網頁一樣使用卡片式的 設計使畫面更為簡潔，也讓視覺感更為統 一整齊。在互動流程設計上，卡片式的設 計可以讓使用流程較為不令人困惑。
DR EAMTUNG's PO RTFO L I O // 1 5
Account
給會員後台系統有五項主要功能，使用左 側標籤選單分頁，內容以卡片式呈現，讓 大量資訊被分類並能快速解讀。
DR EAMTUNG's PO RTFO L I O // 1 7
GDM Health Education
04
2018 妊娠糖尿病衛教宣導貼文 社群行銷設計
妊娠糖尿病的飲食知識宣導系列廣告，飲食部分以實際圖片結合，製作 三張具有系列感的飲食注意事項海報。基礎知識部分則以資訊圖表將血 糖資訊圖像化，結合 ICON 讓冷硬知識變得更容易閱讀及吸收。
User Interface / Marketing / Information Design
DR EAMTUNG's PO RTFO L I O // 1 9
The Challenge
妊娠糖尿病的飲食知識宣導系列廣告，飲食部分以實際圖片結合，製作 三張具有系列感的飲食注意事項海報。基礎知識部分則以資訊圖表將血 糖資訊圖像化，結合 ICON 讓冷硬知識變得更容易閱讀及吸收。
User Interface / Marketing / Information Design
DR EAMTUNG's PO RTFO L I O // 21
User Interface / Marketing / Information Design
Christmas Sales Main Visual
05
2018 網路商店促銷宣傳 行銷設計
因應品牌美國區的聖誕促銷而設計之活動主視覺。插畫部分以 FORA 品牌藍作為 主要顏色，結合雪花水晶球、雪橇、聖誕禮物以及聖誕樹掛飾的概念繪製而成， 讓聖誕節不只是送禮物，更是贈與未來一年身體健康的祝福。
DR EAMTUNG's PO RTFO L I O // 23
Landing Page of Glucose Meter V20
06
2018 產品一頁式行銷圖文 行銷設計
V20 血糖機為公司血糖機系列中較為早期的產品， 故在外型並不像其他新款設計得大眾青睞，但功能 上與其他基本款型血糖機相同，而 V20 的一大特 色就是比新款多的按鈕。因其定位為基本機，在行 銷上面並沒有太多的額外功能能夠強調，故在設計 上以強烈的色塊凸顯產品外型作為圖文行銷重點， 作為時尚簡約的產品走向。
User Interface / Marketing / Information Design
DR EAMTUNG's PO RTFO L I O // 25
Landing Page of Forehead Thermometer IR42
07
2018
產品一頁式行銷圖文 行銷設計
此款額溫計為年度主打產品，此款強調其非接觸即可獲取正確溫度的功能，故情境 照上使用幼兒園這種會有多位兒童的場景，公眾空間也能輕鬆使用。 而兒童室內圖片的三個溫度標誌，告訴消費者其可測量溫度溫度範圍廣大，不只能 使用在人體溫度，物品溫度及室內溫度都可以使用的特性，告知產品受眾集——母 親及幼兒園人員此款額溫計的便利。 在設計上採取與產品實際顏色一樣的米白及三種輔色做出系列感，以低飽和度的色 調營造出照護型產品的溫柔調性。
User Interface / Marketing / Information Design
DR EAMTUNG's PO RTFO L I O // 27
Landing Page of Lancing Device
08
2018 產品一頁式行銷圖文 行銷設計
採血筆及針為糖尿病患者每日必需的重要耗材，正因每日都需使用，快速及簡單使用為吸引 使用者購買的特點之一。在行銷圖文上將產品特點以 ICON 表示，採血流程做成簡單易了解 的插畫圖示分類並結合口訣，讓使用者能快速了解產品簡單易使用的特性而想要購買。
User Interface / Marketing / Information Design
DR EAMTUNG's PO RTFO L I O // 29
Landing Page of Ear Thermometer IR18
09
2018 產品一頁式行銷圖文 行銷設計
此款產品為較為陽春款的耳溫槍，產品定位給母親照顧嬰兒時使用，一秒獲取體溫的 特性讓測量寶寶溫度時能夠不驚擾寶貝。輕巧可愛的外型讓媽媽能夠輕易放進包包裡， 隨時掌握寶貝的健康狀況。使用溫柔的粉色做為主色。三個角度的產品特寫結合特色 ICON 讓使用者可以更全方位了解產品。融合實際影像情境圖片，傳達專業照護感。
DR EAMTUNG's PO RTFO L I O // 3 1
Landing Page of Scale 550
10
2018 產品一頁式行銷圖文 行銷設計
以明亮的漸層作為頁面規劃的主色，讓產品意象更為輕鬆活潑，同時也點出ＴＡ在 於年輕的客群。配合首圖運動的女子，讓個產品的使用方向與健康、瘦身、運動這 些關鍵字有更深入的結合。
User Interface / Marketing / Information Design
DR EAMTUNG's PO RTFO L I O // 3 3
Accuracy Infographic
11
2018 血糖機準確度說明圖表 資訊設計
以簡化的資訊圖表取代複雜且資訊量龐大的傳統圖表，讓消費者能更快速了解產品準 確度與國際標準的差異，進而了解產品優勢而產生購買慾望。
User Interface / Marketing / Information Design
AVG Mode Infographic
12
2018 血糖機 AVG 模式 資訊設計
血壓計的 AVG Mode 在使用時會自動測量三次，並將三次的舒張壓 及收縮壓平均取得較為準確的數字，防止病人有白袍高血壓的情況 出現導致測量結果不準確。此功能能在短時間內獲取較為準確的結 果的特點，運用立體插畫簡化流程，讓客群能簡單快速了解其特性。