2019.11
賴 俞 安
作 品
錄 目 00 01 02 03
t n e t n o C
自我介紹 Introduce 關於我
00
經歷
活動策畫 Preparation Activity
01
平面設計 Graphic Design
03
六月革命 The June Revolution
居家整聊室 文字造型
Photoshop影像合成
Stroneer 創業100 桌遊品牌CIS設計 概念海報
介面設計 UI/UX Design 口袋美食地圖 Foodist INfestival
13
賴 俞 安 Lai
Yu
1995/07/19
An
個性隨和 / 喜歡音樂 / 充滿好奇 / 樂於接受挑戰
0921-869864 j21869864@gmail.com
畢業於虎尾科技大學休閒遊憩系，需頻繁的走訪鄉鎮社區進行社區營照，透過訪談及觀察等方式研究當地文化，擅長聆聽不
同意見並溝通。充滿好奇心與耐心，願意接受未知的挑戰。喜歡學習樂於分享，因此結識了許多不同領域的人，並從他們身上學習 知識與技術。對自己要求且學習能力高，因此常獲得同事及上司的信任。對設計感興趣，對使用者介面以及使用者體驗設計也抱 有熱忱。大學參與過許多設計思考的課程的關係，因此對於人的行為有敏銳的洞察力，也擅於思考行為背後的脈絡與思維。
我最大的優勢就是涉略過許多領域、學過許多軟體，能依需求選用適合的解決方法，每次的案子都會盡我所能的運用所學技
能，遇到問題也會馬上詢問，態度認真負責，是個公私分明能動能靜的人。
學歷
語言 中文
2010
國立東勢高級工業學校
2013
國立虎尾科技大學
2016
國立虎尾科技大學
2016
財團法人飛捷文教基金會
2018
赫綵設計學院
2013
日語 英文
2017
證照
2017
乙級 圖文組板技術士 丙級 圖文組板技術士
2017
丙級 建築製圖技術士 AutoCAD國際認證
2020
室內設計科 休閒遊憩系
企業管理系 三創辦公室 創新創業圓夢學程 Design For Taiwan 商業視覺平面設計 前端網站架設實務 UI視覺介面設計
Office software
Graphic design
UI Design
Excel
PhotoShop
Sketch
PowerPoint
InDesign
InVision
Word
Illustrator
Landscape Architecture AutoCAD
Atlantis
ArchiCAD
Sketch up
Adobe XD
經歷 2014.06
2015.06
虎科大熱音社, 美宣長
・文宣產品及網路行銷平面設計
・ 六月革命-雲林音樂祭 宣傳片道具及庶務 ・ 分配組內成員工作
2015.06
2016.06
虎科大熱音社, 副社長
・ 活動策劃及排程規劃 ・ 籌會排程規劃 ・ 社團內部庶務
2016.07
2016.09
新綠地景觀有限股份公司, 實習生
・ 講座活動籌備及記錄 ・ 等高圖模型
・ 社區美化及鄉鎮遊程規劃
2017.09
2017.12
居家整聊室, 網路行銷平面設計師
・ 社群媒體文章及公司網頁配圖製作 ・ 公司網頁前端設計 ・ 活動DM設計
2017.11
2018.11
玧修文物保護事業, 專案助理 1. 嚴家淦 先生 故居包裝案 ・ 攝影或掃瞄文物 ・ 文物編號及包裝 ・ 資料庫彙整
2. 歷史博物館整飭包裝案 ・ 攝影或掃瞄文物
・ 分配及監督各組作業 ・ 撰寫每日工作日誌 ・ 協助館方人員 ・ 人力分配
2019.03
2019.07
磐陶實業有限公司, 設計助理
・ 景觀設計規劃 ・ 意象設計規劃 ・ 送審文件製作
六月革命 The June Re vo lu tion
+
活動策畫 P reparation A ctiv ity
2019
PORTFOLIO
六月革命 活動海報 / 2015
01
社群經營
除了向身邊的同學、周遭學校宣傳之外，我們也試
著聯絡媒體、音樂教室與鄰近店家，增加曝光機會， 讓更多人認識我們!
而在我們一步步的宣傳下，粉絲專頁終於破千讚!
活動手冊
介紹當日活動、參與樂團及在地美食， 並附上標有年度音樂活動的記事本， 推薦給所有來賓參加。
藉此推廣音樂及雲林的文化。
02
2019
居家整聊室
+
平面設計 Grap h ic Design
PORTFOLIO
社群經營平面設計 雙11企劃 03
#243D31 #183743 #AFA080 #F1ECE1
LOGO / 標準色
公司吉祥物設計 社群經營 銷售文 平面設計
社群經營平面設計
社群經營平面設計 新年廣告 04
文字造型
+
平面設計 Grap h ic Design
2019
PORTFOLIO
05
06
2019
平面設計 Grap h ic Design
PORTFOLIO
貓與魔女 使用多個圖層
Photos hop影像合成
+
運用遮罩、液化及筆刷做出層次
07
08
2019
+
平面設計 Grap h ic Design
PORTFOLIO
Stro ne er 創業10 0 桌遊品牌CIS設計
Stroneer 創業100 / 桌遊品牌CIS設計 / 2018
09
基本系統應用
PANTONE 661C.
設計理念
C 91 / M 73 / Y 9 / K 0
根據統計，一般民眾創業，
R 28 / G 80 / B 161
PANTONE 299C.
R 0 / G 155 / B 200
C 77 / M 27 / Y 17 / K 0
white
R255 / G255 / B255 C0 / M0 / Y0 / K0
一年內就倒閉的機率高達90%，
存活下來的10%中，又有90%會在五年內倒閉，
可以撐過前五年的創業家只有1%，前五年陣亡的機率高達99%。 創業的100次模擬，濃縮了天災人禍、勾心鬥角、開源節流等等的考驗! 提供各開拓者們刷高經驗值的一款桌遊，用遊玩的方式模擬創業。
產品名稱發想 STRONG
+
PIONEER
=
STRONEER
10
2019
平面設計 Grap h ic Design
PORTFOLIO
生活之中充滿許多迷信
命名靠算命、搬家必須先查農民曆 一出生就有人預言你的未來 因此而束縛了自己
以當時迷惘的心情為主題發想 +
當人生徬徨時總會想去算命、問事 無形之中困住了自己
而忘了選擇權依然在自己手上 期許自己可以突破枷鎖
概念海報
走出自己的道路
11
概念海報 / 2018
設計元素 : 手 / 腳 / 地圖 / 算命 / 鎖鏈 / 鐵軌 / 雜訊 R 62 G 58 B 57
R 254 G4 B 177
R 116 G 254 B4
12
口袋美食地圖 Foodist
+
介 面設計 U I/UX Design
2019
PORTFOLIO
13
李美芳 18歲，大學新生
林艾賈 22歲，準畢業生
行為 喜歡嘗試新東西、擅長用手機工具記錄生活
行為 喜歡嘗試新東西、擅長用手機工具記錄生活
個性 文靜、細心、謹慎
個性 充滿好奇心、熱情、活潑
需求 簡易快速的找到大家推薦的餐廳的工具
需求 可以快速分類附近餐廳的工具，並且能便利的紀 錄吃過的餐廳
情境故事
美芳今年剛上大學，第一次離鄉背井到陌生的環境。 每次下課都不知道要吃甚麼才好，想知道大家有什麼 推薦的，但網路上的資訊又不是很完整，希望有個方便 快速的工具可以查詢。
情境故事
即將畢業的艾賈，很喜歡吃東西，喜歡記錄美食生活， 吃東西之前都會先拍照，立志要在畢業前吃遍學校周 圍美食。想找一個可以方便記錄美食的工具，才不會重 複吃到。
優勢(Strength)
機會(Opportunity)
1. 免付費軟體
2. 使用介面簡單
S
3. 美食分類詳細
4. 設有評分與回饋系統
W
5. 評價標示關鍵字
6. 提供預約預訂服務
劣勢(Weakness)
1. 食為基本需求
2. 智慧型手機普及
3. 餐廳林立，選項多
O T
威脅(Threat)
1. 沒有網路時無法使用
1. 產品競爭激烈
2. 知名度較低
STP分析
市場區隔(Segmentation)
・地理：台灣地區
2. 同類型軟體眾多，易被取代
目標市場(Targeting)
・台灣地區15-29歲的小資族男女
・懂得享受美食且經常因選擇餐廳而煩惱者
・於有限、尖峰時間(上下課、休息時間)用餐者
・人口：鎖定15-29歲族群 （約四百萬人口 - 2018內政部人口統計年報） ・性別：不分男女、未婚+已婚
・心理：學生族群、上班族、小資男女、享受美食者
・行為：經常因選擇餐廳而煩惱者 於有限、尖峰時間(上下課、休息時間)用餐者
產品定位(Positioning)
・設定為免付費軟體
・累積積分/成就可換取優惠券 ・快速操作、一鍵快搜
14
2019
PORTFOLIO
登錄註冊
口袋美食地圖 Foodist
+
介 面設計 U I/UX Design
像鐵板上的荷包蛋一 樣既美味又吸引人，提 高使用者註冊的意願。
提供多元的註冊方式， 使用者可自行選擇建 立帳號之方式。
顯示追蹤帳號之貼文， 文章以圖片為主，並清 楚 標 示 店 名、地 點、餐 點名稱與價錢。 上下滑可查看各項餐 點，左方小圓點提示文 章頁數。左右滑即可瀏 覽下一則文章。
美食快搜
動態及預約消息
使用者可於頂部搜尋 欄輸入關鍵字做搜尋， 另外也可以依評分、距 離、價錢及收藏店家做 篩選。
提供使用者餐廳訂位 服 務，依 時 間、日 期 排 序，使用者也可以設定 提醒。
顯示周圍美食，使用者 也可自行調整搜尋範 圍與距離。
下方顯示當週熱門餐 點、文 章，提 供 使 用 者 參考。
個人頁面
上方顯示個人資訊、美 食 等 級、積 分 與 獎 章， 累積一定獎章可換取 優惠券。 下方顯示使用者發布 過的文章，點選方塊能 改變瀏覽方始，下方搜 尋欄可搜尋發布過的 美食。
15
首頁
參考眾多使用者最熟 悉的社群軟體的顯示 方 式，依 日 期 排 序，以 方便閱讀。
操作影片
線上試用
文字規範 UI DESIGN
思源黑體
Arial
用於主頁標題
思源黑體
Arial
重要文字、標題
Arial
思源黑體
顏色 ICON
32pt 24pt 20pt
提示文字、帳號
16pt
思源黑體
Arial
內文標題
思源黑體
Arial
說明、介紹、內文
思源黑體
Arial
13pt 10pt
標示輔助行文字
#bcbcbc 提示文字
#707070 提示圖示
#081227
主要分類圖示之線框
#3754a0
外部資訊連結、首頁圖示
#8cbb40 搜尋圖示
#f8a900
主要色、地點標示、動態圖示
#e2464d
個人檔案圖示、評分底色
16
2019
PORTFOLIO
聽團仔必備!!!
+
介面設計 U I/UX Design
你音樂祭的貼身助理
INfestival I Nfe stival
近年來獨立音樂崛起，參加音樂祭已成為許多人年度重
要休閒活動，但活動資訊缺乏整合，我們總需要花許多 時間蒐集資訊。在音樂祭當中，偶爾會因為環境昏暗，難
以查看紙本導覽，或為了要查活動流程而繞遠路查看看 板，而浪費時間與體力...
INfestival整合國內外音樂祭活動!
提供您音樂活動、主辦單位及樂團最新資訊
17
掃描開始試用!
18
2019
PORTFOLIO
競者分析 核心功能及產品優勢
目標用戶
1. 根據使用者喜歡的藝術家推薦活動
2. 音樂節日曆，可以瀏覽和標記您喜歡的音樂節 3. 手機版之外，也提供網頁版
喜歡參加音樂活動的人
蘋果用戶(僅在ios app store開放下載)
4. 介面乾淨簡潔
5. 整合了最多國內外活動，以大型活動為主
介面設計 U I/UX Design
建議
6. 可連接Apple Music，之後還會開放Spotify 1. 提供使用者揪團及討論的平台
國內喜歡參加音樂活動的人
2. 每日更新樂團及Live House專屬頁面
國內獨立音樂愛好者
3. 積極整合線下資源，大小型活動都有
蘋果用戶(僅在ios app store開放下載)
4. 提供facebook註冊 1. 針對活動量身打造
2. 活動本身的知名度最高
3. 可離線、縮放、拖拉的演出時間表
4. 可預先將使用者喜愛的樂團加入到最愛清單， 並提示樂團動態(演出中、彩排中) 5. 樂團演出前通知(預設5分鐘)
僅有收藏功能，對使用者的吸引力不大 增加活動、樂團資訊及購票連結 增加紀錄與提醒功能
開放連動音樂串流平台的服務
增加活動、樂團資訊及購票連結
希望能保留以前參與的紀錄
有意願參加本次活動的人
介面顏色過度刺眼，大幅降低辨識度， 建議改以溫和的色調
獨立音樂愛好者
6. 提供樂曲試聽功能
+
STP分析
I Nfe stival
市場區隔(Segmentation)
・地理：台灣地區 ・台灣地區20-44歲未婚族群 ・人口：鎖定20-44歲族群 ・年收入40萬以內的小資族 （約一千萬人口 - 2018內政部人口統計年報） ・享受音樂且有意願參加音樂活動者 ・性別：不分男女、未婚 ・心理：學生族群、小資族、對音樂感到興趣者 ・行為：對音樂活動感興趣、熱愛聽團的人
產品定位(Positioning)
・設定為免付費軟體 ・具備個人化的收藏功能 ・整合音樂活動資訊 ・避免使用高明度、刺眼的色彩
INfestival 帳號
新增帳號 帳號綁定 帳號連動
19
目標市場(Targeting)
首頁
樂團動態 發現活動
月曆
活動一覽 參與紀錄 快速搜尋
收藏
活動資訊 樂團資訊
地圖
正在參加
參與資訊
活動流程
成就累積
活動訊息與動態 活動周邊地圖 活動場域地圖
登入註冊流程圖 登入註冊頁面 S
顯示介紹頁面
返回
會員登入
返回
忘記密碼
找回密碼頁面 返回
輸入手機
返回
遊客訪問
登入頁面
方案介紹頁面 返回
需要點擊取得驗證碼 等待驗證碼傳至手機
輸入帳號密碼
註冊頁面
錯誤信息提示：輸入正確手機格式
輸入驗證碼
需要點擊取得驗證碼 等待驗證碼傳至手機
登入 完成 確定
送出驗證碼
輸入手機
錯誤信息提示：輸入正確手機格式
確定
輸入密碼 錯誤信息提示：輸入英文數字組合6-8為密碼
是否輸入正確
否
驗證失敗
是否輸入正確
是
是
否
登入出錯
輸入驗證碼 確定
快速登入
註冊
重置密碼頁面
註冊失敗 輸入新密碼
是否輸入正確 是
錯誤信息提示示 ：輸入英文數字組合6-8為密碼
再次輸入密碼
否
快速登入
首頁
錯誤信息提示：請檢察密碼是否一致
註冊流程 E
20
I Nfestival
+
介 面設計 U I/UX Design
2019
PORTFOLIO
21
熱血。
活力。
自由。
字體
思源黑體 Noto Sans CJK TC 22px Regular 18px Regular
色彩
16px Regular
12px Regular 10px Regular
主色調
#C92413
主色調
#D5613D
用於大標題重要數據提示
用於分類標題重要數據提示
用於小分類重要數據提示 用於正文內容
用於輔助性文字
輔助色
#F2ECE4
點綴色
#CCA660
背景色
#4F5055
背景色
#35373F
ICON
22
2019
PORTFOLIO
首頁
搜尋
介 面設計 U I/UX Design
・點選左方圖示可切換功能頁面 ・中間搜尋欄，輸入關鍵字(地區、藝術家、活動)進行搜尋 ・點選右方倒三角可進行篩選及排序
橫幅
・顯示精選活動 ・下方原點提示頁面位置
今日活動
・顯示今天活動的時間地點 ・點擊圖片、活動標題即能取得更多活動資訊 ・點擊地址開啟地圖APP顯示該地點位置 ・點選左方星號可開啟/關閉推播通知(預設為關閉) ・點選左方日期可開啟/關閉日曆標記(預設為開啟) 關閉狀態：
+
開啟狀態：
使用者資訊
・上排顯示使用者帳號，方便使用者確定登入狀態 ・追蹤上方數字為使用者所追蹤的表演者、場地、活動數量 ・活動上方數字為使用者已參與過的活動數量
I Nfestival
hello,USER 100 追蹤
66
活動
首頁
功能頁面
月曆 收藏庫
・點選圖示或文字切換功能頁面 ・有經過活動主辦申請建立活動專頁，且申請成功， 使用者才能開啟”正在參加”選單
成就地圖 正在參加
連動帳號
連動Spotify帳號
連動KKBOX帳號
問題回報
23
登出
・目前開放連動Spotify跟KKBOX帳號 ・連動帳號後，可匯入該帳號收藏的內容(音樂、藝術家) ・APP會依帳號收藏內容，於推播通知推薦活動
月曆
月份
・上下滑切換月份，點擊右上角方塊可切換月份及年份 ・粗體字表示今日日期，黃色底色為現在所點選的日期 ・日期下方有橘點或線條，表示當日有活動
年份
・左右滑切換年份，點擊右上角方塊可切換月份及年份 ・粗體字表示今日日期，橘字表示當天有活動 ・點擊下方 可增加活動
收藏庫
收藏庫
・點擊圖片、活動標題即能取得更多活動資訊 ・點擊地址開啟地圖APP顯示該地點位置 ・點擊右方 ，可取消收藏、參加活動
活動
・活動資訊內有簡介、最新消息、評價、參與人數與外部連結 ・評價欄內顯示分數及評分人數，使用者也可於下方評價活動 ・外部連結有購票連結、臉書或IG粉絲專頁、活動網站及活動 頻道等等，各活動皆有所差異，依活動資訊微調
24
2019
PORTFOLIO
台中市(12)
成就地圖
地圖一覽
浮現祭 EMERGY FEST 2019
台中洲際棒球場場外停車場
山海屯搖滾祭 Heartownrockfest 2019.04.29（六）- 04.30（日） 台中洲際棒球場
簡單生活節 a Simple Day
2017.12.09（六）- 12.10（日） 台中市民廣場
縣市分區
・上方顯示目前所點選的縣市及參與過的活動數量 ・點擊活動可察看更多活動資訊 ・點擊下方 可增加活動
搖滾台中 ROCK IN TAICHUNG 2017.11.04 （六）- 11.05（日）
台中洲際棒球場場外停車場
禾火ＯＵＴ 音樂節 ChillOUT festival
2019.10.29（六）- 10.20（日）
+
介面設計 U I/UX Design
2019.04.29（六）- 04.30（日）
・顯示全台各縣市，參與過的活動數量 ・點擊數字即可瀏覽使用者於該縣市參與過的活動 ・點擊下方 可增加活動
公館水岸廣場
土屋安娜 LIVE IN TAIPEI 201 2019.07.06（六）
INfestival
永豐Legacy Taipei 音樂展演
浮現祭 EMERGY FEST 2019
2019.04.29（六）- 04.30（日）
台中洲際棒球場場外停車場
山海屯搖滾祭 Heartownrockfest 2019.04.29（六）- 04.30（日） 台中洲際棒球場
簡單生活節 a Simple Day
2017.12.09（六）- 12.10（日） 台中市民廣場
搖滾台中 ROCK IN TAICHUNG 2017.11.04 （六）- 11.05（日）
台中洲際棒球場場外停車場
21
19
演空間
活動簡介 Wake Up音樂祭源自2009年一群缺乏 資源的嘉義17歲高中生， 因缺乏演出 機會而自行舉辦的音樂祭， 經過十年 的演進後成為台灣指標性的國際音樂 祭， 並榮獲硬地英雄獎肯定。 於2018年， 榮獲集聚眾多世界各地音 樂工作者的波蘭媒體 《 beehype》 ， 評 比為 「世界上六月份最好的音樂節」 之 一。
9.8 3080
82K 粉絲
6K
參加
7/04 Fri. 15:00
射日
眠月
7/05 Sat.
16:40-17:20
17:00
#WAKEUP2019 #WAKEUP10TH
17:20-18:00
LEO37+ SOSS
董事長樂團
18:00 ft 黃...
最新消息 108.07.011 8:30
與插畫家限定週邊商品✨ 將圖像轉變為提袋、 桌曆及悠遊卡都非常有趣且具 ...
2020 未來票 十年轉運站公開
108.06.28 23:55
現在網路購買、 現場購買、 現場取票都有機會玩！ 現在趕緊買， 現場只會保留少量票券 ...
完售確認
108.06.20 20:00
全面完售， 感謝支持 房曬防雨， 裝備備齊 ... 108.06.19 20:30
十年大彩蛋 十點半破蛋 話不多說， 我們十點半見 ...
18:00-18:40
激膚
18:40-19:20
19:00 傻子與白癡
七虎
7/06 Sun. 站出來
愛玉子
20:00
21:00
22:00
19:20-20:00
20:00-20:40
Hello Nico
春萌
イルカポリス 海豚刑...
16:40-17:20
16:40-17:20
緩緩
Theコットン ... クラブ
18:00-18:40
18:00-18:40
18:00-18:40
椅子樂團 The...
山丘
覺醒音樂祭Wake Up Festival
ぜんぶ君の せいだ。 ...
16:40-17:20
台青蕉
賀爾蒙少年
ゲシュタルト 乙女...
19:20-20:00
19:20-20:00
19:20-20:00
午夜乒乓
謎路人
20:40-21:20
Crispy 脆樂團
21:20-22:00
PiA 吳蓓雅
17:20-18:00
霧虹 Fogbow
18:40-19:20
暖嶼
百合花
20:00-20:40
20:00-20:40
法蘭黛
草東沒有派 對
17:20-18:00
18:40-19:20
Trash
21:20-22:00
2019 覺醒音樂祭 十年彩蛋
澄波
16:00
我的評價
限量周邊商品開賣!
覺醒音樂祭Wake Up Festival
覺醒音樂祭Wake Up Festival
覺醒音樂祭Wake Up Festival
南西肯恩
20:40-21:20
妖の鬼狐 (JP)
20:40-21:20
TYNT (HK)
20:40-21:20
唐貓
21:20-22:00
知更
23:00
正在參加
1. 有經過活動主辦申請建立活動專頁，且申請成功，才有”正在參加”選單 2. 使用者開啟”正在參加”選單，且下載活動資源即可離線使用 3. 考慮活動會舉辦在昏暗環境或夜晚，採用深色底色，減輕使用者眼睛的負擔 4. 左右滑可以切換活動資訊、流程及地圖
活動資訊
・活動資訊內有簡介、最新消息、評價、參與人數與外部連結 ・評價欄內顯示分數及評分人數，使用者也可於下方評價活動 ・外部連結有購票連結、臉書或IG粉絲專頁、活動網站及活動頻道等等，各活動皆有所差異，依活動資訊微調
活動流程
・可縮放、拖拉的演出時間表 ・點擊 可收藏表演， 表示已收藏 ・連動帳號(Spotify、KKBOX)之用戶，使用者可匯入資料，將 喜愛的藝術家加至收藏
活動地圖
・提供會場平面圖之外，為了讓使用者了解會場周圍環境， 也提供了場地外圍的地理資訊 ・點及右下方圖示及可以切換 平面圖與 場外地圖
22