PORTFOLIO YANG YARU 楊 雅 茹 設 計作品集
2020
YANG YARU PORTFOLIO
EXPERIENCE EDUCATION
2020 2018 2014
YANG YA RU 楊
1995.11.16
INTERNSHIP
雅 茹
國立台灣科技大學 國立台灣科技大學
設計研究所
商業設計係
2018
HTC DeepQ UI Intern
介面設計
2017
咕嚕咕嚕健康餐飲團隊
視覺設計
性病專案介面設計 chatbot 萬小芳看診介面視覺與互動規劃 品牌吉祥物角色設計
粉專貼文、行銷活動設計
+886 952 263 983
2017
lulu841116@gmail.com
Oath Yahoo! Summer Intern
雅虎購物中心粉專經營 / 角色、貼文設計
視覺設計
雅虎購物中心 / 品牌、動態廣吿設計
目 前 就 讀 於 國 立 臺 灣 科 技 大 學 設 計 研 究 所 碩 二， 興 趣 插
2015
畫、攝影、爬山， 擅長於視覺介面設計、向量插畫與動畫 角色設計。我覺得設計是一 個建立人與人之間連 結重要的
橋 樑，需 要 不 斷 溝 通、理 解、用 心 的 去 感 受 使 用 者 需 求，將
Ctrl+P 3D 列印兒童教育
指導學生學習設計思考與 3D 列印製作 宜蘭永樂、台中中和偏鄉教育營教師
教學設計
這 些 感 受 串 連 起 來，讓 設 計 改 變 的 不 是 只 有 個 體，而 是 你 我 之 間 的 交 流 與 互 動。
我 很 享 受 與 他 人 交 流 腦 力 激 盪 時 爆 發 好 點 子 的 瞬 間， 希 望
可 以 透 過 了 解 產 品 設 計 的 每 個 為 什 麼， 設 計 出 有 趣、 讓 人 會心一笑的作品，成為有影響力的人。
2
SKILLS
UI UX Animation X
X
Sketch・AdobeXD・iIIustrator ・ Photoshop・ InDesign・After Effects ・Maya
3
YANG YARU PORTFOLIO
INTERNSHIP AT HTC DEEPQ 2019 年 暑 假 來 到 HTCDeepQ 醫 療 事 業 部 擔 任 視 覺 介 面 設 計 實 習 生， 兩 個 月 的 暑
假 裡 與 一 位 研 究 員、 一 位 UX 實 習 生， 一 起 完 成 一 件 有 趣 的 專 案「 有 善 性 病 醫 療
APP」，透過不斷發想、收斂與使用者調查，我們希望藉由探討性病污名化的議題，
找出使用者的痛點，為他們設計保障安全與隱私的產品，藉此降低他們患病的不安， 並鼓勵勇敢就醫！後續繼續在 DeepQ 的半年，負責 line icon 視覺設計、chatbot 萬小芳看診介面視覺與互動規劃。
4
5
YANG YARU PORTFOLIO
設計流程
我們接洽「台灣同志諮詢熱線協會單位」，將初步設計概念提供給協會人員做概念測試， 透過深入訪談，站在使用者的角度思考，從中找到新的缺口、分析整理、將需求納入， 並進行修正，最後開始設計原型與發表。
完成這份專案讓我深深的上了一課，以往沒有接觸過性病議題的我，一開始帶著滿滿 疑惑不知如何下手，然而透過使用者研究、訪談，讓我更貼近使用者，也發現現今社 會對患者的不平等待遇與歧視，導致許多患者害怕、延誤就醫。
我覺得做這份專案的價值，是可以更了解他們，用同理的角度看待疑似或患病的使用 者，為他們減緩一些焦慮與不安，希望有天性病也能被像一般感冒一樣的看待。
前期
訪談
設計
發表
定義研究價值
概念評估
設計原型
檢討改進
思考為何 而做，性病
探討使用者的患病
訪 談 結 果 整 理，
發 表 兩 個 月的 專
找出是否可降低延誤
初 步 概 念 情 境，並
完成原型。
來的可行性。
使用者遇到的困擾， 就醫的機率。
6
到 就 醫 過 程，設 計 進行訪談。
加入新的解決方案，
案，檢討專案的未
7
YANG YARU PORTFOLIO
INTERNSHIP AT YAHOO 2017 年暑假我很幸運進入 Yahoo EC 設計部當 Summer intern，與設計、行銷、工程師等實 習生跨領域合作，實際操作雅虎購物中心的粉絲專頁，負責規劃貼文內容、品牌定位與形象 角色設計，測試觀察主要消費者，目標提升互動率與觸及率與整體品牌黏著度。
兩個月裡，體驗大公司的制度，學習面對萬變的資訊內容靈機應變的能力與上台發表的技巧， 並與一群不同領域的人合作學習，不僅開拓視野，也成為未來設計合作重要的成長養分。 最後成果發表中獲得 The best intership Awards! 的殊榮。
8
9
YANG YARU PORTFOLIO
FINAL EXPO 雅虎購物中心粉絲團專案計畫 透過不同種類的貼文測試，並分析粉專後台數據，從中找出目標族群最喜愛的貼文類型
三大受歡迎類型貼文
知識型
提供粉絲知識訊息，
解惑大眾長期的迷思， 傳達的訊息明確，一
男女議題型
提供男女方面的議題， 深化對比，產生反差 令人可以拿出來調侃
前期
目標
過程
成果
發現問題
提升品牌黏著度
貼文類型測試
有效貼文導購
1. 粉專以導購為主
提升互動率與觸及
測試不同貼 文 類 型
成果發現三種內容
3. 貼文形式單一
絲增加粉絲對購物
容，從中歸納出幾種
觸及率，並間接式的
2. 與粉絲互動低 4. 紛絲黏著度低
率，喚 醒 沈 睡 的 粉 中心的黏著度
找出粉 絲 喜 歡 的內 未來可用貼文方向
互動型
貼文可提升互動與
引發粉絲在社群上按
讚 留言分享，引發 共
增加整體導購效益 擔任角色： 視覺設計師
10
負責工作： 視覺設計、品排定位
鳴、促使互動
11
YANG YARU PORTFOLIO
教學讓我成為更有價值的人
生活體驗
2015 年我加入 Ctrl+p 3D 列印公司，投入教學的領域，負責設計教學教案。
喜愛旅行、爬山、攝影、插畫，喜愛一人旅行中發生的意外插曲，
籌劃約半年的時間，從提案、企劃、課程規劃、教學，將 3D 列印技術結合
也喜愛爬山時沿途的不確定性，努力不懈堅持到底不斷邁向目的
-CTRL+P 3D 列印公司
2017 年深入偏鄉，參與「IDEAS LAB：魔法教室─大學生創新學習計畫」， 自然環境，教導偏鄉小學，用設計思維、設計思考的方式，引導他們解決生
活問題，帶領學生發想創造屬於自己的作品，在當中看到小朋友的創意與潛
時時刻刻保持一顆好奇的心
常用鏡頭與插畫記錄一切，用細微的角度去觀察不同的人事物， 地的成就感，這些都讓我在設計上有更多的靈感與想像力。
力，他們的熱情與活力，讓我對教學充滿了成就。
偏鄉教育Ｘ設計思考Ｘ同理心
12
爬山Ｘ攝影Ｘ好奇心Ｘ觀察力
13
YANG YARU PORTFOLIO
UIUX DESIGN
01 / 有善性病醫療ＡＰＰ 02 / 萬小芳 Chatbot 看診體驗 03 / GOGO RUN 養成運動ＡＰＰ 04 / 五味屋 Web redesign
14
15
YANG YARU PORTFOLIO
01
有善性病醫療 APP WHAT I DO
擔任角色： 介面視覺設計師
負責工作： 使用者研究、介面設計
UI / UX Design Project 性病檢測 Ｘ AI 陪伴 Ｘ即時醫療資訊 QUO 是一款友善性病 APP，希望讓疑似患有
性病或不敢就醫的使用者，提供一個安全隱密 的健康資訊平台，引導使用者一步一步了解性 病並願意就醫，降低延誤就醫的機率。
16
17
YANG YARU PORTFOLIO
Overview
Know People:/ Users’ Pain
Andy Chen Dating App and erotic websites are
become easily reachable for teenager nowadays.
Compare to t he pas t , The aver age
age of losing virginity has decreased drastically in Taiwan.Â
However, the absent of decent se x
e d u c a t i o n i n Ta i w a n l e a d t o a n ignorance of danger behavior.
18
19
YANG YARU PORTFOLIO
20
21
YANG YARU PORTFOLIO
We took our low-fi prototypes and embodied them into the visual concept. At this stage, we chose the graphic style, typography and colors.
The brand symbol of quo. can express brand core values and it has of‘professional, calm, and active. Can gncourage user to be positive and active.
22
23
YANG YARU PORTFOLIO
24
25
YANG YARU PORTFOLIO
26
27
YANG YARU PORTFOLIO
When you enter the quo. App can feel like someone who knows me well treats me.
Then we made the whole application map and worked over the key user flows such
as the first entrance, guide you, step by step, privacy protect, etc. That allowed us to determine the scope of work and start finishing the design.
28
29
YANG YARU PORTFOLIO
Quo. features
01
02
30
03
31
YANG YARU PORTFOLIO
04
06
05
32
33
YANG YARU PORTFOLIO
02
萬小芳 Chatbot 看診體驗
萬芳醫院
www.deepq.app
WHAT I DO
擔任角色： 介面視覺設計師
負責工作： 互動設計、插圖設計
請長按你最不舒服的部位
UI / UX Design Project 該看哪一科Ｘ優化掛號前服務Ｘ增加互動
9:41 AM
100%
萬芳醫院
萬芳醫院提供民眾一款 AI 客服服務，希望讓民眾可以 透過 LINE 官方帳號中的就診資訊、掛號查詢、該看哪
一科等 6 大選單，提供身體不適，卻不知道自己該看 哪一科別、不清楚就診資訊的使用者即時發問管道。
而此專案優化重點，在於「十八銅人」的角色設計與 幫助使用者可以更直觀的選擇就診部位，透過 Ai 萬小 芳，搭起醫院與民眾對醫療知識與就診的溝通橋樑。
34
前 就醫指引
我要掛號
看診進度查詢
今⽇活動
電話諮詢
我
後
左
右
服務選單
35
YANG YARU PORTFOLIO
Before I 操作流程
點選該看哪一科
跳出 LIFF
點選該看哪一科
跳出 LIFF
點選不舒服部位
點選後跳入下一畫面
點選細節部位
選擇該部位症狀
LINE 具備有「互動性」與「即時性」， 提供十八銅人的正反面身體構造圖，
讓使用者輕輕點選不舒服之處，系統 就會自動跳出互動選單，最後導向適
合的科別進行掛號認證，確保各年齡 層在問診上的容易度。
然而在十八銅人的視覺上，讓人有一 層距離感、互動性較低，且症狀選單
過長，瀏覽上需花較多時間，因此這
次專案優化重點，以如何提升使用者 的操作該看哪一科的體驗為主。
After I 操作流程
手指拖曳到不舒服部位
請長按你最不舒服的部位
的形象。風格介於真實樣貌卻不過於
萬芳醫院
www.deepq.app
www.deepq.app
眼睛
點選以下頭部可能有的症狀狀
寫實，讓使用者在操作上感受產品的
1
出汗
2
不規則⼼心跳
02 將原有兩步驟點選部位方式，變成
3
不規則⼼心跳
4
乳房形狀狀或⼤大⼩小問題
5
呼吸快速
6
痣的⼤大⼩小或顏⾊色改變
7
⽪皮膚乾燥、脫⽪皮、鱗屑或粗糙
8
肌⾁肉僵硬或緊縮
親和力。
一步驟手指滑動選部位，增加使用者 在角色探索互動的機會，減少複雜的
選擇介面，擁有一個動作到位的體驗。
前
36
選擇該部位症狀
手指放開選取成功 萬芳醫院
萬芳醫院
www.deepq.app
01 強化萬小芳『溫柔』、『友善』
在同一畫面滑動
後
左
右
返回
37
YANG YARU PORTFOLIO
女生 I 圖像流程細節
STEP01 440 I 點選部位 萬芳醫院
前
萬芳醫院
萬芳醫院
萬芳醫院
www.deepq.app
www.deepq.app
www.deepq.app
www.deepq.app
請長按你最不舒服的部位
請長按你最不舒服的部位
請長按你最不舒服的部位
請長按你最不舒服的部位
後
左
右
前
後
左
右
前
後
左
右
前
後
左
右
STEP02 I 手指滑動部位 zoom in > 手指放開 > 完成選取 萬芳醫院
萬芳醫院
38
萬芳醫院
萬芳醫院
萬芳醫院
萬芳醫院
萬芳醫院
萬芳醫院
www.deepq.app
www.deepq.app
www.deepq.app
www.deepq.app
眼睛
胸部
肚⼦子
膝蓋
萬芳醫院
萬芳醫院
萬芳醫院
www.deepq.app
www.deepq.app
www.deepq.app
www.deepq.app
www.deepq.app
www.deepq.app
www.deepq.app
眼睛
胸部
肚⼦子
膝蓋
請點選該部位你不適的地⽅方
請點選該部位你不適的地⽅方
請點選該部位你不適的地⽅方
39
YANG YARU PORTFOLIO
男生 I 圖像流程細節
STEP01 I 點選部位 萬芳醫院
前
萬芳醫院
萬芳醫院
萬芳醫院
www.deepq.app
www.deepq.app
www.deepq.app
www.deepq.app
請點選你最不舒服的部位
請點選你最不舒服的部位
請點選你最不舒服的部位
請點選你最不舒服的部位
後
左
右
前
後
左
右
前
後
左
右
前
後
左
右
STEP02 I 手指滑動部位 zoom in > 手指放開 > 完成選取
40
萬芳醫院
萬芳醫院
萬芳醫院
萬芳醫院
萬芳醫院
眼睛
請點選該部位你不適的地⽅方
請點選該部位你不適的地⽅方
請點選該部位你不適的地⽅方
請點選該部位你不適的地⽅方
萬芳醫院
萬芳醫院
萬芳醫院
萬芳醫院
萬芳醫院
萬芳醫院
萬芳醫院
萬芳醫院
眼睛
請點選該部位你不適的地⽅方
請點選該部位你不適的地⽅方
請點選該部位你不適的地⽅方
請點選該部位你不適的地⽅方
請點選該部位你不適的地⽅方
請點選該部位你不適的地⽅方
請點選該部位你不適的地⽅方
重新選擇⾝身體部位
重新選擇⾝身體部位
重新選擇⾝身體部位
41
YANG YARU PORTFOLIO
03
最簡單的 養成運動ＡＰＰ WHAT I DO
擔任角色： 視覺設計師
負責工作： 流程發想、介面設計
GOGO RUN 是一款養成運動 APP，希望
在運動的過程中透過角色的養成遊戲，給 予使用者一個虛擬運動夥伴，一起體驗運 動的樂趣與驚喜，在角色的陪伴下以保持 使用者對運動的熱忱，養成隨時隨地運動 的習慣，帶動運動熱潮。
42
43
YANG YARU PORTFOLIO
設計過程 I Design Process
現況調查
使用者研究
定義問題
競品分析 I Competitive Products
比較市面上三款不同的健康養成習慣的 APP。
定位
優勢
Keep
「家庭健身助手」透 過 分級影片與計畫目標， 完整訓練身體各部位。
・健身線上教學視頻 ・提供量體裁衣 & 多 種健身訓練供你選擇
Hahago
透過走路計步獲得哈 奴幣，並依 指定 店家 換 取獎勵
・走路計步獲得哈奴代幣 ・代 幣 依 指 定 商 店 換 取 獎勵
JoiiSports
具有「運動、健康管理、 運 動 記 錄、社 群、個 人 成就」五大功能
・記錄行程路線時不需 要網路，低耗電量 ・揪團活動
初步設計
現況調查 I Background
根據體育署統計與歷年運動城市調查的數據來看，大眾運動習慣難以維持， 多半與「工作太累」、「懶得運動」、「沒有時間運動」這三個原因為主。
另外體育署與國健局分別提倡「333 運動」、「動動 150 輕運動」，研究
指出，短時間的運動，並將運動量累計起來，仍可預防或改善心血管疾病， 降低癌症、心臟病、中風、糖尿病風險，並延長三至五年的壽命。
使用者研究 I User Study
透過文獻探討、資料收集、使用者訪談，更進一步地發現使用者的痛點。 課業太忙碌，沒有時
運動資訊太多元不
想運動的時候，找
到動力
正確的運動
有點孤單，就算了
間可以運動，也找不
知道如何選擇並做
不到人一起，覺得
介面資訊稍多，操作 上較不直覺
步數有時候落差大， 容易不準
介面操作有點不流暢， 資訊稍多
定義問題 I Problem Definition 問題點
・沒有時間
・運動資訊太多不知如何開始 ・覺得一人運動很孤單
・運動後的回饋感少，容易沒 有動力
44
缺點
設計機會點
・簡化運動種類與介面， 讓 使 用者更 直 覺使 用 ・透 過 遊 戲 角 色 養 成， 增進 使 用黏 著度 ・角色進化效果明顯，讓 使用者有立即回饋感， 以保持對產品的新鮮度
45
YANG YARU PORTFOLIO
產品定位 I 5W1H
目標族群 WHO
・18~25 歲的年輕族群
・平時沒有運動習慣者
產品四大目標 I Features 01
簡易 操作介面
・自己一人運動會孤單者 ・找不到運動動機
設計目的 WHY
行走範圍、運動場、單車道
因此希望藉由 GOGO RUN 養成運動 APP，以有趣的
使用時機 WHEN
角色遊戲取代市面上較平淡的數據介面，吸引使用者
分為三大運動活動 :
如何使用 HOW
從事什麼 WHAT
與遊戲中的角色互動，藉此養成規律運動的好習慣。
在運動過程中，創造屬於自己的虛擬寵物夥伴，記錄
走路 累積能量值
03
角色 多元養成
04
好友 激發運動熱情
使用地點 WHERE
現代人生活多為忙碌，常因課業或工作少有時間從事 運動，而未養成運動習慣。
02
健走、跑步、騎單車
運動所消耗的卡洛里數、時間、平均速率，並將能量 傳送給寵物，讓寵物能不斷進化改變型態，提升運動 的趣味，最後將整合日、月、週運動紀錄，讓使 用者 有好的運動管理平台。
46
運動
+
養成
讓使用者更直覺使用
透過步數養成角色 增進使用黏著度
角色進化效果明顯
讓使用者有立即回饋感
透過角色與好友
分享交流運動狀況
47
YANG YARU PORTFOLIO
流程圖 I Flow
48
49
角色設計 I Character Design
以各種奇特外型為星球設計鮮明的外星寵物，來吸引使用者的目光，登陸後按下
RUN 鍵，可使生產工廠產出一顆新的寵物蛋，透過運動累積能量以孵化寵物蛋， 使寵物角色不斷進化！
外星寵物設計 I
外星寵物生產工廠 I
Get it !
寵物蛋
外星寵物進化史 I 生產 按鈕
角色 進化低
50
角色 進化高
51
介面設計 I UI Design
YANG YARU PORTFOLIO
登入頁 I 使用故事情境帶入遊戲畫面
C8 M14 Y80 K0
用遊戲互動的方式，帶領使用者慢慢進入情境中。
# fddf40
透過故事的形式，來介紹運動 APP 的使用說明，從歡迎頁到選擇角色，
標準色使用 # fddf40 黃與 # fade3 深藍，代表日夜都能充滿運動能量
註冊 上午
C8 M14 Y80 K0 R250 G222 B60 # fade3c
R250 G222 B60
歡迎頁 上午 上午
選擇角色 上午
簽訂契約 上午
Hi
Get it !
RUN
52
53
YANG YARU PORTFOLIO
登入頁 I 使用故事情境帶入遊戲畫面 運動切換頁 I 三種模式簡單操作 登入頁 I 使用故事情境帶入遊戲畫面 提供大眾最常使用的三大運動：健走、跑步、騎單車， 三大模式加上日、週、 透過故事的形式，來介紹運動 APP 的使用說明，從歡迎頁到選擇角色， 月簡易切換選單，讓使用者更直覺地使用，而針對步數的計算轉換成寵物 用遊戲互動的方式，帶領使用者慢慢進入情境中。 的進化能量，讓寵物養成與運動一起融入生活當中。
主畫面 健走、跑步、單車三大功能
54
日、週、月頁面切換
距離、時間、卡路里運動紀錄
每個月步數紀錄
55
YANG YARU PORTFOLIO
寵物交友、排行、收集頁 I 交友分享樂趣無限
提供使用者運動分享的平台，與他人一起分享觀看自己的寵物，藉此達到 運動交流的目的，另外透過多種寵物養成，滿足使用者收集的慾望以此達 到持續運動的動力。
主畫面 寵物交友
56
寵物好友排名
寵物收集冊
寵物排名
57
YANG YARU PORTFOLIO
04 五味屋 Web redesign
五味屋是一個提供偏鄉小孩共學的地方，透過來自各地的二手商品，教師與志工以販賣
WHAT I DO
2019 年的寒假來此處打工換宿的我，與當地人交流後，對五味屋的故事印象深刻和感動。
負責工作： 視覺設計
商品經營為學習模式，讓每一個小孩成為當中的小老闆，有一個自我價值發展的空間。
58
擔任角色： 視覺設計師
59
YANG YARU PORTFOLIO
Before
Redesign
設計概念 I
山
自然 / 活力
標準字 I
Five way house
五味屋 Five way house
發現問題 I
1. 文字資訊過多，難以清楚表達內容 2. 階層分類複雜，不易搜尋 3. 整體缺少溫度與活力
4. 資訊即時性低，新舊文章不一
標準字 I
Five way house
五味屋
五 味 屋
標準色使用 #32504B 綠與 #F2FF2E3 黃，展現五味屋的熱情活力，與自然共生
RGB：R64 G65 B63 #32504B
RGB：R240 G255 B46 #F2FF2E
5. 活動照片吸引力不夠
60
61
YANG YARU PORTFOLIO
01
網站視覺設計 I
04
05
02
06 03
01 首頁 I 放大活動照片，展現五味屋的服務與活力
04 捐贈 I 簡化文字資訊用圖像簡單傳達捐贈流程
03 最新消息 I 分享活動資訊，將理念傳播出去
06 聯絡 I 回饋收集，意見交流
02 願景 I 深入了解五味屋的初衷與價值
62
05 探索 I 體驗在五味屋的生活，創造自己的價值
63
YANG YARU PORTFOLIO
VISUAL DESIGN 01 / 不老灶咖 125 便當新品牌設計 02 / Where is your home? 03 / 人物插畫設計
64
65
YANG YARU PORTFOLIO
01
高年級送餐新品牌 不老灶咖 125 便當直送 WHAT I DO
擔任角色： 視覺設計師
負責工作： 視覺設計、CIS 設計
BULAO KITCHEN
重現熟年新價值下所創造的高年級創意餐 食品牌，由長輩掌廚，年輕勞動力外送的
經營模式，創造兼具「老智慧」與「新創 意」的九宮格家常料理便當，傳遞「老」 有所用及「食」在健康的品牌精神。 天晴設計
引導師
易瑋勝 李尉郎
66
成員
楊雅茹 張雅萍 李明益 黃季偉 顏炘怡
67
YANG YARU PORTFOLIO
發現問題 I Problem
不老夢想 125 號 -
「不老食埕」
餐飲服務的煩腦
設計過程 I Design Process
現況調查
定義問題
使用者研究
位於台中的「不老夢想 125 號」以銀髮、文創、「銀創參與」為規畫概念打
造而成。藉由一個個不老夢想、一位位真人圖書長者、一份份兼具老智慧與 新創意的食飲，傳遞心不老、夢不老、行動不老的不老精神。
而「不老食程」便是提供長者們發揮自己的價值的空間，根據訪談與實際造 訪當地，找到創新設計。
外商 進駐 製餐 繁複
品牌定位
現況調查 I Background
客源 不穩定
68
創意餐飲
夢想圖書
1. 被動式的團饍訂單難預測
2. 觀光及館內用餐客源不穩定
空間整修大改造，連鎖餐飲進駐
露易莎咖啡進駐，衝擊不老食埕餐飲服務
長輩製餐問題多
1. 長輩製餐 SOP 難控制 2. 創新料理難開發
3. 食材數量及保存難控制
品牌轉型 I New Brand
不老夢想 125 號 -
「不老灶咖 - 便當直送」 新品牌設計
穩定 內用客源
開發外送 新客源 銀創參與
生意時好時壞
「不老食埕」轉型「不老灶咖」
1. 內用精緻套餐轉為「外帶便當」更平價 2. 參訪團體合菜轉為「內用便當」更便利
3. 無菜單便當，讓長輩製作熟悉「家常菜」
開發「便當直送」新服務
1.「不老灶咖—便當直送」，提供方圓 3 公里
內鄰居在 15 分鐘內收到新鮮快速的便當
2. 遞送一份「健康、幸福、家常、」且富有 驚喜感的創意便當給在地的好鄰居
3. 建立長輩備餐及青年外送的青銀共創模式
69
YANG YARU PORTFOLIO
使用者旅程地圖 I User Journey Map 訪談後發現三大問題
實際訪談「夢想 125」的負責人，目前經營狀況，並實際場域觀察， 最後將訪談後的內容與收集到的問題整理成用戶旅程地圖。
關係人
送餐前 被廣告吸引 搜尋商家
餐點確認 取餐提醒
拿到餐點
確認餐點
收到訂單
製作餐點
聯絡顧客
尋找目的地
預定餐點
顧客
長輩
痛點
70
送餐中
訂單排程
準備食材
出發送餐
1. 長輩製餐 SOP 難記得
長輩記憶力有限，複雜製作流程易讓長輩製作 中有負擔，無法發揮擅長的拿手菜
多個送餐點
送餐後 收款
抵達交餐
2. 老人送餐困難多
多點外送，可能造成長輩體力負擔與安全
用餐
收款
餐盒處理
回到廚房
給予評價
再次消費
回饋收集
3. 顧客不想吃便當
便當種類太少，易讓顧客吃膩沒有新鮮感
71
YANG YARU PORTFOLIO
目標族群 WHO
學校的教師、上班族與居民
位於台中一中商圈，方圓 3 公里 15 分鐘內可送達的地點 鄰近學校有：中國醫大、臺中一中、台灣體院、臺中科大
「不老灶咖 - 便當直送」新品牌設計 定義問題
老人送餐 困難多
顧客不想 吃便當
長輩製餐 SOP 難記
72
解決問題 老人送餐困難多：「不老灶咖 125- 便當直送」是基於銀髮再 就業，重現熟年新價值下所創造的高年級創意餐食品牌，由長 輩掌廚，年輕勞動力外送模式，解決老人送餐困。
在週一至週五搭配不同顏色米食的創意，透過九宮格便當盒，
滿足現代人對視覺美食的期待，讓訂購者在打開便當盒時， 可以收到一份少量多樣及健康加分的驚喜好滋味。
不老料理人擅長料理簡單的家常菜，雖然菜色不夠鮮艷及精 緻，但卻蘊含著長輩對健康及營養的堅持。因此將這樣具有溫 度的家常料理便當作為「不老灶咖 125- 便當直送」的品牌特 色，以無菜單家常料理便當增加長輩備餐及製餐的彈性。
服務新亮點 I Features
不老灶咖結合青銀共創，翻轉便當外送服務新印象，阿公阿媽用拿手好菜照顧您的健康。
友善農作
銀髮就業
青銀共好
便當直送
米食多樣化
九宮格設計
友善食材直送不老灶咖
青銀攜手共創新商機
搭配不同顏色米食創意
活化地區銀髮就業機會
在地好鄰區外送服務
天天驚喜吃不膩多樣菜色
73
YANG YARU PORTFOLIO
品牌設計 I Visual Design
BULAO KITCHEN
餐飲外送品牌（橫式）
BULAO KITCHEN
餐飲外送品牌（網頁）
餐飲外送品牌 LOGO
品牌形象 I
健康清爽的綠，長輩親切形象，方便快速的外送品質
健康
74
親切
快速
標準色 I
標準色使用 #b7c533 草綠與 #b7c533 綠，代表不管日夜都能充滿運動能量 RGB：R183 G197 B51
RGB：R0 G100 B76
#b7c533
#b7c533
CMYK：C37 M14 Y89 K0
CMYK：C89 M50 Y78 K12
75
YANG YARU PORTFOLIO
色彩計畫 I
Fresh Green
網站視覺設計 I
Rich Green BULAO KITCHEN
100%
100%
50%
50%
75% 25%
品牌或企業指定字型 I Noto Sans CJK TC
長輩做便當，天天都健康 米食多樣化，夢想無限大
75%
BULAO KITCHEN
25%
BULAO KITCHEN
Aquarion
ABCDEFGHIJKLMNOPQRSYUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
名片設計 I
76
77
YANG YARU PORTFOLIO
01 I 02 I 03
應用設計 I
01 / 每日特色菜單、酷卡 02 / 九宮格便當
78
03 / 外送視覺設計
79
YANG YARU PORTFOLIO
02 Where is your home?
每個人對家的定義都不一樣，對一般人來說「家」可能是擁有家人、有人照顧、有一個溫暖的空間， 然而有一群人對家的定義可能不太一樣，這群人是「街友」，而街頭就是街友的「家」。
插畫故事透過一位純真、沒有帶有色眼鏡的小女孩，在與街友的互動過程中，希望可以用街友的
角度，帶領觀眾也放下過往偏見，去看街友眼中生活的世界，他們的家是怎樣的呢？也許他們的 家比我們更純粹與自由。
80
<1>
<2>
<3>
<4>
<5>
<6>
81
YANG YARU PORTFOLIO
03 人物插畫設計
不同人物風格、筆觸的嘗試，希望用畫筆帶給別人溫暖的感受
82
Instergram
83
YANG YARU PORTFOLIO
婚卡 \ 結婚契約設計
84
85
YANG YARU PORTFOLIO
謝謝你的出現，謝謝你的陪，學習跟你相處，相信一切都會好好的
86
87
YANG YARU PORTFOLIO
楊雅茹 Yang Yaru +886 988 546 950
lulu841116@gmail.com
88