CHOU MEI JU DESIGN PROTFOLIO 2016-2019
National Yunlin University of Science & Technology Industrial Design User Interface/Product Design
Content
01
About Me Hi this is me !
02
Work Experience e-Ways UI designer ,CUPOS Intern
03
User Interface Student club app ,Social app
04
Product Design Competition works ,Classworks
05
Grapic Design illustration ,visual design
06
Activities IDF Yuntech TA ,Creative market
About me
Info
Education
姓名
周美如
居住地
高雄市
性別
聯絡電話 電子信箱
女
0912505772
ruby850710@gmail.com
2018 - 迄今 e-Ways 威誠資訊科技有限公司 - 網頁設計師 2014 - 2018 國立雲林科技大學學士 - 工業設計系
2011 - 2014 高雄市立高雄高級商業職業學校 - 廣告設計科
Self introduction 我是周美如，畢業於國立雲林科技大學工業設計系，擅長領域為產品設計與UI設計，畢業後任職於
e-Ways威誠資訊科技有限公司，擔任UI設計師，主要設計品牌形象網站、電子商務平台與APP開發。 在產品設計的發想過程中，對於設計初期的議題研究、市場調查、目標族群的需求，在有限的條件下
，創造出切合需求、改善現有問題的產物或服務，是我認為設計環節中關鍵，也特別有意義的部分。
2015
2019
「 享受於設計思考邏輯中，以不同人、不同角度切入，發現需求並提出方法、解決問題的過程 」除了
應用於專案執行外，更落實於生活中，樂於擁抱未知領域，善於觀察與溝通，相信生活中即有無限可 能。有需求的地方就有設計，期待自己能持續參與其中，不斷精進！
Experience 2016 - 2017 2017/06-08 2018 - 迄今
專案與工作經驗
雲科創意工場 中部自造者基地 種子教師 享畫COUPUS 視覺圖像設計之推廣與實作
e-Ways 威誠資訊資訊科技 客製網頁設計 . APP開發( 已正式上架 )
Award 2018
LEXUS Design Award 特別獎
2018
金點新秀設計競賽 產品設計 入圍獎
2018 2018
red dot 德國紅點概念設計 入圍決賽 金點新秀設計競賽 工藝設計 入圍獎
其他經歷 2014
校內大型裝置藝術展覽
2017
海峽盃工業設計競賽
2015
屏東海生館海洋文創產學合作案
2018
全國專題實務競賽
2015 2016 2016 2017
宜蘭椅設計大賞
英發手工具設計競賽
MAXCABLE IT 周邊商品設計 Mobileheroes 通訊大賽
Skills
2017 2016 2018
DREAM Hi 未來教育展 Lexus設計大賞工作營 金點新秀獎
02
Work Experience
User Interface
屏東好交通
Pingtung Travel Information Platform for Traveler 屏東好交通APP提供在地旅遊及交通相關資訊，將道路即時路況、大眾運輸動態與在地
景點、小吃、住宿資訊整合，更特別加入了屏東特殊活動功能，將依照當期的在地活動不 定期推出！更有著景點評分、踩點功能，成為您最有力的旅伴！
（ 負責ＡＰＰ介面設計、Functional Map、切圖、標示文件與開發期間的測試與溝通 ）
iOS
Ａndroid
User Interface
BACKGROUND
此為屏東縣政府於2019屏東燈會籌備期間進行的APP改版，除了將原先雜亂
且不易操作的UI進行優化，更為了2019年的屏東燈會新增燈會活動功能，希望 提供大量的遊客更加即時、便利的活動資訊。
Persona Storyboard Funtional Map Sitemap
Design goals
資訊分類管理
操作流程優化
期間限定活動
User Interface
RESEARCH Insights
旅遊資訊來源分散
網路上可獲得的旅遊資訊多元且豐富 但也因資訊分散不易彙整， 容易盲從現有的制式行程
交通路況掌控不易
由於交通資訊變動性高且選擇多樣， 如何在不了解目的地的情況下，選擇最佳的 旅遊代步方式，成了旅人們的第一個課題
無法深度發掘在地樣貌
旅客透過網路搜尋、獲取的資訊有限且單一 不易分辨真假景點，也很難深入探索在地文 化，因而錯失了在地人才知道的屏東樣貌
Design Features Focus 旅遊交通資訊整合 景點評分與收藏
打造在地旅遊規劃 特色活動資訊露出
活動
限時
期間限定活動
使用API去判斷是否為活動期間，並可於期限內顯示活動按鈕
新資訊，例如屏東燈會則是提供活動訊息與交通資訊兩大類別 開發，後續可針對不同活動做介面與內容的設計。
鈕，用戶點入後則可掌握活動最
別。頁面使用webview的方式
瀏覽
導航
景點排名與評分
進入觀光旅遊列表頁，可選擇美食、景點、住宿、與沿山特別景點等類別，點入後會有圖片、名稱、 評分、距離等資訊，再往下的詳細頁也有簡介、營業時間等資訊。用戶可以在抵達旅遊地點後，點入 詳細頁下方的「我要踩點」來紀錄足跡，同時也可以給予評分。將景點評價分享給更多使用者。
Design Features
查詢
提醒
公車查詢與周邊景點推薦
點擊公車動態進入列表頁，用戶可依公車路線、站牌、與自身距離來進行查詢，可由頁面下方鍵盤輸入編號篩選。
進入公車路線頁後，即可掌握公車目前所在位置與預計到達時間，輕觸站牌則可查看「周邊景點」、「周邊小吃」、「站牌地圖」 了解更多詳細資訊，也可將常用站牌加入最愛，或設定公車到站通知，在公車到站前三站時則會跳出推播訊息，貼心提醒您。
即時
查詢
路況即時資訊
進入行即時路況，點擊頁籤可查詢各路段之路口影像、活動事件、CCTV、測數照相機等資訊，同時也可透過上方的地
圖確認該路段與自身的距離。當有特殊路況發生時，可協助用戶提前做計畫變更，並更安心掌握道路資訊，屏東好交通 將成為你最有力的助手，不需擔心當突發狀況發生時，無從了解交通情況。
User Interface
小北百貨
Member Information Platform for Showba 小北百貨APP整合線上與實體會員資訊外，更提供了紅利點數抵用、消費優惠、最新DM，周邊分店
查詢等多項服務，更將實體會員卡累積紅利點數之流程優化，讓會員可使用APP出示會員條碼進行 點數的累積與抵用，並輕鬆使用APP查詢抵用紀錄再引導至實體門市消費與兌換。
（ 負責ＡＰＰ介面設計、Functional Map、切圖、標示文件與開發期間的測試與溝通 ）
小北官方網站
iOS、Ａndroid 預計2020一月上架
User Interface
BACKGROUND
小北百貨官方網站上線後，為整合線上與實體會員資訊，透過APP將實體會員
卡累積紅利點數流程進行優化，讓會員可直接於手機應用程式中出示會員條碼
Persona Storyboard
進行紅利點數的累積與抵用，輕鬆使用APP查詢抵用紀錄並引導至實體門市進
Funtional Map
之服務，而APP的功能與介面也以較單純、易操作為設計方向。
Sitemap
行消費與兌換。考量到客群年齡分布廣泛，也提供於實體門市以紙本申請會員
Design goals
會員紅利整合
優惠消息通知
提升會員黏著度
User Interface
RESEARCH Insights
會員資訊分散不易管理
小北百貨原本原有的實體會員資料庫， 在啟用電商平台與APP後，會員與紅利 點數資料上更需整合、統一管理
實體會員卡推廣不易
由於近年卡片虛擬化，實體卡片因相對 便利性低，需另外於實體商店申辦與保 存，實際上不易推動、也缺乏吸引力
強化客戶群的黏著度
小北百貨客戶年齡層分布廣泛，主要著 重於門市實體服務，但線下門市並不易 隨時與消費者保持聯繫，故可透過社群 網絡提升雙方互動率，以強化黏著度
Design Features Focus 會員紅利資訊整合 強化線上線下連結 優惠活動推播通知 紙本DM電子化
線上
抵用
會員紅利抵用條碼
會員可於實體店面出示會員條抵用條碼，取代原先的實體卡
數累計，而抵用碼每五分鐘會自動更新，以避免任何資訊安
查看目前累計的點數數量，點擊抵用查詢，則可快速查閱紅
卡片，再結帳後直接掃描進行點
安全相關的疑慮。可於APP首頁
紅利使用與獲得紀錄。
實體
查詢
實體門市查詢與引導
小北百貨主要為線下實體商店，全台分店多達131家，強調全年無休、24小時營業且物美價廉、應有
盡有，更重視服務第一、客戶至上、提供首屈一指的便利服務，已成為眾多消費者的購物好鄰居，再 透過APP強化線上、線下的連結，來提供更加全面的服務。
Design Features
線上
瀏覽
最新活動通知與電子DM
會員可於APP首頁與最新活動頁掌握最新活動資訊，點擊「最新DM」依類別商品選擇，進入詳細頁後使用兩指縮放即可 自由檢視DM，點右上方的「下載」可將DM儲存至手機相簿。而後台管理方面，則與官網共用資料庫，便於管理外更可 以減少同樣內容重複上稿的重工時間。
富山淨水
Responsive Web Design
打造「最優質生活飲用水」是富山淨水對南台灣用水品質的期許，除了飲水也能使生活多一點享受。
專案內容主要為前台視覺設計與後台電商管理系統，依富山的需求特別加強客戶服務體驗、操作流程上 提供了更多引導，使各年齡層的客群皆可獲得最好的使用經驗。
（ 與另一位設計師共同執行，主要負責視覺設計、前後台測試、需求訪談與溝通 ）
(網址 QRcode)
瑞元生醫
Responsive Web Design
RecentCare 把病人的照護視為企業核心。本著以病人的需求為根本、持續關懷、真心守護，期望創造以 照護為基礎的永續價值。從傷口照護臨床需求出發，依照不同地區，不同傷口類型，不同需求，開發出市 場上最能夠貼近消費者的高端材料及敷料產品。加快傷口癒合速度，改善人類生活品質，減低醫護人員 人力，增加醫病滿意度。
（ 與另一位設計師共同執行，主要負責視覺設計、前後台測試 ）
(網址 QRcode)
體感科技協作平台
Responsive Web Design
資策會體感科技平台協助各分項多感官虛實互動、體態辨識及自然人機互動等核心技術之研發成果，
在高雄市推動場域實證；籌組產學研體感科技整合服務團隊，結合在地業者，共同建立體感科技創新服 務模式；配合高市體感科技園區規劃，累積推動56場場域實證及100萬人次體驗。
（ 與另一位設計師共同執行，主要負責視覺設計、前後台測試 ）
( 網站開發中，僅畫面展示 )
雙進工業
Responsive Web Design
專業於「粉、粒、液體」原料「自動計量、輸送」整廠輸出系統。規劃、設計、製作、電腦圖控、PLC軟體、安裝、 測試、教育訓練、遠端支援維護以及技術服務全由雙進團隊多年經驗承製，品質穩定、耐用可靠。
專案核心內容為前台視覺美化與客製產品諮詢功能開發，消費者可針對不同商品填寫與上傳表單，優 化詢價流程之外，透過系統化管理更可以節省人力作業成本。
（ 負責網頁視覺設計、前後台測試、需求訪談與溝通，與另一位設計師共同執行）
( 網站開發中，僅畫面展示 )
新百王證券
Responsive Web Design
新百王證券創立於七十八年四月，公司經營階層始終懷著飲水思源之心，堅持深耕高雄在地，一定要提
供高雄投資人在證券經紀專業領域上高人一等優質服務。因應證券市場變化，公司全面更新電腦系統， 領先轉型為專注電子交易的網路證券折扣經紀商。
（ 負責網頁視覺設計、前後台測試、需求接洽，與另一位設計師共同執行 ）
( 網站開發中，僅畫面展示 )
User Interface
SPRING 日韓精品美妝
Responsive Web Design•Eletronic commerce
蕬柏林日韓精品批發每月親飛日韓等各國最流行的獨家性商品，並提供會員小量的批發大盤的價格，改 變以往繁雜且傳統之批發模式，專案內容主要為客製前台視覺設計與後台商品管理、訂單管理等多項模 組，可依不同會員等級顯示不同價格之外，在商品出貨、撿貨流程也依需求進行了客製化的功能設計 （ 負責網頁視覺設計、前後台測試、訪談與溝通，與另一外設計師共同執行）
( 網站開發中，僅畫面展示 )
work experience 2018.7-2018.8
GRAPHIC RECORDING
须鎝ⴕ區莅侮椚
㕮⫹䙼罌
䩛粭邍麨
㕰ざ⡲
什麼是視覺圖像紀錄? 拿到一大疊資料時不知道該如何整理 容易讀完後仍沒有找到重點 不用多久就忘記內容了 不管是公司會議或與客戶開會時 不知道該如何有效傳達想法 瞭解他人的意思 視覺圖像紀錄是以視覺方式 將大量資訊分解 重組並呈現重點
What I learn?
資訊的閱讀及重點的整理
資訊圖像化
圖像思考
手繪表達
work experience
IMAGE BRAINSTORMING
Process 鹎遤Ⱉ䌴椚䙂灇瑖ꅾ럊侮椚(3粭醢之㻨俒呪⚛涮⡑倴笪畀䲿넞Ⱇ笪畀鍸⿻桧㢫⚂栽䖤✫Ⰽ⦐䖕糵涸ざ⡲鼝秉
01
資料收集 專案規劃 腦力激盪
02
構圖設計 草圖提案
03
精圖繪製
work experience
First Experience of Graphic recording ⽰儘涸䩛粭㕮⫹剚陾私ꏗ
痧♧妄莅㹐䨩㼠呪 ♧㜥嵳䃚Ⰽ䁘⟱噠Ⰹ鎯涸鋕錏㕮⫹私ꏗ
⟃㕰ざ⡲捀⚺傌涸♧傈䊨⡲斊⽰儘私ꏗ䒸㼬䌌涸铭玑ꅾ럊ㄤ莅罏植㜥ⴕ❧涸竤뀿 ⟃㕮俒䩛粭欴ⴀ崞⹛私ꏗ崞⹛穡勲䖕窍✮莅罏㔐곃劥妄Ⰹ鎯涸ꅾ럊
Link to see more
work experience
Graphic recording teamwork 荈㷸㽠⫹@Y❧殥怵闍Y껷妄㆞ⴀ⹛鋕錏㕮⫹鎹ꏗ 㕰ざ⡲鹎遤涸鋕錏㕮⫹私ꏗ
二⟤劥妄私ꏗ涸⚺瘘 䖰怵闍翕聃 ꅾ럊私ꏗ㕮⫹鱲⻋ⵌ䩛粭 ず儘翕聃ꅾ럊⿻粭㕮私ꏗ⚛㖈♧⦐⼱㼭儘涸怵闍儘㸤䧭 㷸绢莅㕰ざ⡲䵩ꂂ䒊用✽⥌ㄤ랿㤏
i Complicated information
Visual image
Speech
Key Point
Visulise
Images
03
User Interface
User Interface
STUDENT CLUB
Frienfly Service Platform for Student Club 4UVEFOU$MVC 䲿⣘倞欰չ鼇乵爢㕰պ⿻爢㕰䎍鿈չ盘椚爢㕰պ⛓Ⰽ珏⢪欽罏涸 넓뀿 ⴕ겳䕀侮爢㕰⿻吥㕨须鎝乽⡲矦僒湬錏鐱⭆罌爢㕰竤斊䧭佪〳 鋕⻋䒊用爢㕰竤斊罏莅莅罏涸❜崩䎂〵䲿⣘㼠㿂倴㷸欰爢㕰涸剪
WHAT I DID Interaction Design Framework
User Interface
㣐㷸倞欰Ⰵ㷸儘剚䱺佐ⵌ⢵荈㢵倰涸爢㕰䬸欰须鎝⡎⛳㔔须鎝⢵ 彂ⴕ侕⚂꧹✥罜♶僒ꡠ岤爢㕰湱ꡠ须鎝鼇乵爢㕰搂岁䖤濼爢㕰 崞⹛稇颶ㄤ铭玑Ⰹ㺂㼬荞㷸劍⚥䖕劍爢㕰莅桧黃幾
Persona
˙騟♳溏
Storyboard
˙箁♳锸
%0*/(
BACKGROUND
˙㖈爢纈
'&&-*/( 5)*/,*/(
私ꏗ爢㕰娜玑
/&&%
崞窄爢㕰欰崞
0110356/*5*&4
须鎝ⴕ겳盘椚
˙ず㷸
˙㖈攨뇀
User Journey Map Funtional Map
Design goals
˙佐ⵌ崞
㥪㣼ㄤ劍 㨥鎣锸 涮植须鎝 㖈㢵珏䥰
˙刿㢵涸须
˙须鎝涸䕀
吥㕨爢
吥㕨崞
爢㕰崞
懳錒
製꧌
鋊ⷔ
鐱⠮
溏ⵌ嵳㜡
˙佐꧌⫄㋲
˙叆溏铭邍
˙叆溏遤✲凰
锸㠢昮俒
˙㉏㷸Ꟁ㨢涸䠑鋅
˙㷸劍湡垦鏤㹁
˙鑉㉏爢铭Ⰹ㺂
崞⹛㹒⫄㋲
鎣锸
뇀贖鄄爢㕰➃⸂㹒⫄
纈㯯넓溏ⵌ㹒⫄俒畎
劍䖊 锸ㄤ懳錒须鎝 鎝ꆀ⡦盘麥㢵 䥰欽玑䒭⚥ⴗ䳖
须鎝⢵彂
䕀侮
˙鸕爢㕰⽈錒剚 ˙箁♳锸㠢涮㉏
˙笪騟叆鑉爢㕰须鎝
˙殆须鎝窍剤莇馱爢㕰
˙㸞䱖䩧䊨
˙鎹♴剤莇馱涸须鎝 ˙ㄎ剦䒸⠶⸈鵔倞
˙私ꏗ爢铭儘
莅 ˙莅爢铭
˙钢陏倞剦⿼
˙䟝涸爢㕰䱖䎸
二䗱柔韠 ⸈爢㕰鵔倞 涮植铭噠剤❉籗ꅾ 鑉㉏剦⿼涸鎙殥ㄤ䒊陾
Ⲉꬆ䙼罌 ⵅꤑ尝莇馱涸鼇갪
兜鸒
˙鎹✲劥
˙崞⹛ 爢㕰须鎝嫲鯱
˙♧⟨佞논涸䗱䞕
˙ㄤ爢㕰涸耢粯盘麥
˙ⴕ❧莅鎣锸涸㼩韍
˙➮➃鐱⭆罌
˙䭰糵莅涸⹛⸂
˙鐱⭆ㄤ须鎝❜崩涸㼩韍
˙鸒濼䲿ꄁ崞⹛儘
˙爢㕰竤娜罌
˙䘋ぢ湱ず涸剦⿼
爢㕰须鎝侮ざ䎂〵
爢㕰须鎝곃㉏
⦐➃遤✲凰
⦐➃遤✲凰
㷸欰鎣锸匢
崞⹛㼠갤
吥爢㕰铭邍
㷸欰鎣锸匢
爢㕰⥌盳
遤玑鸒濼
崞⹛㼠갤
ぐ爢㕰㼠㿂갤 爢㕰⥌盳
➿鳵✲⟝䲿ꄁ
˙䫏Ⰵ爢㕰
˙䪪ⵌ娝㿂䠮
˙鏤㹁爢㕰莅湡垦
˙搂娝㿂䠮
˙嫲鯱儘㖒럊瘞鑬稣须鎝 ˙须鎝涸侮椚莅佐询
˙ⴕ❧䗱䖤
˙爢㕰莅劍劆♶痘
鄄䒸
莇荞⸽⸽ 㨥剤鏪㢵䟝⫹ 鎹♴䒸荈䊹涸崞⹛
ⴕ❧
吥爢㕰铭邍 爢㕰㼠㿂갤
爢㕰鐱⭆罌
˙铭噠籗䘑搂内⸈
⯏怏놽䘋
㣟劆 搂翝 ˙崞⹛莅㔐꺈盘麥 ˙涮邍鐱⭆䧴鎣锸
㷸欰鎣锸匢
爢㕰鐱⭆涮邍
User Interface
RESEARCH Insights
须鎝⢵彂盘麥醳꧹
㷸欰栽䖤爢㕰须鎝涸倰䒭㢵⯋ 䖰㻜넓涸嵳㜡⫄㋲〡羮湱⫄ ⵌ笪騟锸㠢⿻爢㕰笪갤涼僽
爢㕰须鎝䕀侮♶僒
歋倴须鎝ꆀ㣐⚂爢㕰珏겳㢵垺㥶⡦ 㼦䪪⚛㖈剤ꣳ涸儘Ⰹ睨鼇ⴀ荈䊹 剓剤莇馱涸爢㕰䧭捀㣐㷸倞늫➃涸撖䟛
䪪㼦爢㕰娝㿂䠮
倞欰莅爢㕰䖕涮植Ⰹ㺂莅劍䖊♶ 痘䭰糵莅䠑격꣮⡜⚛尝剤栽䖤 剓ⴲ劍䖊㖈爢㕰⚥䪪ⵌ涸娝㿂䠮
Design Features Focus
爢㕰须鎝侮ざ䎂〵 䘰鸠佐询爢㕰须鎝 鰋논⸈Ⰵ遤玑鋊ⷔ 㔐꺈⿻鎣锸䎂〵
懳錒
製꧌
爢㕰ⴕ겳 㖈⩎奌⚥⟃吥㕨ㄤ爢㕰瘞秹ⴕ捀Ⰽ㣐겳㖈爢㕰ⴕ겳⚥⣜ 欽䨩〳⣜莇馱鎎ꠗ爢㕰栽䖤剓倞崞⹛须鎝⚺갤⚥崞⹛ ツ植幾㼱俒㶶嫲⢿⢪欽䨩䘰鸠懳錒儘腋殆♴⽫韍♶
⣜爢㕰䚍颶稣ⴕⰙ㣐겳ⴽ ⹛✲⟝⟃㣐㕮ㄤ⚺銴须鎝 ♶갭鷴㣐ꆀ俒㶶栽《须鎝
懳錒
鋊ⷔ
⸈Ⰵ遤✲凰 鰋鍸崞⹛✲⟝鹎Ⰵ갸錒갤ツ植⚺겗儘㖒럊ㄤ鿈ⴕⰉ俒欽䨩〳⟃㖈焷钢崞⹛须鎝䖕 럊乹〸♳錬涸չ⸈Ⰵ遤✲凰պ䧴갤䖃♳徿⹛〳⟃鹎遤㔐䥰䧴ⴕ❧㖈崞⹛갤ㄤ⦐➃遤✲凰 ⨞湬䱺涸鸮穡雊欽䨩〳⟃鰋논䘰鸠涸㸞䱖遤玑遤✲凰涸➝〳⟃ⴗ䳖䧭剢⟨䧴傈涸ツ植
Design Features
鐱⠮
ⴕ❧
鐱⭆罌 鰋鍸崞⹛✲⟝鹎Ⰵ갸錒갤欽䨩䟝叆溏崞⹛鎣锸䧴鐱⭆儘㼟갤䖃♳徿⹛럊乹㔐䥰⽰〳叆溏㔐䥰⛳〳럊乹 鹎Ⰵ⚺鳵爢㕰㼠噠叆溏չ爢㕰鐱⭆պㄤչ爢㕰竤娜պ✫鍑湱ꡠ涸崞⹛鐱⭆⿻Ⰹ㺂〸♳錬涸垦鏽僤贫㉬ 刿倞须鎝涸䲀久ず儘窍✮爢㕰㔐꺈鐱⠮崞⹛涸劍䖊⧩
莅
䲀久䲿ꄁ 鹎Ⰵ遤✲凰⚥럊乹〸♳錬涸倞㟞꒳倞㟞✲⟝涸ず儘〳鏤㹁뇀ꗻ⚛㉬䲀久鸒濼4UVEFOUDMVC㼟 䧭捀⡹涸吥㕨遤玑㼭猽剅 ♶銴二䗱ꐫ麕갸⯓㸞䱖㥪涸崞⹛⿻爢㕰剚陾
Calculator User interface.
Skygazing User interface.
04
Product Design
Link to watch the video
䋒郍角屛Ⱏ欰嵥䃋 WATER HYACINTH SYMBIOSIS DEVICE
㥶⡦䱾ⵖ䋒郍角涸訬䒂 㖒椕军⻋㼬荞䋒郍角⡥亙〵抓宐㚖涸䞕屣⸈ⷜ 䩧丅⡲噠涼罳儘顥⸂⚂搂岁呏ꤑ㕰ꆚ㼩䋒郍角涸欰暟暶䚍ⵖ㹁禺窡⻋
涸幢ꤑ瘼殜鷴麕⽰儘湌庠莅㹁劍幢ꤑ꣮⡜㣐ꆀ䋒郍角㼩橇㞯鸤䧭涸⽭㹳
WHAT I DID
陾겗灇瑖莅鏞锓 宠ⴕ區 嚌䙂虋㕮 垸㘗醢⡲
PROJECT DATE: CO- DESIGNER :
2018.05 Yu Ting Hung
Product Design
BACKGROUND
BACKGROUND
㢫⢵珏䋒郍角㖈⚥⽂鿈ぐ贖宐㚖涼剤髠騋嫦鸫僱㢚㣔孵넞影㢵ꨎぐ贖宐㚖涸䋒郍角䘰鸠籗婥⡥亙扫䱖禺窡⿻屎䊛 䴦㹳屎䊛欰䢀䕧갠䱖宐ꅦ犳䧭担䋒郍角⡥亙㣐䱖涸㉏겗嫦䎃涼剚涮欰湡⚛搂㼠噠㋲⡙⼿⸔贖椚⟓飅佟䏎堥ꡠ嫦 䎃♳⭚⛓竤顥幢ꤑ䧭佪湱殹「ꣳ
SITUATION 佟䏎堥ꡠ
䬸垦
幢寄䑖㉂
幢ꤑ
➃⸂ 堥唒幢ꤑ
䋒郍角搂䚍籗婥 饥蛢 剤䚍籗婥 侕久珏㶩
籗婥訬䒂
䋒郍角訬䒂
Feature
How to co ˙黠ざ欰Ꟁ倴影军㢵ꨎ涸孵⦬ ˙橇㞯㺂䗾⸂넞 ˙蔅劍 剢 ˙怔嵥倴宐
˙诔歋饥蛢鹎遤搂遤籗婥
˙呏鿈佐宐⚥ꅾꆄ㿂暟颶
˙珏㶩衆㕼䖕 䎃⯕撑䖕涼〳涮蔡
˙ꣳⵖ欰Ꟁ眕㕠
ontrol it ?
㕠 ˙鼚⯝珏㶩衆㕼 ˙⻋㷸ꤑ虋ⷭ
Utility value
帩⻋宐颶 怒暜귁俲 屜孵涮ꨶ
剤堥肎俲 勞颶灇涮
Product Design
RESEARCH
Design goals
㢵럊鏤縨嵥䃋湌庠䱍䳣䋒郍角停纈㺙䏞嵥䃋ꣳⵖⰦ欰Ꟁ眕㕠盘椚宐㚖⚥涸䋒郍角停纈㺙䏞 鷴麕宐颶湌庠㹁劍鸒濼➃㆞幢ꤑ笞䭰㹁ꆀ⛓䋒郍角⢪宐㚖欰䢀笞䭰䎂邂
㢵럊鏤縨嵥䃋
宐颶侸亙湌庠
㹁劍➃㆞幢椚
䋒郍角㔐佐ⱄⵄ欽
Idea Sketching
Product Design
DESIGN FEATURES
擬定防治週期
浮島分布設置
布袋蓮回收再利用
2-6月
6-8月
8-11月
11-2月
監測管理
監測管理
監測管理
非繁殖期
定期清除
加強清除
定期清除
收集水庫垃圾
麌⡲崩玑
ⵄ 欽 ♳ 倰 㣖 ꤿ 腋 匢 涮 ꨶ뀝 ⹛ 宐 岹 醢 鸤 宐 崩⢪ 䋒 郍 角 崩 Ⰵ 嵥 呥 ⚥ꣳ ⵖ Ⱖ 欰 Ꟁ 眕 㕠
宐岹䬄宐㼟䋒郍角ㄤ㘏㖣Ⰵ 嵥呥ず儘嵥呥♴尐⢪䋒郍角갫 宐 崩 Ⰵ
䋒 郍 角 㖈 嵥 䃋 ⚥ ꬆ 縨 帩 宐鷴 麕
嵥䃋Ⰹ宐颶增뀿⭑鹎遤湌庠侸亙 ˙ 鷴 麕 湌 庠莅䲿ꄁBQ Q 䱍䳣嵥䃋⽰儘朜䢀
涸 佐 ꧌ 莅 ⴕ 區鷴 麕 獵 ⹛ 䒭 䥰 欽
玑 䒭 䲿 넞 盘 椚 ➃ ㆞ 涸 盘 椚 佪 桧
㣖ꤿ腋匢
煂䒭呥卺 笪郍
宐欰嗃暟㾵
朜䢀敚 岹
䱖宐㶰
ꐝ烦
Production Procedures 3D Modeling / CNC / Painting
02 消防急流救難工具 RAPIDS RESCUE FLOATING BAG
提升急流救難之成功機率，利用高浮水性救援工具，操作簡便使救難者能快
速操作，改良現有拋繩袋增加多條浮水條，造型易於抓握，提供待救者更大的 支撐力及固定性，避免渡河過程中再度被急流沖走。
WHAT I DID
議題研究與訪談/ 需求分析/ 概念草圖/3D建模/ 模型製作
PROJECT DATE:
2017.06
Product Design
BACKGROUND
KJ法分析 事前準備
1. 接獲報案
難以即時確認患者定位
2. 依情況準備用具
3. 出勤
天候不佳無法出動直升機
及情況 若人手不足需調度
若不瞭解山的特性易遺漏搜救 相關用具
4. 抵達 現場
抵達登山口 / 搜尋過程 / 尋獲患者
需要攜帶笨重及繁雜的救難
受地形限制 難以抵達傷患
工具及裝備
位置
1. 急救 /
現有產品
患者倒地 地形險峻 行進不易
通訊系統不穩定
夜間搜救 視線不佳
氣候濕熱蚊蟲野獸出沒
山難失蹤人口耗費大量人力及
高山併發症
時間尋找
救護人員
夜間急救
/ 固定
品無法固定四肢
救護過程 2. 搬運
3. 上 直升機/救護車
於急流中救援時，救護人
SKED之使用必須費時架設
員自身安全有疑慮
繩索
地位置或姿勢不利於
員搬運及緊急處理
救，光線不佳
使用受地形限制 搬運工具的轉換
5. 車 上持續院前 救護
車內空間狹小，物品放置位置不利於 救護者操作
吊掛過程中，容易有固定
搬運路線陡峭及險惡容易
突發車況(ex:急煞、緊急閃避、加速
不穩及跌落的危險
延誤黃金救援時間
等等)造成救護人員安全上之疑慮
搬運患者時需要多次彎腰
需依責任醫院之科別及門診時間，決
及手部施力
定患者去向
抵達現場
工作特性 • • 抵達登山口
重裝上坡
朔溪
• •
執行搜救
跨越溪流
尋獲患者
吊掛
登山基本技術
攀岩 / 雪攀 / 朔溪之能力 急救救護之能力
職業風險 •
足以應付情況之體能
•
對事發環境（山區）的熟悉度
•
保持聯繫 定時報點
須具備長程重裝攀登之體力
•
緊急情況下的組織決策能力 有自身意外的發生風險
• 救難過程中有 自身安全的疑慮
搜救人員
人
‧需背重且繁雜的裝備行走
‧雨天濕滑或溪水湍急，易不慎滑倒跌落
‧攀爬過程中無安全保護
救難裝備
• 通訊設備訊號不穩定
• 裝備多樣繁瑣 應個人需求而不同
‧山區落石擊傷人
機
環
台灣山區
• 山區天氣不穩定 • 地勢 陡峭 坡陡
• 溪流湍急多暗流
午後易起霧
RAPIDS RESCUE FLOATING BAG
高浮水性
多點抓握
緊急救援
Rescue Difficulties
在急流救援中，當受難者身處於湍急的流水中，且因溪水湍急被快速衝往下游，
現有的攔截索架設耗時且無法確實固定受難者並拉上岸，現有的拋繩袋目標小， 待救者不易抓牢，無法確保獲救。
Focus
提升急流救難之成功機率，利用高浮水性救援工具，操作簡便使救難者能快速 操作，造型設計多點抓握，提供待救者更大的支撐力及固定性，避免再度被急 流沖走。
Concept
改良現有拋繩袋，投擲目標小不易抓牢的問題，在外層添加浮水條，增加浮力且 造型易於抓握，為待救者爭取更大的支撐力及固定性，且重量較重易於救難人員 拋擲能更準確的丟擲至待救者旁。
手握提把 伸縮束口袋
FLOATING BAG
救難時預先將主繩穿
20
20
過底部繩孔打8字結
35
25
Usage Scenarios
救難人員從岸邊將拋繩袋拋出
防水尼龍格子布
不吸水高密度浮水片
20米 浮水繩
待救者抱住拋繩袋或順著繩索抓住浮球
抱住內側浮球，浮條固定手臂，不易滑落
一起騎吧!
壹柒 柒捌 Bicycle Tools Seventeen Seventy-eight
03 自行車手工具
HAND TOOLS DESIGN DOUBLE WOW 遇到破胎，進行補胎作業時，需兩隻挖胎棒並用，將兩隻挖胎棒整合為一隻， 造型精巧便於攜帶，改良挖胎棒手握方向使力臂加長，使非專業使用者也能 輕鬆省力操作。
WHAT I DID
議題研究與訪談/ 需求分析/ 概念草圖/3D建模/ 模型製作
PROJECT DATE:
2016.04
一起騎吧!
壹柒 柒捌
Double Wow
Bicycle Tools Seventeen Seventy-eight
目標 族群
鎖定25-40歲的上班
使用 場合
設定在郊區或無自行
產品 特色
遇到破胎，進行補胎
時，會與三五好友相
動，為非專業但對自
胎或漏氣。需更換或
因是對自行車有興趣 便修繕工具。
用，將兩隻挖胎棒整
攜帶，改良挖胎棒手
於車包上作為夜間行
班族，上班前後或國定假日
相約，一同外出進行單車運
自行車有興趣者。
行車店家處，騎車途中爆
或檢查內胎。
趣者，所以會隨身攜帶簡
胎作業時，需兩隻挖胎棒並
整合為一隻，造型精巧便於
手握方向使力臂加長，可置
行駛之反光條。
產品特點 1
2
3
4
1. 將挖胎所需之流程結合到工具 中，能清楚辨識功能。
2. 改良挖胎時的握法及施力方向， 輕鬆不費力。
3. 卡榫和磁扣並用，將兩隻挖胎棒
整合為一，一拿就走，降低其遺失風 險。
4. 使用材質為塑包鐵，使撬胎處較 為圓滑，不傷輪框。
使用流程
打開快拆
現有使用流程
挖胎棒使用流程
使用工具洩氣
收納方便
利用板手尖端挖胎
工具尾端 固定功能
另一支可以配合反手挖胎
正手握法 向前施力
(較難施力)
收納崁入
需攜帶多個單支工具
05
Graphic Design
ILLUSTRATION postcard/sticker/canvas bag
06
Activities
IDF Yuntech TA 2016 Start Point Workshop Digital Maker Education
2016 Transform Idea factory
2016 Dream Hi 劢⢵來肬嚌䙂㾝
2016 罉꠸ⶾ䠑⢵♧㹐 *%' 吥䣔㕨麉剚
2016 Limit Workshop Idea factory
2016-2017 Creative Market DoDo Laboratory