2013-2017 Chen Yu-Syuan
Portfolio Multidisciplinary
Product Design UI Design
Film editing
Prototyping & 3D Print
Code Webite Design JQuery Javascript
Pruduct Design
HTML5
CSS
2013-2017
Portfolio Chen Yu-Syuan Multidisciplinary
Product Design UI Design
Film editing
Prototyping & 3D Print
Code Webite Design JQuery Javascript
Pruduct Design
HTML5
CSS
" D o n ’ t t h i n k w h a t ’s t h e c h e a p e s t w a y t o d o i t o r wh a t ’s the f astest w ay to do it. T h i n k w h a t ’s t h e m o s t a m a z i n g w a y t o d o i t ."
圖為 Toastaster 參加 C1 Speach 的紀念
Toastmaster 是每個月我一定會參加的社團活動，而且已經參加持續 1 年以上，每個月兩次的聚會， 提醒自己多練習英文講的能力。
如果有件事情還沒克服完成，但至關重要，我會選擇面對他，持續參加 Toastmaster 就是我的態度代 表例子。
CHEN,YU-SYUAN
Name
陳芋璇
Birthday
1992/05/13
Website
http://yu-syuan.com/
Education
國立雲林科技大學 工業設計系 (2010 – 2014) National Yunlin University of Science and Technology Department of Industrial Design
市立鶯歌高級工商職業學校 美工科 (2007 – 2010) Yingge Vocational HighSchool Department of Arts and Crafts
Work experience
益麟企業公司 產品設計師 (2016/2 ~ 在職 )
Internship
桔禾創意設計公司 (2014/6 ~ 2014/9)
1009 Deesign (2013/6 ~ 2013/9)
國立雲林科技大學 (2012/1 ~ 2014/9)
頤和文化 (2011/7 ~ 2011/9)
Competitions
新一代設計展產品設計類
/ 佳作
設計發浪新一代設計
/ 後浪賞
自傳
從雲林科技大學工業設
計系畢業的我，家中是由父母、妹 妹與我所組成的小康家庭。因為從 小喜歡拆解產品、對於產品有一些 想法想發明創作出來，而且我的父 親 也 是 個 小 發 明 家， 從 小 都 要 幫 忙他焊接做一些東西，例如 : 露營 車廂，所以在大學選擇工業設計科 系。在大學就讀期間，隨著系上老 師與課程的磨練下，讓我學習產品 設計的相關專業知識及技能，像是 產品 CMF、模型製作、產品企劃， 除了課堂學習之外，並自己主動學 習與吸收更多技能，例如：自行學 習 Cinema 4D 擬 真 產 品 及 動 畫 說 明，精進產品提案技巧，鍛鍊自己 對於新事物是能快速進入狀況與吸
學校資訊中心視訊組活動的召集
不管假日或晚上加班準時完成任
人，舉辦全校性為期兩個月的“微
務，因為責任感是我的信仰，雖然
笑雲科拍攝活動”，在網路及學校
我知道薪水不相成比例，但等到放
即時邀請全校師生報名參加活動攝
映的那天，讓所有看到同袍能感動
影，與團隊成員協調工作分配讓活
他們的辛勞，也不辜負當初選擇我
動順利舉辦及進行，從中訓練自己
負責這件事情的長官，最後退伍時
領導能力，發揮溝通協調專長，更
候獲得政戰主任頒發的國防部獎
重要的是在課業與舉辦活動中，學
狀，雖然當兵在很多人的印象中是
習時間的分配，讓每個學期的成績
負面浪費時間的，但我還是努力地
也能維持在一個水平。
找到我能發揮的地方好好學習。
收應用，即使遇到困難，也會盡力 想辦法克服。暑假期間也跟同學參 加產品設計競賽，並獲得了佳作。
大 學 畢 業 當 兵 入 伍 時，
因為對於剪輯拍攝有些了解，剛好 有機會擔任政戰單位攝影與剪片的
在 大 學 中， 雖 未 擔 任 班
上的重要幹部，但積極參與全校性 團隊活動，例如在大三時自願擔任
Page. 8
工作，一開始對於在軍中必須注意 的事情與剪輯特效技巧比較不熟 悉，但我在軍中的日子，還是利用
退伍後在益麟企業有限
與公司內部討論產品時能更有效
wordpress、Joomla 去 完 成 作 品，
公 司 當 產 品 設 計 師， 主 要 負 責 公
率。
其 他 經 驗 則 是 自 己 切 版 寫 Html、
司 內 部 產 品 設 計 開 發、ODM 設 計
平 時 的 我 喜 歡 看 Kinfolk
CSS、簡單 javascript。此外也有跟
提 案、 產 品 BOM 表 建 立、 產 品 機
Times Fastcompany Page 等雜誌。
朋 友 一 起 做 APP， 我 負 責 UI、UX
構做動設計、與模具廠討論開模、
固定參加英文社團，練習英文，看
畫面部分，APP 名稱叫做 GoBike，
3D 印 表 機 組 裝 與 維 修、 產 品 影 片
國外的一些科技網站例如 Wired，
利 用 Sketch 做 wireframe 畫 面
拍攝及剪輯、公共工程設計提案與
閱讀吸收生活風格與家具設計展、
Demo 及切板工作。
監工、網站製作，還協助部門導入
服裝設計網站了解第一手國外設計
ISO9001 流 程。 雖 然 一 開 始 自 己
的 流 行 元 素，Follow 新 出 來 的 3C
對於塑膠射出實務製程不熟悉，在
產品，例如 :apple watch、Fitbit、
最頂尖的，重要的是比別人願意承
與工程部門討論時相當挑戰，但我
synologyNAS、airpod、appleTV 買
擔。希望未來能發揮所長，並學習
仍積極詢問同事及主管並從網路以
回來親自觀察產品使用體驗及觀察
多方面的專業能力，以增加公司的
及書本中找尋所需的資料，調整注
他的結構、CMF 等等。此外自己也
競爭力，可以在工作上成為幫助團
意自己對於產品設計的細節，讓主
有 研 究 過 樹 莓 派 Arduno， 想 把 自
隊成長的一份子。
管指派的任務都能在時間內完成。
己 的 想 法 具 體 化， 並 能 實 現 demo
在工作崗位上我堅持認真負責、積
的產品。
也許我的能力不一定是
極進取，總是比別人更用心於工作 上，也會思考怎麼樣能做得更好，
在工作之餘，一方面工作需要蒐集
不拖泥帶水而影響到團隊的其他同
一些資料，另一方面想方便自己整
事 作 業。 例 如 : 第 一 次 使 用 3D 印
理 資 料， 所 以 假 日 自 己 有 去 補 習
表機，部門成員對此也不熟悉，但
班學習一些程式語言 :Javascript、
我還是在短時間內快速了解，包括
Jquery、Html、css， 方 便 可 以
組裝、校正準度及維修升級，並且
串 Json 格 式， 所 以 後 來 也 有 網
教導同事操作使用，提升在會議中
站 設 計 的 獨 立 接 案 經 驗， 使 用
Page. 9
Yu-syuan,Chen Portfolio 2017
產品 設 計 Product Design
隱刀 式 切 藥 器 SAFETY PILL CUTTER
藥片 藥 盒 PILLS BLISTER BOX
藥記 得 PILL REMIDER
筷匙 雙 重 奏 PORTABLE TABLEWARE
單親 媽 媽 行 動早餐攤車 G OOD MORING MAMA
戶外 拖 曳 式 儲水桶 OUTDOOR WATER BUTT
Page. 10
善
網頁與 APP 設計 Website Design & APP
北區四城市專題寫作系統 2016 設計之都在臺北 瑞威國際旅行社 益麟企業有限公司 感覺台北 2017 海科館國際環境藝術及海洋創意家駐館計畫 蔡仁堅競選候選人網站 雲林科技大學教學卓越網頁改版 張永股份有限公司 GoBike - 台灣最美的共享單車地圖 打卡雲 wireframe
影片剪輯 Video
益麟公司介紹影片 Page. 11
產品 設 計 Product Design
隱 刀 式 切藥器 SAFETY PILL CUTTER
專利隱刀式安全設計，不用擔心使用時會誤觸刀片而受傷。 防滑置藥架，藥錠不會輕易跑動，切藥更精准。 獨家藥屑收集盤，藥切完後，藥屑不殘留在桌面或地面，不用擔心小孩誤食。 人因設計，好切好握，方便使用。
When:
2016
For:
益麟企業有限公司
Work on:
product design, illustration
cooperation:
李俊榮
善
Product design
產品特色
隱刀式設計 沒 有 割 傷 的風險 上蓋特別設計一片獨家防刮蓋，將刀片 完全隔絕開來，降低割傷風險 !
Page. 16
防滑置藥架 小藥丸也不亂跑 為了將小藥丸切成適合的分量，特別設 計藥架做防滑處理，固定小藥丸 !
集屑小塵板 方便清洗不汙染 這個小塵板可以蒐集切藥留下來的小屑 屑，方便清洗，不會汙染藥品 !
Product design
HIPS
不鏽鋼 304 材質
TPR( 熱塑性塑膠 )
PS 材質
使用操作過程
Step 1.
Step 2.
Step 3.
Page. 17
Product design 結構設計部分 提出兩種結構，一種結構使用擋片方式，打開時，擋片剛好遮住刀片。 第二種結構使用滑軌結構，但在製程上滑軌方式比較不穩定。
Sketch 草圖
Page. 18
Product design
3D 列印草模測試
開發過程細節設計
CMF Rendering
Page. 19
藥片藥盒 PILLS BL ISTER BOX
現有市售產品較多為一顆散裝藥做藥盒，較少為藥片做藥盒設計，因此藥片藥盒主要特色是底下有 個下拉滑蓋抽屜，上面上掀部分為另一個更大空間可以放藥，並且未來也可以做盒中盒方式，收納 放散裝式的藥粒，複合式功能，上面平面式藥做印刷面積，所以保留大部分平面。
When:
2016
For:
益麟企業有限公司
Work on:
product design, illustration
cooperation:
Product design
產品特色
方便攜 帶大小
Page. 22
大面積自訂圖案
鋁殼藥丸不怕受潮
Product design
不同商品銷售組合
Page. 23
Product design 參考外型
Sketch 草圖
3D 提案
Page. 24
Product design 3D 列印模型
CMF Rendering ABS
PP
PP
ABS
Page. 25
隨 時 藥 記得 PILL REMIDER
含有鬧鐘提醒的藥盒，方便老人家攜帶出門有提醒吃藥，在內裝部分針對不同通路客人提供無計時 器版本，方便僅需收納裝首飾小東西的使用者使用，一個產品彈性的調整有效讓產品生命週期拉得 更長。
When:
2016
For:
益麟企業有限公司
Work on:
rebranding, product design, illustration
cooperation:
使用操作過程
Step 1.
Step 2.
打開扣環
同時擁有鬧鈴提醒與放藥功能
Product design
產品特色
方便攜 帶大小
Page. 28
大面積自訂圖案
大按鍵設計
Product design
PP
兩種插 PIN 的產品賣法
Page. 29
Product design 參考造型
現有產品觀察 參考市售現有產品氛圍及業務需求，設計四 種不同方案使用體驗的產品，最後在會議決 定選擇一種有點圓弧肥皂盒感覺，另再加上 貼皮的設計收尾細節。
CMF Rendering
Page. 30
Product design 3D 列印草模測試
第一次模具試樣產品
產品打樣 最後模具完成產品量產拍攝，一款為計時 器功能版，另一款為基本收納版，能針對 兩種客戶做銷售，增加模具上面的彈性。
Page. 31
筷 匙 雙 重奏 Portable tableware
When:
2017
For: Work on: cooperation:
rebranding, product design, illustration
PORTABLE TABLEWARE
使用操作過程 抽出湯匙柄後的 筷子
攜帶收納
使用
Step 1.
Step 2.
Step 3.
收納狀態時，集為一體方便攜帶
使用時，筷子從湯匙背後抽出
使用
Product design 一個手把基座適應不同功能餐具做組合
A
Page. 34
+
Base
=
Fork
A
+
Base
=
Spoon
Product design
鈦金屬
鈦金屬 粉末射出
黑檀木
304 不鏽鋼
現有商品
產品特色
不須外包裝攜帶 No package
減少使用流程，增加便利使用 Increace Portable
Page. 35
加濕器
Light
Humidity
市售常用的加濕器通常都附有一個杯子，讓使用者裝完水 > 打開加濕器蓋子 > 到水進加濕器 > 在打 開機器，因為步驟繁瑣，我希望在使用者體驗使用步驟上更簡單，即可直接裝水，不需開蓋，在插 上電源時，直接使用快拆方式，不須刻意對準。
When:
2018
For:
益麟
Work on:
rebranding, product design, illustration
cooperation:
使用操作過程
Step 1.
Step 2.
Step 3.
不須開蓋直接裝水，減少使用步驟
快拆接上電源
啟動
Product design
直接裝水 不需開蓋
清洗不費力
Page. 38
Product design
ABS 水轉印
ABS ABS 水轉印 PP
PP ABS
超音波式
Page. 39
單 親 媽 媽行動早餐攤車 GOOD MORING MAMA
在單親族群未減反增的趨勢下，期望透過攤車創業計畫來輔導單親弱勢提升生活品質。早餐攤車 設計整合小孩照顧功能，突顯此社會議題，更同時幫助媽媽在工作時，能降低照護孩子的負擔。攤 車車體可展開空間，在定點販售時，創造專屬小孩的空間。除此之外，現有的攤車對於空間規劃的 忽視與不便；整體形象的設計，因攤車設備的成本考量，導致販售狀態不佳。簡化與提升攤車體的 變化性與直覺性，改善行動早餐攤車的形象，以利營業收入。
When:
2014
For:
畢業製作專題作品
Work on:
product design, illustration
cooperation:
柯政瀚
「面對真實的世界」 Face the reality.
Product design
1 2 3 4 5
1. 攤車的移動狀態，孩童空間收合。 2. 攤車的孩童空間展開狀態，就由手把向後拉伸，即展開空間。 3. 攤車的定點狀態，孩童空間展開。 4. 透過創造的空間，給予孩子一個可以休息、玩樂的地方。並藉由布成為空間的圍欄， 既溫和又可防止孩子掉落，還有阻隔強風。
Page. 42
Product design
5 6
7
5. 招牌價目表則為立架式小黑板，提升擺設的彈性與使用的永續性。 6. 可翻起延伸的工作桌面。 7. 攤車之背面狀態。
Page. 43
Product design
=
�
情境示意圖
攤車創業概念 以工作時間彈性又符合照顧小孩的雙重考量， 設計更貼近單親媽媽工作需求特質的特色攤車創 業計畫，輔助他們能藉此補充家庭收入，以提升 生活品質。藉由雲林農產特色早餐和單親家長及 弱勢家庭的經濟問題結合，同時行銷雲林特色與 輔助弱勢經濟困難，並期望公益特色攤車創業能 達到永續經營之目的。
Page. 44
Product design
無法飛翔的天空
攤販的面貌
雲林單親個案 面對面
市區攤販 面對面
“ 失去另一伴的支持，
“ 攤車要夠輕巧，移動才方便，
而政府的補助又不完善，
我們還會被警察追呢。
要額外付出托育費是龐大的負擔 ”
最好收攤、擺攤五分鐘就能解決 ”
小孩照護與工作狀態的平衡
照護整合
照護空間轉換
高機動性
單親攤車設計 空間規劃
形象提升
安全性考量
Page. 45
戶 外 拖 曳式儲水桶 OUTDOOR WATER BUTT
水，戶外清潔不可或缺的東西。 然而賣吃的攤販卻得常因為找水帶水而傷腦筋，搬動費力 洗東西也常濺得地上濕一大片。 拖曳式水桶能讓你在戶外活動時，增加用水的方便性，並且讓你安心不濺濕鞋子、褲子和水桶周遭。 在用水時，下方抽屜能盛接用過的水，防止廢水流到地上；儲水桶下方的輪子幫助你移動水桶；兩 側固定軸能讓水桶旋轉，讓搬運時重心在下方，移動時更穩更省力。
When:
2014
For:
畢業製作專題作品
Work on:
rebranding, product design, illustration
cooperation:
柯政瀚
「水，是救贖還是負擔」 Water, the redemption of the roadside vendors.
Product design
1. 水桶移動狀態，移動時儲水空間可翻轉至下方，讓拖曳時的重心更穩定。 2. 儲水空間翻轉狀態。
Page. 48
Product design
3. 水桶背面之造型 4. 手把之造型，水桶頂部之凹槽可收納水管，以適應各種取水狀態。 5 . 用水狀態，水桶底部之廢水儲水槽，可翻開乘接廢水。
Page. 49
Product design
路邊餐飲攤販 取水、烹煮用水、器物清洗、洗手
族群設定
夜市餐飲攤販 取水、烹煮用水、器物清洗、洗手
其他戶外用水需求 取水、露營、野餐、活動 . . .
設計方針
降低負擔
儲水桶設計
機動性
收納整合
Page. 50
清洗與匯集
提升便利性
Product design
移動與用水整合 型態發展
高度機動性
增加輪軸 移動方式
高度機動性
預先儲水 使用流程
尋找水源
移動
儲水
用水
移動
用水
廢水處理
廢水處理
水桶架高 用水方式
簡易水槽
Page. 51
米 供 養 陶瓷防潮罐
When:
2017
For:
法鼓山
Work on:
rebranding, product design, illustration, 找工廠 , QC, 出貨
cooperation:
劉虔誠
貓 咪 智 慧項圈 Purrdle
寵物是很多人不可缺少的生活夥伴，但有時候不得已會讓他們留在家裡，但主人卻不知道自己貓咪 的身體與心理狀況，因此 Purrdle 項圈會記錄貓咪的活動狀況及呼嚕聲，兩大功能記錄貓咪的狀況， 讓主人可以使用手機一窺他不再家時貓咪的生活情況。
When:
2014
For:
1009Deign
Work on: rebranding, product design, illustration cooperation:
Product design
Page. 56
Product design
Page. 57
網頁 與 A P P 設 計 Website Design & APP
Website design
北 區 四 城 市 專 題寫作系統 http://english.tp.edu.tw/SthesisWeb/
Page. 60
Website design
2016 設計之都在臺北 http://wdc2016taipei-stickermaker.com
Page. 61
Website design
益 麟 企 業 有 限 公司 http://elink-pm.com
Page. 62
Website design
瑞 威 國際旅行社 http://www.lifestyletour.com.tw/travel
Page. 63
Website design
感覺台北 http://taipei-creative.com/
Page. 64
Website design
2017 海科館國際環境藝術及海洋創意家駐館計畫 http://artproject2017.nmmst.gov.tw/
Page. 65
Website design
蔡 仁 堅 競 選 候 選人網站
Page. 66
Website design
雲 林 科技大學教學卓越網頁改版 http://platform.tex.yuntech.edu.tw/
Page. 67
Website design
張 永 股 份 有 限公司 http://changyong-co.com/index.php/tw/
Page. 68
Website design
G o B i k e - 台灣最美的共享單車地圖
Page. 69
Website design
打 卡 雲 wir e fr ame
Page. 70
Website design
Page. 71
益麟公司影片 https://www.youtube.com/watch?v=rpN6ZEZ8j2M
Page. 72
Page. 73
陳 芋 璇 Chen Yu-Syuan 0955202856 yu-syuan.com w w w . b e h a n c e . n e t/y u -sy u an w w w . l i n k e d i n . c o m /in/c he n-y u -sy u an-20513b66/