POFORTLIO
個人簡歷
CONTENTS
目 錄
設計作品
UIUX 設計
產品設計
-課堂練習 / 旅遊資訊整合APP -商店銷售及購物流程整合系統 / 育秀盃軟體應用設計
-高齡者自動藥物分配提醒機 -家電設計 / 咖啡機優化 -手工具設計
平面設計
-待完成的夢想 / 猴囝仔 -手工具設計 / 修繕家 -海洋文創設計 / 序洋 -壓克力競賽 / 矛盾 -水泥期末專題 / 你好，孔固力
ĺ?ł
ĺˆťĺ˘ž
+886-978-826-359 kolabm6817@gmail.com 1997ĺš´8ćœˆďźŒĺ‡şç”&#x;ć–źćĄƒĺœ’
2016-2017 陸čť?ĺžŒĺ‹¤č¨“çˇ´ä¸ĺżƒ ćœ?彚 R.O.C. Army Logistics School
2015-迄䝊 ĺœ‹çŤ‹é›˛ćž—ç§‘ćŠ€ĺ¤§ĺ¸ ĺˇĽćĽč¨č¨ˆçłť ĺ°ąĺ¸ä¸ National Yunlin University of Science and Technology Department of Industrial Design 2012-2015 ĺœ‹çŤ‹ĺ“Ąćž—ĺ´‡ĺŻŚéŤ˜ĺˇĽ 厤內犺間č¨č¨ˆç§‘ 畢
National Yuanlin Chungshih Idustrial High School Interior Space Design
4
PROFESSIONAL SKILL
產品設計/介面設計/產品版面編排/3D電腦繪圖
2018 2016 2016 2014
RHINOCEROS
COREL DRAW
SOLIDWORK
AI
KEYSHOT
PS
AWARDS
第十五屆育秀創意賽軟體應用組
入 圍
立督科技-鋁質時代競賽 第二名 全國壓克力設計競賽 工業類科技藝技能競賽 應用設計組 優 勝
2018 2016 2016 2016 2015 2015
ACTIVITY EXPERIENCE
108級雲科工設畢籌會-展示組組長 雲科工設25th期末展覽『OH!海游』 手工具業師指導工作營 創意工坊CNC工作培訓營
第三屆工設鬼屋 『丑態』工作人員 第26屆大型校慶裝置藝術『環、旋轉』製作
WORK EXPERIENCE
2018 5% DESIGN ACTION 彰化設計行動-參與中 社會設計-彰化在地共創與研究 2018 泥好製所-暑期實習生
5
新北板橋
Banqiao
UI UX DESIGN
UI UX шин шиИ
7
R
ute
設計流程 脈絡分析
用戶訪談
旅程分析
現況分析
UX DESIGN
UI DESIGN
目標族群
1.旅遊之前規劃景點時需瀏覽多種網頁及APP 2.各種比較(品質與價格)眾說紛紜
3.如果要舊地重遊會忘了之前規劃
喜歡自行規畫行程的旅行者
Travel / 旅遊資訊整合APP
顧客旅程圖
故事情境
功
能
旅遊前-規劃
旅遊中
旅遊後
A.瀏覽食衣住行樂資料 B.收藏資料 C.比價 D.規劃行程順序
A.找尋目的地路線 B.等待交通工具 C.拍照
A.整理收穫 B.旅途寫照
(排名清單&內容預定)
資料蒐集流程
即時資訊更新
資訊保存紀錄
-用戶可以集中比較，快速評比與收藏資
(路線&時間)
-整理目標即時資訊，減少搜尋體驗
-連結關鍵字得到他人的建議資料
訊，避免資訊來源雜亂而忙於更換平台 -集中資訊做快速順序規劃
9
腳本與流程圖 旅遊整合APP設定了五大功能 : 交通 / 住宿 / 區域活動 / 關鍵字搜尋 / 路程規劃、導航
開啟應用程式之流程圖設定 :
10
交通資訊之流程圖 :
11
住宿資訊之流程圖 :
住宿
查詢地點
查詢日期
輸入文字
選擇日期
確定/取消
確定/取消
入住人數/房數 房數
成人
最近搜尋
孩童
確定/取消
選單
歷史頁面
歷史紀錄
旅遊指南
寫評語
選擇
近期訂房清單
景點查詢
近期訂房清單
住宿點地圖
房間資訊 飯店列表
進階搜尋
價位/評價
是否可帶寵物
選擇 評價
地點
價錢
房間資訊
訂購頁面 輸入文字
有無車位
送出
附近景點推薦
立即訂房 選擇房型
付款方式
12
通知
推薦清單
選擇 重要資訊
訂房查詢
個人資料
資訊總攬
通知 房間資訊
選擇房型 訂房資訊確認
賣家回復
已付款
未付款
區域活動之流程圖 :
13
關鍵字搜尋之流程圖 :
14
路程規劃之流程圖 : 路線規劃
詢問是否定位
定位
是
路線
否
地址
搜尋
評價
星級
景點
已加入 景點清單
推薦景點
搜尋
起點
提醒
終點
網友推薦 行程安排
確定
網友推薦 行程包
照片
排序
啟航
輸入遊玩日期
地圖
月曆
路線 路線 路線 GO A B C
輸入 遊玩日期
排序
其他 推薦景點
啟航
地圖
15
WIREFRAME 以IOS作業系統為基準進行手繪線框圖
16
17
UI 介面
開啟應用程式畫面 : - APP 輪播介紹
18
- APP 輪播介紹
- APP 登入頁面
- 詢問是否連結臉書
- 個人選單列
- 進入五大功能頁 當點擊時Icon會放大並顯示名稱
19
UI 介面 交通資訊功能畫面介紹 : -整合台灣四大交通工具 讓使用者更直覺使用
火車
20
單車
機車
公車
UI 介面 住宿資訊功能畫面介紹 : -整合景點及住宿店家資訊
讓使用者更快速連結附近遊玩景點 節省過多app切換困擾
完成訂房
訂房選單列
21
UI 介面 區域活動功能畫面介紹 :
- 使用者可以更立即的透過區域輸入
將所在地附近的活動清單條列出來
-店家也可以建立活動吸引人潮
輸入區域進行查詢
細項點擊可以聯絡店家 或加入最愛
店家也可以自行建立活動 形成雙向系統
22
UI 介面 路線規劃功能畫面介紹 :
主要分成路線及景點兩大規劃
-路線可以透過輸入想去的區域(大範圍) -景點可以輸入特別想去的路名(小範圍)
23
UI 介面 關鍵字搜尋功能畫面介紹 :
- 使用者簡單輸入印象中的字詞 系統透過大數據快速搜尋相關 名單
詢問是否開啟權限
點開後可以透過系統連結店家電話 不用再額外查詢
24
指 專 擔 使
導 案 任 用
老 組 職 者
師 員 務 經
:陳詩捷 : 雷 政 諭、吳 軒 儒 : 驗 研 究、U I 介 面 設 計
R ut
e
25
設計背景
我們發現雖然最普遍的網購風潮，手機平板立即下單就能簡單購物， 但仍有許多消費者對於實物的真實性還是保持懷疑，寧可親自到店家。
現況分析
設定場域&目標市場
-放置於店家中的每個個人購物空間 -個人手機應用程式
-流通於網路商店與實體商店之間
影片連結
目標族群
1.許多消費者較不願意店員一直隨旁推銷以及介紹(需私人空間)
喜歡網購又講求私人空間之消費者
2.當要試穿時，店員總是需要來回多趟的拿取(易耗時)
3.草率決定購買，可能還會因尺寸不合而需換貨或退款(尺寸不全)
顧客旅程圖
故事情境
功
能
消費前
A.瀏覽APP最新商品 B.預約要的商品 C.查詢最近實體店家及庫存
消費中
A.享受個人購物空間 B.關鍵字快速找尋要的風格 C.倉儲自動遞送要試穿的商品
資訊推播及商品現況
雲端大數據分析
-消費者能更快速接收最新資訊及查詢
-建立風格大數據於雲端， 讓消費者更直覺挑選自己想要的商品 並透過自動倉儲遞送
(庫存清單&商品預約)
最近店家庫存，可提前預約有興趣的 商品，避免白跑一趟
(商品風格)
消費後
A.快速回收試穿品 B.多個結帳平台，減少人流堵塞
售後服務 -透過回收機器人將試穿後的商品收回 讓人員專注為消費者服務
27
特色功能
個人購物空間
考量每位消費者的需求 不同，提供一個更專屬 的舒適購物空間。
28
自動倉儲科技
透過此技術，使商品可 以被快速選取並送到顧 客手中。
關鍵字搜尋
可輸入自己的喜好風格 關鍵字或直接輸入式， 透過VPI，機器可快速搜 尋符合的商品。
自動商品回收機器人 透過回收機器人，可以 省去在商品整理上的時 間，提升整體商店的服 務品質。
回收機器人出發點為掃地機器人的概念，因為在路徑規劃的技術上，是掃地機器人核心技術之一。路徑 規劃分類為兩種: 1/點到點的路徑規劃、2/完全遍歷路徑規劃。
本自動商品回收機器人採用 點到點的路徑技術，點到點為顧客個人購物空間到店內回收放置地。 路徑移動上以室內定位技術為主，並且透過硬體的紅外線探測器，偵測周遭是否有非固定位置之移動 物件，防止機器人發生碰撞。
自動回收機器人運作原理
29
系統架構 本系統架構分為四區塊
A.店面 (STOREFRONT) B.倉庫 (WAREHOUSE) C.家中或戶外 (AT HOME AND OUTSIDE) D.雲端伺服器 (CLOUD)
平台類型 : Android / OpenStack 30
店 面 (STOREFRONT)
提供消費者個人購買環境的區域，與規劃的系統讓消費者僅操作平板就能簡易的挑選商品。系統依據風格分類的排 序與顏色的區分，提供消費者能依自己的喜好在琳瑯滿目的商品中挑選適合自己的，省續大量的時間。 試穿商品的部分，則依靠輸送帶將倉庫的貨品自動化地送達給消費者，省去店員的找貨時間。對於試穿後不要的商品 ，本系統提供自動整理機器人，將消費者試穿不要的商品，自動化地收取，並根據室內定位技術將收取的商品送達指 定區域，靠著機器人自動化的協助，省下店員的人力成本。
倉 庫 (WAREHOUSE)
當貨物進貨至倉庫時，會同時在雲端伺服器建立資料，且當倉管人員放置貨品時，隨時地更新存放的位置(代號)至雲 端伺服器。上述描述是為了當消費者使用平板時，選到中意商品想要試穿，這時倉管人員會收到此要求，系統也會自 動找尋該商品的資料(存放位置)顯示出來，透過自動倉儲技術也可以快速找到該商品，並且送至輸送帶上，進而減少 尋找商品的時間。
家 中或室外 (AT HOME AND OUTSIDE)
消費者可以依照需求下載APP，APP上能推播最新商品的訊息，使現在普及手機用戶都能收到訊息，減少額外打廣告 的開銷。也供消費者能查詢商品的庫存量，以避免讓消費者到店家撲空白跑一趟，都是為了提高消費者的服務品質。
雲 端伺服器 (CLOUD)
本伺服器架構採用Map-Reduce之技術，因應大量數據資料的運算處理，將複雜運算量高的工作，做分散式的運算處 理，達到即時的運算結果。用來負責店面、倉庫和室外手機上的資料管理，雲端伺服器的資源管理可藉由OpenStack ，提供資源的分配、管理介面、自動部署...等優點，簡化伺服器管理上的複雜。
31
STEP.1
STEP.2
32
UI 介面
STEP.3
應用程式首頁介面
點選「 進入商城 」或「 快速購買 」 -進入商城 : 對於喜歡在店家慢慢挑選的消費者 -快速購買 : 對於已挑選完商品的消費者
STEP.4
點選「 男生 」或「 女生 」專區
點選自己喜愛的風格或輸入關鍵字搜尋
STEP.5
STEP.6
STEP.7
點選左排自己喜愛的風格跟尺寸
登入後，勾選自己要的商品並向倉儲提出試穿要求
登入頁面，可透過其他方式連動
「 快速購買 」於手機商城APP先行儲存 喜愛的商品QR Code，並進行讀取
33
台北士林
Shilin
PRODUCT DESIGN
產品 設 計
35
DRUG REMINDER
FOR Elderly 自動藥物分配提醒機 高齡者因大腦記憶力退化而產生的老人健忘，它主要是暫時性的 記憶障礙，只需要透過旁人提醒就能想起。 主要是要避免影響高齡者的居家生活機能以及透過提醒的方式， 減少想不起來的煩躁感。
36
Good life from now on
問題發現
設計目的
目標族群
PROBLEM
PURPOSE
TARGETS
高齡者因生理機能退化產生的後遺症
-避免影響高齡者居家生活機能。 -有聯想的提供記事提醒，減少 想不起來的煩躁感。
-退休在家料理事事的高齡者。 -重複吃、吃錯藥。 -用藥時間錯誤。
-大腦記憶力退化
-內分泌的減緩 -感覺系統敏感度降低 -身體肌力降低 -抵抗力下降
-健忘症( 暫時性記憶障礙 )
?
?
大腦的檢索能力出現障礙。資訊 在，但暫時找不到或花了一些時 間才找到。
37
特色功能
FEATURES
-Wisdom prescription sign -AI Voice Assistant Monitoring -LED flashes -TIME alarm reminder
38
/ 智慧處方籤 / AI語音助理監控 / LED閃爍燈光 / 時間鬧鈴提醒
故事情境
操作流程
SITUAYION
OPERATE 按下啟動並插入健保卡
A*3 B*2
領藥時 Get medicine
醫護人員與長者間的溝通落差
點選設定並依照指令配藥
社工人員不懂該如何長者分藥
容易有忘記吃、吃太多、處方籤內容
分藥時 Dispense medicine
用藥時 Medicate
設定每日定時定量鬧鐘
39
LIANG
手工具設計-捲尺改良設計
40
問題發現
設計目的
目標族群
PROBLEM
PURPOSE
TARGETS
於量測尺寸時
-降低高空施工者的危險性
-須高處攀爬且測量之使用者
-手中無任何可畫記的工具
-在高處施工時，容易造成重心不穩而發生危險
-量測距離過長時，容易有前端鬆脫的困擾
-提高作業施工效率
-給予使用者更流程的體驗
41
功能操作
側邊垂直量尺取出
OPERATE
STEP 2
固定於量測好的位置 並用大拇指將滾輪推出
伸縮滾輪設計
滾輪式畫線 42
STEP 3
STEP 1
推出後 即可滾動劃記
手與量尺呈垂直狀態 並將捲尺取出
LIANG
43
Enjoy Your Coffice Time
MAI
COFFEE Machine
44
問題發現
設計目的
PROBLEM
咖啡是許多上班族上班前必備的飲品， 但往往因早起時間太快倉促無法到超 商買或公司內的咖啡口味不合自己。
PURPOSE
以下功能要點 : 1.快速、好清洗 2.輕便、好組裝 來滿足喜歡享受個人時光的上班族
故事情境
SITUATION 平日 假日
起床
-快速 -定時 -操作簡單
早午餐
通勤 -輕便 -收納 -防漏
辦公
-快速 -好清洗
出遊
-輕便 -好組裝 -好攜帶
午餐
-快速 -定時 -操作簡單
下午茶 -口味多 -容量大 -快速
加班 -快速 -方便
下午茶 -口味 -氣氛
45
設計草圖
SKETCH
46
特色功能
FEATURES -智慧溫度感測 / -功能操作外顯 / -加熱呼吸燈提醒 / -便利按壓彈出
操作流程
OPERATE
WATER
COFFEE
Put WATER in
Heating level
40>70>100%
Wait for machine working
Press to pop up 47
台南
Tainan
GRAPHIC DESIGN
平面 設 計
49
-待完成的夢想 / 組形象-猴囝仔 A 50
-待完成的夢想 / 組形象-猴囝仔 B 51
手工具設計 / 修繕家
52
53
54
-海洋文創設計 / 組形象-序洋
55
CONTRADICTION
-壓克力設計競賽 / 組形象-矛盾 A 56
CONTRADICTION
-壓克力設計競賽 / 組形象-矛盾 B 57
水泥期末專題形象 / 你好，孔固力
58
グ ッ ド 泥
ホ ー ル 固 体 力
59
KE KEN,WU 吳 刻 墾 +886-978-826-359 kolabffm6817@gmail.com