Y U
C
H I
A O -
C
H I 2
0 1
9
D E S I G N
P O R T F O L I O
個人作品集
游 蕎 綺
I’M READY TO GO.
01
02
關於作品集 About portfolio
謝謝撥冗閱讀我的個人作品集 一起感受二十二的我對設計的熱忱
03
C O N T E N T S
CONTENTS / 目 錄 P. 5
關於我 簡介 INTRODUCTION 自 傳 AU OT B I O G R A P H C H
特殊經歷
I
P.1 2
A O
教 育 部 技 藝 競 賽 S K I L L CO M P E T I T I O N
H I
DATA H U T ｜web UI/UX
C
雅 虎 實 習 YA H O O U E D I N T E R S H I P
3 6 0 N E W F E AT U R E ｜ios UI/UX
F O L
互動設計
R T
P. 3 1
O
樂團人生 MY MUSIC BAND
P
E M A I L T E M P L AT E ｜RWD
I O
S P O R T CO L L E G E 運 動 大 學 ｜ U I / U X E - D I A RY 交 換 日 記 ｜ U I / U X 指尖上的故宮｜VR EXHIBITION
04
A B O U T M E
關於我 C H
About me
I A O C H
體驗、設計、音樂
I
做個實現影響力的設計旅人
P O R T
自 傳 AU OT B I O G R A P H
P. 9
L
P.7
F O
簡介 INTRODUCTION
I O
06
誕生於 1 9 9 6/0 8 /24
是一個熱愛產品設計的人， 認為創造進入使用者生活的好產品 是一件幸福又有趣的事。
國立臺灣科技大學 設計研究所（工業設計組） +886-956-910-190 chiaochiyu@gmail.com
應聘崗位：交互設計 畢業時間：2020.06 07
Education / 教 育 背 景
國立臺灣科技大學
國立臺灣科技大學
台北市士林高商
設計研究所
工商業設計系
廣告設計系
2018 ~ Present
2014 ~ 2018
2011 ~ 2014
產品設計、物聯網、大數據
工業設計、使用者經驗、介面設計
平面設計、網頁設計
Experience / 個 人 經 歷 201 7-1 8
雅 虎 奇 摩 1 7.7-1 8 . 2
201 7-1 8
UED用戶體驗設計團隊｜實習生 201 8 -1 9
資 訊 工 業 策 進 會 1 8 . 8 -1 9 .1
宣傳組｜票務組長 2017.10
大數據物聯網｜產學合作專案 2 01 8-1 9
熱 點 文 創 公 司 1 8 . 8 -1 9 .1
台 灣 專 利 取 得 M 5 6 6 47 1 號
201 8.0 5
故宮博物院國寶衍生商品設計競賽
2017.06 臺 灣 科 技 大 學 1 0 5 學 年 度 書 卷 獎
工商業設計系排 第一名 201 5 -1 6 臺 科 大 吉 他 社 1 5 .07-1 6 .0 8
視覺設計｜社團幹部
家飾用品設計組｜入圍 201 9.03
銘傳大學國際學術研討會
臺灣科技大學 金絃獎21屆 大專團體組 第一名
寵物氣味碗｜畢製產品 2 01 9.03
REVIEWS 2 01 7 產品類別｜入選交流
矽橡膠商品｜產學合作專案 2 01 8.1 2
台科北科雲科三校聯合設計展
201 6-01 教 育 部 高 職 技 藝 競 賽 1 0 2 學 年 度
智能設計 x 跨域整合｜論文投稿
網頁設計｜金手獎 全台第五名
Exhibition / 參 與 展 覽 2 01 8.05
201 5 -1 7
台 科 北 科 雲 科 H A S H TAG 聯 展
台 科 設 計 週 1 5 .1 6 .1 7
寵物餵藥系列產品 展出
連續三年多項作品入圍展出
08
Autobiography / 自 傳 抓周抓了一支畫筆後，沒想到真的從此踏上設計一途，自幼好奇 又頑皮，最愛說的一句話是為什麼，觀察與解決是我的本領、有趣與遊 戲是我的天性，學習設計來到第七年，從平面跨域到立體，我樂於學習 各種詮釋產品符號與全新互動方式的設計嘗試，從挖掘潛在需求、創造 需求、做出真正走入使用者生活、讓他們會心一笑，能創造價值與帶來 影響的產品，是我的最大的設計渴望，面對迎來的未知與全新挑戰，我 相信都是能讓我找到更好我的自己。
1996 誕生
2011 進入廣告設計
許多為什麼
起
2017
實習
2014 進入工業設計
2018 設計研究所
因為喜歡愛畫畫、想東想西，高職時期我就果斷選擇了設計類群
—廣告設計系，本身就喜歡跨領域學習的自己，因緣際會第一次接觸到 了網頁設計，透過自發性苦練當上代表學校的選手，參加了全台性質的 技藝競賽，並拿到了全台第五的名次，也自此奠定對設計的熱愛，也有 了想做出更有影響力產品的夢想。
承
為了能做出更貼近人生活的設計，大學我選擇以使用者為中心之
思考模式的工業設計，從產品至其延伸服務的軟體，我更進一步學習到 了如何設計介面，學著用各式各樣方式創造出能解決問題與帶來微笑的 產品，之後也幸運到了以使用者為中心思維的—Y A H O O 奇摩用戶體驗 產品部門，做了半年的雅虎實習生。
09
轉
經半年在Y A H O O 的實習訓練，我了解到業界如何做設計，以
及如何在有限情況下分配資源，也因真實面對眾多使用者，我意識 到無論產品類型、規模大小，未來都不可缺少導「數據」思維，從 前期問題發現到後續驗證產品，每個環節都得緊扣數字概念，我相 信質化量化並行能發現與挖掘那些具潛力的使用者需求，而軟體服 務與硬體產品整合會是未來趨勢，因此研究所我選擇到了相關專業 的研究室，期望自己未來能做出更具說服、自適應力、賦能給使用 者的好設計。
合
為了能更深入了解大公司下的互聯網產業與幫助畢業後能順
利進入互聯網領域，我希望在研究所就讀期間能至騰訊的交互崗位 做實習，讓自己能擁面對上億使用者的設計實戰經歷，並在設計應 用上能探求更多樣的可能性，身為一個熱愛設計的人，我想為社會 帶來更有價值、具正面影響力的好產品，發揮自己的設計影響力。
‘’ Stay hungry, stay foolish. “ 體驗
設計
音樂
10
11
S p e c i a l E x p e r i e n c e
特殊經歷 Special Experience
C
未知與挑戰帶著我探索與成長
H I
談些深刻影響我人生的事
A O C H I
全 國 高 中 技 藝 競 賽 S K I L L Ｓ CO M P E T I T I O N
P.1 3 P
P.1 5
O
雅 虎 實 習 YA H O O U E D I N T E R S H I P
R T
DATA H U T ｜web UI/UX
F O
E M A I L T E M P L AT E ｜RWD 3 6 0 N E W F E AT U R E ｜ios UI/UX
L
P. 2 5
I O
樂團人生 MY MUSIC BAND
12
全國高等中學技藝競賽 National Skills Competition
回朔到我對「互動」一詞的熱愛誕
13
而多數比這個項目的選手都是資訊類組
生點，當時2012年，17歲的我經歷了
的同學，廣告設計針對這方面的課其實
在廣告設計系裡最為充實與熱忱的一段
是少之又少，我相信這也是讓我更沒框
時間，非資訊類組的我—當上了網頁設
架的原因之一，由於在介面設計上的表
計的校選手，透過系上的一堂課，我恰
現手法跟其他偏商業的網站作品都很不
好接觸了當時流行的軟體 Flash 跟
一樣，讓我拿到全台金手獎第五名的優
Dream weaver，開啟了我對互動式網站
異競賽成績，所以真的很謝謝當時負責
的興趣與好奇心，那也是我第一次跨域
的老師願意信任我給我機會，將我選為
經驗，賭著喜歡、很想做看看的這口氣
代表選手、訓練我，謝謝相信自己的自
，快要大考的自己依舊報名了校內網頁
己，固執選擇的那份熱忱，也開啟了我
設計選手的徵選。
未來的重要設計道路。
AWARD: 獲 得 網 頁 設 計 金 手 獎 第 五 ( 1 0 2 學 年 度 )
「一無所有，才能創造別人口中的不可能。」
技藝競賽的經歷，不僅讓我學到最基本
對人與設計中的互動一直都很感興趣的
的毅力、自學、執行力的重要性，它更
我，從廣告走到網頁設計，認為我需要
教會我要「相信」自己可以，相信自己
不斷學習詮釋的手法，我才能發現更多
的熱忱所在真的能成為你做任何事的動
互動的可能性。我相信一個好的設計不
力。當初因不是本科生去比賽，練習摸
僅是解決問題、達到傳達目的，背後邏
索的過程不斷地受挫之外，其實也不斷
輯構成的流暢度，以及能否超出使用者
被希望我能專心考到好大學的家人們勸
所預期，甚至讓他們留下「會心一笑」
退，他們擔憂當時的我一心比賽，會因
的深刻印象，好設計就像好廣告一般，
此書沒讀好或成績下滑，但我願意相信
是能深植人心的，這也是我在廣告設計
自己能做到，而努力到最後一刻，也真
系中形成的個人設計特質，也是持續到
的如願拿到了競賽好名次。
現在我對自身設計的堅持與渴望。
14
2 0 1 7. 0 7 - 2 0 1 8 . 0 2
INTERNSHIP
15
LOCATION: USER EXPERIENCE DESIGN TEAM
「遇見機會來自相信，創造驚嘆源於體驗。」
分 享 於 Medium的 實 習 心 得
16
雅虎奇摩實習 IN T E RNSH IP AT YAH OO! U ED T EA M
大三那年，我進到了以使用者
17 03
我 所 在 的 拍 賣 Team（ 如 上 圖 ） 是
為中心的網路公司YAHOO實習，
UED TEAM裡 的 小創新部 門 ， 在 拍 賣
在用戶體驗設計團隊的日子，有從
這 個 C2C產 品 線 裡 ， 使 用 者 就 是 我
零到一，與研究員、前後端合作，
們生活周遭的人，這讓我們更容易
實際做出給雅虎員工使用的全新產
地接觸使用者，而且也能自己變身
品，也做了許多真正接觸雅虎使用
成使用者與他們交流，在這我們可
者的上線作品，半年內累積了很多
以做很多大膽的嘗試，讓產品發揮
有趣又完整執行的專案。
更多潛能。
18
Your new instant data partner.
D A T A H U T 是 一 個 創 新 的 Dashboard 數據系 統 ， 重 點 式 呈 現 所 需 數 據 之 即 時 資訊，讓無聊難懂的數據變得易讀有趣 直覺、即時、整合三大特色要點，帶給 使用者不同的工作體驗。
這是我在暑期的第一個完整專案，前期 總共深度訪談了橫跨四大類的六位CM了 解目標族群的一天與拍賣現況，同時找 出用戶痛點與潛在需求：操作繁瑣、資 訊分散、不夠即時，評估歸納後朝可發 展機會點後進行後續設計概念驗證，回 訪時給User做Protoytype測試與再訪， 優化後與前後端合作將產品上線，並做 最後的成果發表。
19
20
21
拍 賣 RW D 電 郵 型 版 YA HO O E m ai l Tem p l ate D es i g n
這是已經對外上線的設計，獨立 負責UI/UX的RWD專案，第一次與公 司內部的正職工程端溝通合作從前期 訪談USER、了解需求，重新改版了 Email的內容資訊與接收體驗，目前 已實際應用於YAHOO拍賣、YAHOO 港拍…。
22
拍賣360商品新功能 Auc tion s iOS/A n dr iod New Feat ure
從零到一的獨立UI/UX專案，拍賣 全新功能360度商品，從Feature開發 ，到後續如何推廣、引導使用，上線所 有細節項目都是一條龍做，包含後續自 己拍攝360度商品做上架測試，與網路 宣傳教程影片…等等。 這是我覺得最酷、最大膽的一個專案了 從功能設計、工程開發甚至「設計」如 何宣傳此功能，可以說是從設計跨到行 銷端，謝謝團隊給我做了很大的自由與 嘗試。 - Feature cue - Gaming Promotion - Using Tutorial
23
我的樂團人生 ABOUT MY MUSIC LIFE
25
2018.05~
LOCATION: Blue Faith Music Band / Vocalist
「創造獨一無二的自我。」
藍 色 信 仰 Youtube 頻 道
26
從幹部走到主唱 小時候除了畫畫，其實也是很喜歡 唱歌的小孩，長大後一直不斷鍛鍊 自己的歌唱技巧，一直是一個個人 重要抒發情感的管道，我是喜歡寫 詞的人，為了譜曲我決定參加音樂 相關的社團，到了台科，我在2015 年進入了絃韻吉他社當 上了主要幹 部，負責多項活動、營隊、音樂展 演，不僅是在音樂層面進步了，也 獲得當幹部的實務經驗。 在2018年的五月決定與一直合作 的夥伴成立民謠樂團，有許多民謠 比賽獲獎、商業演出、接案寫曲的 經歷，今年不僅自創曲在2019年獲 得美國尊爵影展原創歌曲獎，我們 也正式發行了自己的專輯，一手包 辦所有設計與發專活動，我把握每 次上台，也利用所長來玩樂團，是 影響我很深刻的第二興趣，也是除 了設計外一直持續的熱忱夢。
27
2019.03 發行樂團首張專輯—《沒有魚的海洋》
「有理的固執就得繼續堅持。」
得獎經歷 2016 台科大企機達人秀 / 冠軍 2016 台科大金歌盃 / 冠軍 2017 台科大金歌盃 / 季軍 2017 北科大赤弦獎 / 大專團體組 / 季軍 2018 台科大金絃獎 / 大專團體組 / 冠軍 2018 大同大學銅釦獎 / 團體組 / 季軍 2019 美國尊爵影展 / 原創歌曲獎
演出經歷 2017 弦琴藝致 / 首場音樂分享會 2017 YAHOO夢想超展開 / 華山演出 2018 弦琴藝致 / 畢業音樂分享會 2018 台南趣淘漫旅 / 邀約演出 2018 白金漢國際小學 / 邀約演出 2018 存在音樂 / 邀約演出 2018 聽不見的赫茲 / 發專前導場 2018 金歌盃《防冬演練》/ 嘉賓演出 2019 駐唱歌手 / 克勞斯咖啡廳 2019 沒有魚的海洋 / 海邊的卡夫卡
28
29
I N T E R A C T I O N D E S I N G
互動設計 Interaction Design
C
著迷於人與設計的互動關係，
H I
做出走進使用者生活與心裡的產品。
A O C H I
P. 3 1
交 換 日 記 E - D I A RY A P P ｜U I / U X
P. 3 9
指 尖 上 的 故 宮 V R E X H I B I T I O N ｜ 3 D/ U X
P45
P
運 動 大 學 S P O R T CO L L E G E ｜U I / U X
O R T F O L I O
30
SportCollege A n i m a t e Yo u r C o l l e g e L i f e
韋如
蕎綺
立全
這是一款大學生運動交友APP， 學生可以自由參加報名及舉辦以校區 為擴散點的運動活動，甚至可以組團 與其他團隊下戰帖進行友誼賽，藉此 APP找到運動的同好，發展成更為常 態的運動關係，進而維持更好、穩定 的運動習慣。
設 計 過 程 分 享 紀 錄 於 Medium
31
32
Background / 動 機 前期透過組內分享生活上遇見的問題，發現大家對於「運動」時碰到問題 點很雷同，我們認為讓人無法持續的原因主要是缺少「人」陪伴，基此原 因，我們決定嘗試做與運動陪伴相關的驗證與設計，以此為目標，後續我 們擬定了研究流程，並依序往下進行驗證及訪問。
問卷驗證法
卡片分類法
發現問題
概念發想
需求驗證
概念驗證
人物誌 機會點
概念修正 二次驗證
Questionnaire / 問 卷 調 查 初步發現問題後，為了驗證使用族群是否「真實」有這樣的需求，以及想 了 解 設 計 於 市 場 之 發 展 可 行 性 ， 我 們 利 用 「 問 卷 驗 證 法 」 蒐 集 到 了 300份 的 問卷，其中族群分布又以學生為主，因此團隊共同決定將「目標族群」訂 為學生族群，並藉問卷之問答中發現，主要有四種導致人打消運動念頭與 五種能提升運動意願的因素。
1. 一個人運動的孤單
1. 有朋友的陪伴
2. 新運動因不熟悉 面子問題而不敢嘗試
2. 增加成就感
3. 團體運動揪不到人一起
4. 結交志同道合的朋友
4. 沒有專業的人教導
5. 有專業的人教學
3. 找到程度相近一起運動
除此之外，問卷中問了「有人陪伴是否能提 升你的運動意願？」並讓他們 以1至5去做 評分，問卷的結果平均為4.2分，這高度顯 示「陪伴」在提升人運動意願中扮演很大的 角色。
33
經由統整概念訪談後的結果，針對運動交友我們發現：
對象
活動
場所
希望運動對象是年齡、
希望是熟悉地點並且開
相近族群相近的學生，
放性之空間，如學校的
因背景相近可大大提升
戶外籃球場，較能降低
使用的安全感及提升運
他們的疑慮及提升對活
動過程之話題性。
動的信任、安全感。
希望不只是一次性活動 期待可藉此找到合適人 一起參加比賽，或培養 成常態性之運動活動。
Persona / 人 物 誌 針對有運動習慣的族群實際訪談後，我們歸納出兩種目標客群：有運動習 慣的人、斷斷續續運動的人，並繪製三個人物誌，分別定義出他們各自的 行為、需求目標、情境，以設計出更符合目標族群的設計。
Jack
Katty
Nancy
籃球校隊愛運動 之外向男大生
專於排球愛比賽 之系女排隊長。
常常被動式運動 之女大學生。
Features / 產 品 特 色 經由以上研究及訪問驗證，我們修正了最原本的概念設計 方向(瀏覽活動、隨機配對、建立活動)，並參考人物誌後 優化設計為以下五大功能：
活動列表
創建活動
團隊列表
聊天室
個人頁面
POP做後續實際操作驗證
34
活動列表
迅速瀏覽 搜尋校園運動 隨時找到與你速配、鄰近的活動
瀏覽運動活動 為最主要功能之一，也是呈現運動活動的頁面，我們期待使用者能夠 迅速去瀏覽自己需要的活動，包含基本的運動種類篩選，及以校區為 中心出發的地點篩選，你可以在這看到活動創辦主資訊、程度要求， 還有該活動的男女人數比例，以及參與成員的資訊，使用者可依需求 ，更迅速、方便的挑選自己想要之運動活動。
35 03
創建活動
舉辦運動 找夥伴變得輕鬆 創立屬於你的活動！找運動同好更容易了！
舉辦運動活動 這個功能是讓使用者輕鬆、直覺的舉辦專屬的運動活動，介面上設計簡易， 透過種類選取、照片上傳、主題命名、校區選擇，及其他條件門檻來建立活動 ，讓其他人可以報名參加使用者創辦的活動，初步除了先透過簡單條件門檻來 篩選，活動舉辦人也能藉由審核機制決定誰能參加這個運動活動。
36
聊天室
隨時聊天 相約更容易 活動、好友專屬聊天室 暢聊你們的運動生活！
即時聊天系統 為了隱私性，我們不讓使用者需用到第二軟體去做活動方面的聯繫， 所以開發了這個功能，因此使用者除了能與「共同活動」背景下之參 與者有專屬聊天室外，還可透過社群帳號連結自己的好友開啟聊天室 ，以及團隊也涵蓋在功能裡，讓使用者能「直接」地透過APP去做即 時的溝通與聯繫，完全不須用到自己原先的私密軟體。
37
團隊列表
團隊競賽 即刻發送戰帖 隨時組團，挑戰更強的團隊！
團隊友誼賽 團隊競賽這個需求，主要為針對 「平常有固定運動夥伴」的人開發的，同時也 能引起單一運動者的組織慾，以增加使用者更多元的運動習慣， 如何讓這些已 經有長期夥伴、運動習慣的人打破既有原則，以良性友誼賽競爭方式，由「團 隊」這樣更緊密連結性為出發點，讓他們既可不脫離原本族群，又能去尋找新 運動關係。
38
一天一篇日記交換彼此生活， 現在開始你的文字交友旅程吧!
39
E-DIARY操作影片
40
人與人
文字交流
隨時分享
線上日記
Design Concept / 設 計 理 念 E-Diary是一款線上交換日記APP，日記往往比傳訊息更能乘載 感情，是個更真誠的交流方式，E-Diary交換日記藉由一天限制「只 能寫一篇」日記的方式認識陌生人，或是也可以選擇和自己的朋友 閨密交換日記，介面簡單操作，同時也能養成使用者定期寫日記的 良好習慣。
Background / 動 機 在即時通訊橫行的年代，思考少了些、感動也少了點，要講「什 麼」的時間已經被迫大幅縮短，E-Diary是一款想讓現代人好考思考 面對重要人時要說些什麼，透過兒時的交換日記概念來重現「專屬 」感並重新認識彼此，透過每日一篇日記的好習慣，亦可以認識一 個真心想了解你的陌生人或異國朋友。
41
42
心情引導式寫日記 同時將心情紀錄至個人專頁，情緒起伏一把罩！
選擇你想認識的國籍 想認識外國人嗎？讓你的文字情感與異國人共鳴吧！
朋友分類更迅速 自定義你所想要的日記封面，每個人都專屬一本！
15日
屬於你的月份心情表 透過每次選擇的心情來做紀錄，隨時調整狀態！
內文撰寫之貼圖、筆刷更豐富 顏色、粗細、樣式一次滿足！讓日記滿滿誠意的好工具！
Diary Lock
43
強大密碼鎖 指紋、畫圖樣、鎖密碼，給您最好的隱私防護！
44
故宮一直是世人追尋傳奇的寶地，文物們靜謐地傳承著歷史的結晶 在《指尖上的故宮》裡，你可以觸動傳世千年的文物百態，身歷其 境世代相傳的傳統古文物與古樸建築風韻中，嚐盡各代王朝的智慧 與品味，並通過實境鏡頭穿越一個個民族記憶中最精華的篇章。
看看全新體驗故宮的方式
45
方太后 琼儀
游貴妃 蕎綺
高太宗 李恩
曾宰相 唯哲
孫太醫 振國
林太監 政隆
乾隆玉璽 ｜蓋章任務
選擇玉璽 > 在畫上蓋下印章 > 蓋完5次 > 完成體驗
玉璽是從春秋戰國時期作為憑證的信物和管理身份之象徵，到唐宋開 始衍生出抒發情懷的「文人閒章」，經歷了近千年發展，到了清代乾 隆把「閒章」功能發揮到了極致，個人璽印多達1 8 0 0 多個。
茄楠天香 ｜香丸任務
香箸夾取香丸 > 置入香爐內 > 聞到陣陣香氣 > 完成體驗
品香是經常用來沉澱心靈的方法，自古以來為世人所重，在生活、宗 教、醫學都被妥善使用，發展出獨特鑑賞方式、隨身香佩及薰燃器具 成為奢華尊貴又帶有士人風雅的香玩文化。
鳥紋戈 ｜攻擊任務
靠近稻草人 > 進入勾擊 > 擊殺三次後稻草人倒下 > 完成體驗
戈是中國古代的一種長柄兵器，鳥紋戈是商晚期青銅器，尾端鑄刻鳥 紋，中間有稜脊。全器覆蓋了綠色、藍色的銅鏽，極其精美，長達3 2 公分，是目前可見到的商代君主武丁時期，形制最大的鳥形曲內戈。
飲酒觚 ｜喝酒任務
拿取觚 > 飲酒動作 > 酒醉搖晃感 > 喝完三杯 > 完成體驗
觚是中國古代的一種用於承酒的禮器，盛行於商晚期和西周，材質為 青銅。圈足，敞口，長身，口部底部都呈現為喇叭狀，形似尊。有圓 胴和方胴、出戟和無出戟等之分。宋和明清時期所製者則多為瓷質。
46
「做個能在深海裡承壓， 也能勇於躍出水追夢的小眼虎鯨。」