P
O
R
T
F
O
L
I
O
CARA CHUANG
Service/
UIUX/
Product
design
“ You have to b elieve in yourself . That’s the se cret of success.”
INTRODUCTION
來自彰化，高中開始在台中讀書， 大 學 開 始 在 台 北 獨 自 生 活，養 成 獨 立 自 主 的 個 性，在 學 期 間 也 與 許 多 不 同 科 系 、個 性 的 同 學 合 作
設 計 作 品，磨 練 自 己 團 隊 合 作 的 能力。
莊
佳
樺
臺灣科技大學19th 工業設計組 明道高級中學 設計群
+886933-885490
vittoria5490@gmail.com
behance.net/amyruby35
平 時 喜 歡 探 索 美 食 、攝 影 、看 書 、 與朋友聊天等等......對於各式各
樣 的 事 物 都 抱 有 一 定 的 好 奇 心， 也 喜 歡 挑 戰 不 一 樣 的 事 物，曾 經 在 屏 東 蹲 點 1 5 天 拍 紀 錄 片，也 在
實 踐 服 裝 設 計 展 演 擔 任 m o d e l，
對 於 生 活 上 的 事 物 也 觀 察 細 微， 並透過攝影鏡頭記錄下來。
ACTIVITY 上海UXPA大會｜消費升級 體驗賦能 杭州支付寶參訪
上海Tang唐碩參訪
ser vice plus服務設計大會
臺科大19th 二十二校外展 誠品6F 臺科大畢業專刊設計 專刊組 LIC E N S E 印前製程 丙級/ 乙級 視覺傳達 丙級
UIUX experience 2017
自 學 相 關 U I 軟 體（ S k e t c h / X D / Zeplin/mar vel...)
SKILL Photoshop Illustrator Indesign Keynote Sketch Adobe XD Ｍar vel Zeplin Rhino Creo Keyshot
大三選修用戶體驗設計課程
2018
大 四 畢 業 製 作 選 擇 服 務 設 計 ，並 以 app作為主要關鍵。
參加校內外講座學習UIUX相關應用。 旁聽研究所服務設計與用戶體驗相關 課程。
參加上海UXPA大會，並參訪用戶體驗 公司。
ＣＯＮＴＥＮＴ
1 FITY
服務設計/ UX
2 FITY UI
3 P i c n i c Fa r m UI/ UX
4 產品
5 攝影
“打造個人特色，形塑自我風格。” Develop your uniqueness to build up your own style.
一 個 主 要 針 對 新 一 代 9 0 年 後 消 費 族 群 所 設 計 的 服 飾 零 售 平 台，透 過 與 各
個不同的實體服飾店鋪合作，並藉由FITY所設計的app作為關鍵點，設計 提供消費者更便利的消費模式的同時，也可以提供店家數據分析，開發潛 在客層，增加品牌對於消費者喜好的精準度。
2018.08- 2019.3 莊佳樺 葉芷庭
Ser vice Design
H o w m i g h t w e . . .?
設計目標
希 望 能 透 過 F I TY 這 個 穿 搭 分 享 的 平 台，讓 每 位 使 用 者 都 可
以 在 線 上 線 下 達 到 最 好 的 消 費 體 驗，並 找 到 最 屬 於 自 己 的 穿搭風格。
消 費 者 TA
針對有在穿搭的消費族群，並且對於社群資訊接受度高的使
用 者，並 且 結 合 9 0 年 代 消 費 習 性，對 於 新 事 物 接 受 度 高，並 且熟悉移動裝置操作，較為追求享樂主義。
店 家 TA
主要針對想要更精準抓住消費者喜好，並且有實體店鋪的店 家（可以提供商品體驗給消費者）作為目標族群。
消費者HMW
如何藉由APP社群交流與實體店鋪的交
互，幫 助 想 要 建 立 自 我 風 格 的 人，探 索 出 自己的穿搭方式。
店家HMW
如 何 透 過 O M O 的 方 式，分 析 A P P 與 實 體
店 鋪 的 消 費 行 為，輔 助 新 一 季 店 家 的 發 展 方 向，調 整 店 舖 的 陳 設 與 調 貨 品 項？
整 體 服 務 分 為 兩 個 TA，分 別 針 對 消 費 者 和 店 家，因 此 我 們也設計了兩個HMW。
Situation Analysis
現況分析
問題發現
斷點消費行為 品牌多元化造成消費的對於單一品 牌忠誠度下降。
消費者的客製化需求提高，店家需要 更精準地抓住消費者的口味。
零售主要仍是發生於實體店鋪，顯示 線下體驗主導消費決策。
網路社群影響力茁壯，越來越多消費
者以網路社群作為購買的參考依據。
店家常因消費者的購買渠道與訊息接
品牌價值傳遞的過程中流失消費者的
法準確分析分群消費者，同時亦降低消
試穿
試 穿 是 決 定 購 買 衣 服 的 最 主 要 因 素，
是 在 實 體 店 面 消 費 居 多，顯 示 實 體 店 性。
建議
透 過 實 際 訪 談 了 解 到，消 費 者 詢 問 建
自 身 有 既 定 的 印 象，通 常 會 以 過 往 的 者對於想嘗試風格的合適程度，較不
初步需求轉化
接 收 方 式 的 轉 換，在
的 行 為 模 式 數 據，無
消費者購買便利性。
，大 多 數 的 消 費 者 還
店鋪試穿體驗的重要
建議的對象大多以對
的經驗去判斷該消費 客觀。
利 用 O m O 的 方 式，彌 平 虛 擬 與 實 體 店 舖 的 界 線，並 藉 由 科技的介入，捕捉消費者於線下的動態。
提升試衣間配體驗，並以成套的搭配方式呈現，讓消費者 的能更全面的感受商品的魅力，進而提升購買慾望。
消費者以線上社群交流穿搭技巧，以情境的方式呈現，能 更貼近消費者的日常生活。
Interview
問卷設計 購物前
1.什麼樣的情況下會被吸引進去實體店面購買？ 2.會受哪些影響你不想去逛街？
3.通常\較喜歡，一個人購物還是約朋友一起？
購物中
1.會不會去試穿？試穿完買的比例高不高？什麼樣的因素會影響到會不會去試穿？
2.再買衣服的時候會思考說這件衣服可以搭配什麼樣的商品嗎？ （如果自己的衣櫃沒有可以搭 配的的話，會想要在當場購入嗎？）
3.會買已有類似的風格衣服為主，還是買衣櫃裡沒有的風格的衣服？
購物後
1.試穿以後有兩個想買的商品？哪些因素會影響你最後決定要不要買它？ 2.通常逛街除了衣服之外還會買什麼？ 3.什麼樣的因素會影響到會不會回購？
我們將問卷分為四部分：基本資料、購物前、購物中、購物後，以此來分析消 費者在各個階段的消費行為，並將受訪者年紀固定在23~30歲左右，出社會 5年內，因為尚未需要負擔小孩的經濟壓力，較願意將金錢花費在享樂，為我 們主要針對的族群。
訪談小結
22歲 大學四年級
風 格 轉 換 是 一 件 長 久 的 事 情，耗 費 時 間 與 金 錢，自 己 不 適 應，朋友也不習慣，希望有客觀建議。 （ 購物前）
24歲 工作經驗 1年
希望朋友在試穿之前給意見 。可以推薦自己不同場合適合 的搭配。 （購物前）
28 歲 工作經驗 5年
多 數 時 候 會 參 考 可 搭 配 件 數 的多寡做為購買依據 。
（購 物 前、中）
將訪談結果整理出三個我們主要的設計點。
Stage conclusion
核心問題總結
試穿
使用者對於商品的想像，與實際試穿有落差。 需離開試衣間才能與同行者討論意見。
對於自身身形不了解，需要搭配的建議。
客觀建議
不知道商品的該如何搭配與自我風格呈現。 希望有更客觀的建議可以參考。 設計師主導風格如何定義。
線下動態無法追蹤
不同實體店內的消費行為無法捕捉。
單一渠道難以持續發展
客群接觸點單一難以發掘潛在客群。
試穿與購買之間的落差難以判斷。
單一渠道傳遞訊息較薄弱。
Demand transformation
需求轉化
藉由社群穿搭貼文了解近似身形的實穿情形。
以容納同行者討論的半開放空間為試衣間主軸。 附上適合身形的標籤以協助初步的試穿判斷。
相似穿搭貼文的推薦查看同商品的不同搭配。 在社群貼出 Q&A貼文 尋求建議。
透過收藏者添加的自定義標籤分析穿搭的風格。
藉由APP串聯不同實體店並共享消費行為數據。 透過APP會員資料紀錄試穿與購買紀錄。
藉由社群互動影響連結潛在客群。
透過APP與實體裝置串聯擴大訊息影響。
Ser vice operation and process MOT1
依 據 自 身 的 身 形 以 及 喜 好 的 風 格，探 索 適 合 自 己 的 搭 配 方 式 。 FITY藉由使用者於App上追蹤的分享者風格、身形與收藏的穿搭風 格，了 解 他 們 的 喜 好，推 薦 符 合 喜 好 的 相 關 搭 配，幫 助 使 用 者 更 深 入探索自我風格。
主要解決痛點
不了解自身身形。
對於穿搭感到困擾。
社群首頁、貼文詳細頁面
MOT2
了 解 每 週 社 群 熱 門 的 穿 搭，與 分 享 者 建 立 更 緊 密 的 連 結 。 店內的品項皆依據社群每周熱門Hashtag與最多點閱的穿搭做商 品陳列調整，藉由展示牌上的QR 頁面了解更多資訊。
Code可以連結到喜愛的分享者
主要解決痛點
渠道轉換削弱線上社群影響力。
品牌忠誠度下降，需掌握消費者喜好。
分享者個人頁面
Ser vice operation and process MOT3
了 解 該 櫃 商 品 不 同 的 穿 搭，探 索 更 適 合 自 己 的 搭 配 方式。
互動螢幕以動態訊息呈現方式，顯示該櫃不同的穿搭方式為主，亦可查看 其他使用者的試穿貼文
主要解決痛點
消費者不知道該如何搭配架上商品。
MOT4
提供消費者更深入的穿搭風格暸解。
電 子 價 格 牌 以 穿 搭 呈 現 為 主，其 中 藉 由 顯 示 的 Q R C o d e 可 以 查 看 更 多 的 搭配風格，同時也可以查看其他店鋪的相似商品穿搭方式。
主要解決痛點 消費者不知道該如何搭配架上商品。 單一店舖商品搭配過於侷限。
Ser vice operation and process MOT5
試 衣 間 服 務 人 員 提 供 完 整 的 搭 配 建 議，同 伴 協 助 使
用者進行消費決策。
店員推薦適合試穿風格的配件，提供完整風格的搭配建議，可以進一步讓
使用者了解配件在風格建立上的作用；試衣間以能方便另一位同伴等待 的空間為主，以利朋友伴侶之間的意見交流，協助使用者進行消費決策。
主要解決痛點
因為試穿時不知道該如何搭配，而直接放棄購買該件商品。
需走出試衣間區域，才能與同行者討論意見，無法交流意見。
MOT6
藉 由 試 衣 間 門 上 的 會 員 感 應 獲 得 來 店 試 穿 禮，增 加 使 用 者 下
載 會 員 機 率，並 促 進 試 穿 紀 錄 的 取 得 。
服務人員提供完整的搭配建議，同伴協助使用者進行消費決策。
藉由試衣間的會員感應獲得來店試穿禮。
主要解決痛點
試穿與購買之間的落差難以判斷。
增加試穿過但仍在猶豫的商品被購買的機率。
Ser vice operation and process MOT7
藉由消費記錄追蹤最新相關穿搭通知。
透過APP會員支付紀錄購買品項，並將於已購買品項有新搭配方式時，以 推播方式提醒，以利持續追蹤最新穿搭資訊。
主要解決痛點 不知道該如何搭配已購買的商品。 舊衣難以搭出新搭配。
MOT8
LOOP
分 享 自 己 的 穿 搭 貼 文 、與 社 群 互 動，並 獲 得 建 議 與 紅利回饋。
藉 由 A P P 在 社 群 上 分 享 自 己 的 實 穿 經 驗 貼 文，或 利 用 Q & A 貼 文 尋 求 搭 配 建議，與社群深化交流互動，可獲得穿搭上的建議與紅利回饋。
主要解決痛點 不再接收單一方向的資訊傳遞。 尋求多方意見做參考。
增進使用者了解商品的實穿情形。
Event flow
線上
在賣場看到喜歡的衣服，拍照詢問朋友意見
線下
朋友用FITY app分享貼文，給相關意見
查看貼文後覺得使用上不錯，下載app
引導-填寫基本身形資料，以及介紹身形特點
喜好風格、分享者、與店舖挑選
開始探索app上的穿搭
看到喜歡的穿搭、店舖、分享者，點選收藏
至收藏頁面查看，並可建立自己專屬收藏夾
線上
優惠推播通知
線下
收藏的商品、收藏的店舖有優惠時會發出推播通知。
路線引導至實體店鋪
到門口時會有相關推播
ex.哪位穿搭者也收藏這間店舖目前的優惠。
看到熱門的model穿搭，掃描旁邊的Qrcode 掃描知道更多相關穿搭資訊。
邊走邊想搭架上商品可以搭配的相關商品。
掃描商品櫃位旁的QR code以查找相關搭配
拿取想試穿的衣服至試衣間試穿
路上看到較為百搭的商品，一併試穿
將試衣間附近擺放較為百搭的商品，促進消費者試穿、 購買的慾望。
試 衣 間 人 員 提 出 相 關 搭 配 建 議，並 提 供 搭 配 商 品 試 衣 間 人 員 會 視 該 位 消 費 者 手 上 拿 的 單 品，提 供 相 關 搭配服飾、配件，讓消費者體驗到完整風格的搭配。
Event flow
線上
開啟app感應試衣間外的感應裝置
線下
在app上獲取當週試穿優惠 紅利／優惠卷
RFID感應試穿的商品，並匯入個人試穿紀 錄中
進入試衣間後，將衣服掛在衣架上
衣服穿上後與配件做搭配，並於試衣間門口與朋友討論
換下試穿衣物與試衣間提供的相關搭配商品
前往結帳櫃檯，並由店員引導放入RFID結帳槽結帳
累積消費紅利，並將購買商品匯入會員資料
FITY會員行動支付結帳
累積消費紅利，並將購買商品匯入會員資料。
跳出提醒-分享穿搭可以累積更多紅利喔！
希望消費者在購買後可以分享自己購買商品的穿搭。也會依 照消費者的意願將購買過的商品匯入收藏，並在有新的相關 穿搭貼文時，通知消費者。
線上
線下
嘗試在app上分享穿搭
分享穿搭會有紅利累積，並可在線下店舖使用。
購買、收藏過的商品有新的貼文>推播通知
利用app探索喜好的穿搭方式
善用社群穿搭分享的建議與交流
建立出屬於自己的穿搭風格
Loop
Information architecture process
資訊架構、wirefram製作過程。
mockup
系統配色
!"#"$%&'(%)*')+,-)"+"..'/%'0),$1')&'(%)*'%2+'./($"3 M 83 Y 93
以 黑 色 與 白 色 調 作 為 基 底，增 加 質 感，再加上活潑的橘色系作點綴，以 提高社群的活躍度。 貼文頁面
mockup
首頁
顯 示 最 近 較 常 探 索 的 風 格，或
是 系 統 計 算，有 可 能 會 喜 歡 的 風格。
顯示有可能喜歡的風格的合 作實體店。
搜尋：以輸入文字/ 掃描QR code/ 以圖搜圖，尋找穿搭或是商品。 動態：可以在此探索、收藏你喜歡的貼文穿搭。 收藏：查看收藏的穿搭、風格、店舖。
個人：打開會員支付、查看累積的紅利點數以及消費記錄。
貼文形式
一般貼文
穿搭者po出自己的穿搭，並寫上一些相關技巧，讓其他瀏覽者也可以 作為參考依據。
TIPS
顯 示 該 穿 搭 的 技 巧，作 為 其 他 穿搭者的參考依據。
顯 示 該 穿 搭 適 合 哪 些 情 境、場 合。
發問貼文
與一般的穿搭社群不一樣的地方，提供了發問形式的貼文，可以描述
自 己 穿 搭 相 關 的 問 題 。其 他 使 用 者 可 以 透 過 “ 留 言 ” 或 是 “ 投 票 ” 讓 P O 文
者
，
可
以
接
其 他 使 用 者，可 以 投 票 給 覺 得 適 合 的 商 品，並 藉 此 增 加 個 人 紅利點數。
收
到
立
即
的
資
訊
。
mockup
個人頁面
連結到自己曾經在線下店 舖試穿過的商品。 黑色關鍵字 使用者自我定義的風格。 橘色關鍵字 依據其他使用者所定義我 的風格。
店家頁面 店家相關資訊。 店家最新資訊。 下拉，出現相關類似風格 的商店。
我的紀錄
購買紀錄
藉 由 會 員 支 付，匯 入 消 費 者 的 消 費 商 品，並 累 積 紅 利 積 點，並 可 於 FITY合作實體店內做消費折抵。
新貼文的穿搭推播通知 並於購買過的商品有新的穿搭貼文 時，顯示推播通知。
試穿紀錄
顯示曾經在實體試穿過的商品，增加試穿過但仍在猶豫是否購買的商 品被購買的機率。
紅利累積 可透過與社群互動、消費或至實體店 試穿獲得。
紅利點數將促進社群活躍度與實體 店舖造訪率。
mockup
搜尋頁面
搜尋紀錄
Shop model design
將假想合作店舖的立體圖繪製出，並利用3D列實體化，驗證 概念可行性。
FITY參加台科校外展 - 二十二
Picnic Farm “透過野餐較輕鬆愉快的互動方式，鞏固消 費者與小農的連結。”
一 款 結 合 線 上 線 下 的 a p p，藉 由 野 餐 活 動，拉 近 小 農 與 消
費 者 之 間 的 距 離，強 化 消 費 者 與 小 農 之 間 的 連 結，建 立 較 親近如鄰里一般的關係，透過互動，讓消費者對於「食」，產 生和小農相近的理念而有所共鳴。
2018.3- 2018.6
莊佳樺 葉芷庭 蔡祐維
UI/ UX Design
動機
起 初，因 為 常 常 看 到 新 聞 上 播 出 有 關 小 農 的 新 聞，都 是 有 關 於 “ 層 層 剝 削 ” 農 產 品 售 價 過 低”，因此我們想要從中解決這個問題，縮短小農到消費者的距離，減少中間的剝削，讓小農 跟消費者可以取得一個對於雙方都更有利的價格。
但後來我們發現到最根本的問題是大部分的消費者對於小農有所偏見，會覺得小農等於商 品品質參差不齊、價格昂貴、不專業等等......但其實很多小農所做的產品相對於一般的大
農藥精緻很多，對於環境更為友善，因此我們改變原先的方向，變成增加消費者對於小農的 信賴度。
P i c n i c Fa r m 理 念 ／ 活 動 進 行
Picnic Farm希望能透過讓小農與消費者一同參加野餐活動，促進雙方了解彼此，並增進兩 者之間的信任感。
小農會在野餐活動當天帶來自家農產品製成的菜餚，傳授消費者一些烹飪的小技巧，促使 消費者購買商品，並可於該小農攤位直接掃描QRcode條碼至線上購買，宅配到府，省去提
著大包小包的麻煩，盡情享受野餐活動。而消費者也可以在一開始帶著自製的菜餚，至活動 現場參與，並與小農或是其他消費者交流，讓小農與消費此之間的關係更加緊密。
1
1
設計挑戰 信任：如何讓消費者信任我們的商品？
連結：如何吸引消費者願意並持續參與野餐活動，且如何透過野餐與App的線上購買功能做 連結？
吸引：如何吸引消費者參加野餐活動？
區隔：如何與類似app銷售模式做出區隔？ （ex.厚生市集）
設計目標 透過野餐較輕鬆愉快的互動方式，鞏固消費者與小農的連結。
UI/ UX Design
1
概述／需求轉化
小農
因 為 想 要 為 了 環 境 或 是 食 安 盡 一 份 心 力， 但 由 於 產 量 較 少 ，通 常 販 售 方 式 以 小 農 市
集（ e x . 圓 山 農 民 市 集 、希 望 廣 場 ）、與 相 關 店家合作或是自行擺攤販賣。
曝光度很重要（讓消費者看到實體的 重要性）。
大部分的客源是回頭客，是經由市集 接觸到的。
消費者 消費者買菜時大多以價格以及品質為主要 考 量 ，希 望 能 以 較 低 的 價 格 購 買 到 較 好 的 商品。
第 一 在 意：品 質 。 第 二 在 意：價 格 。
平 時 不 會 特 別 去 購 買 小 農 產 品，因 為 超 市 離家較近。
小 農 據 點 太 少，價 格 相 對 來 說 較 高，較 不 會特意去購買。
UI/ UX Design
競 品 分 析（ 小 農 、大 濃 ）
工業化大資本農企業 超市&實體店面
小型在
市集&電
1. 粗放式生產 / 面積大
1. 精耕細作
2. 資本集中
2. 終端產品
規格、品種、品質標準化 防疫檢疫巨額費用支出
大供應商 / 降低交易成本與風險 3. 來源不清 4. 消費者接觸管道多元且固定 5. 超市密集度高 6. 營業時間較長 7. 價格較低
1
vs.
3. 生產來源
4. 環境友善
5. 消費者可
6. 接觸管道
7. 市集分佈
8. 量較少 +
在地農業
電話訂購
作 / 講究田間管理
品價值小部分 / 被邊緣化風險
源明確 (food from somewhere)
善農法
可直接與生產者接觸
道較少，宣傳力度較低
佈密集度較低
+ 成本較高 / 價格較高
分析過兩者後，選擇強調小農的幾個特有的優點， 加 上 訪 問 過 程 中 我 們 發 現 到，越 來 越 多 人 關 注 的 食 安 問 題，希 望 家 人 吃 得 健 康、安 心，我 們 會 將 這 些特點加入app。
競品分析
我 們 分 析 了 目 前 市 場 上 國 內 外 相 關 的 競 品，定 下 了 我 們 的TA，並修改發展方向。
我 們 加 強 了 讓 社 群 關 係 緊 密 的 活 動，並 結 合 現 在 趨 勢 O m O，讓 消 費 者 在 線 上 線 下 可 以 自 由 跳 轉，並 透 過 全 局
化，將整個過 程 發 展 成 一 個 循 環，鞏 固 舊 有 會 員，並 由 舊 有會員拉籠新客源。
用戶 定位
功能
主要特色
注重食
的消費
提供農
間公平 台。
當天下
心健康
供回收
安全，當
支持在
直接溯
驗。
食安與小農問題
注重食安與小農問題
Amazon Prime
紐約都會區所有居民
農民與消費者之
建立農家和消費者鄰
結合線上線下購物行
塑造新的生活型態。
下訂當天配送安
消費者直接購買附近
線 上 訂 購 節 省 時 間，快
提供以較市面上低廉
收包材的服務。
定時間的集貨點和
商店領貨。
品服務。
費者。
平交易的中介平
康 的 農 產 品，且 提
的消費者。
居關係的保護者。
農 家 的 產 品，在 每 周 固 Host領貨。
為。
速宅配到貨或於當地
價 格，快 速 配 送 新 鮮 食
當地，當季
特殊社群關係。
A m a z o n F r e s h
FreshDirect At The
溯源+不定期抽
農民價格自訂。。
只提供服務於特定大
Fo o d K i c k 快 速 配 送 半
在地小農。
支持在地新鮮食物。
Pickup 都市。
與各城市當地的實體 商店合作。
Office
成品食材。
滿足不同消費者的客 製化訂單。
Daily Produce Rating System.
Funtional map
野餐 關於野餐 如何參加
即將到來的野餐 如何運作
為何要有野餐
野餐花絮
該野餐資訊概覽 野餐詳細資訊
（主題、費用、小農、地點...）
商品 依照野餐主題選擇商品
依照種類選擇商品
推薦商品
商品 品名、商品種類、重量、份數 商品詳細資訊
品名、商品種類、重量、份數、小農、顧客回饋、加入購物車... 產地、介紹、理念、時程
1
購物車 要參加的活動
選購份數、活動概略資訊。
活動詳細資訊 主題、費用、小農、地點。
所選購的商品
選 購 份 數 、商 品 概 略 資 訊（ 重 量、份數）
商品詳細資訊
品 名 、商 品 種 類 、小 農 、顧 客 回 饋....
結帳
總金額、運費......
付款
信用卡付款。
完成 並跳轉到首頁。
個人 等級
野餐
訂單歷史
累積的金額
分佈地圖
即將參加、收藏、曾經參加的野餐
UI/ UX Design
1
三大主要目標
互動
採收農作時程表 顧客回饋 里程碑 Picnic
信任
合作
溯源
店家
認證
餐廳
健康科普
市集
購買
食材包
處理理好的半成品食材
按照人人數分配(個人人、群體)
小農地圖、介紹
食材介紹
食材 佐料
將三大主要目標訂下，並發想app內相關對應功能，以及相關目的。
wirefram
mockup
App 風格：暖色調 真實照片 圓角方形 希望Ａpp能有較活潑的感覺，因此採用暖色調，以及利用照片呈現出較為 真實的感覺。
App主要功能 野餐互動 結合線下的野餐活動，讓消費者可以看到商品的真實樣貌，建立消費者與 小農間的連結與信任。
顧客里程碑 累積消費金額，換取升等以及消費優惠。
商品來源真實性 商品基本資料。
產地、小農真實照片。 其他顧客回饋。
UI/ UX Design
1
mockup
野餐
關於野餐
為了讓更多人了解關於野餐的理念 流程。
即將舉辦的野餐
讓消費者可以更快速知道最近舉辦 的野餐。
花絮
為了呈現與小農歡樂野餐的感覺，吸 引更多消費者參與。
野餐詳細頁面
UI/ UX Design
1
mockup
商品
以品項分類商品 各類品項分類商品。
以野餐分類商品 以利消費者在尋找該次野餐主題的 相關商品。
推薦商品 依照每週官方制定的推薦商品做更
動（依據當季的野餐主題品項或當季 商品）。
農產品詳細資訊
農產品資訊 小農介紹 農作時程
讓消費者了解農產的現況，增加信任 感。
顧客回饋
可 以 留 言 並 按 l i ke，不 會 有 整 體 評 價 的機制，降低小農階級的分別。
UI/ UX Design
1
mockup
欲購買的商品
要購買的野餐與商品一併結帳 省去消費者要分兩次結帳的繁複程序。
1
野餐活動
個人頁面
個人資料 訂單歷史
購買商品紀錄 野餐紀錄
個人里程紀錄
增加與消費者間的互動趣味，將消費
紀 錄 轉 換 為 等 級 ，增 加 消 費 者 對 於 app以及野餐的黏著度
UI/ UX Design
1
流程概述
線上
線下
將想要參加的野餐加入購物車
選擇會自行準備或不準備餐點。 進入購物車頁面結帳
與一般商品一同結帳，省去分兩次結帳的麻煩。 選擇信用卡、轉帳付款 再次確認金額以及商品 完成訂單
會直接顯示當下購買的野餐票卷（QRcode）
官方收到資訊，準備出貨以及統計野餐人數
並提醒在「野餐」、 「個人」頁面，皆可查看票卷。
參與野餐的小農，餐點更新
方便消費者知道當天參與野餐的小農所提供的 菜色有更新。
將想要參加的野餐加入購物車
選擇會自行準備或不準備餐點。 將想要參加的野餐加入購物車
選擇會自行準備或不準備餐點。
發送推播通知，告知消費者更新訊息
線上
線下
野餐前一天跳出提醒 當天自動跳出票卷通知
顯 示 當 天 地 圖，省 去 消 費 者 打
至入口處依規定出示票卷以及餐點
開app的麻煩。 記錄在個人頁面
依自身需要租用餐盤
可以直接透過小農攤位上的QR code到線上購買
與小農、其他參與者的交流時間
最後會統一在出口處回收。
可 以 一 邊 吃 一 邊 逛 小 農 攤 位，與 小 農 們 交流他們的獨門料理秘訣。 活動結束
官方將花絮上傳至頁面
開心回家
於野餐花絮中可以看當天照片
也可以查看當天的小農菜色，紀錄回顧。 LOOP
1
產品
水氧機 - Volcanight 椒鹽罐 - Mr.elegant 桌燈設計
Volcanight Volcanight，你的空氣品質小管家。
忙 碌 了 一 整 天，下 班 後 想 要 好 好 享 受 放 鬆 的 時 刻，透 過 個 人 化 的 濕 度 控 制，事 先 將 空 氣 濕 度 調 整 到 自 己 最 舒 服 享 受 的 狀 態，並 且 透 過 遠 端 遙 控 事 先 開 啟 水 氧 機，回 到 家 後 立 即 放 鬆 身 心，享 受 高 品 質 的 生活。
Vo l c a n i g h t
商品特色
利用大數據在app中 (尚在規劃) 顯示個人化濕度建議，量身打造 自己最適合的濕度，並依據空氣中的濕度變化，調整空氣中的濕度
並於app中顯示，利用app與IOT裝置結合，讓水氧機有更多發展 空間。
Vo l c a n i g h t
問題發現vs. 需求轉化
到家之後才開啟水氧機，到家後才慢慢調整為適合的濕度。 利用app事先設定開啟與關閉的時間。
水氧機沒有定期清洗，內部發霉，造成呼吸道容易受黴菌感染。 app 定期推播通知清洗時間，以免忘記清洗時間。
濕度已經夠了還再增加濕度，造成家裡黴菌滋生。 app濕度監控，如濕度太高建議不開啟。
Vo l c a n i g h t
外型設計
以火山形狀為靈感，發想不同的型態，最終以簡約的造型加上特別
的紋理，容易搭配各式房間，凸顯整體質感，在不使用時也可以是 簡單但不單調的擺飾。
Mr. El 椒鹽罐設計。
每 道 菜 色 若 是 沒 有 調 味 的 陪 襯，便 是 一 點 味 道 也 沒 有，而 過 多 的 調 味 又 會 讓 食 物 的 原 味 被 蓋 過，鹽 巴 與 胡 椒 正 是 最 好 的 陪 襯，只 要 稍 微 的 烹 調 再 加 上 一 點 調 味，會 讓 食 物 的 原 味 被 襯 托 出 來，吃 的健康也吃得安心。
M r. E l
競品分析
問題發現
M r. E l
問題發現vs. 需求轉化
而 在 使 用 椒 鹽 罐 時，很 多 人 都 會 手 忙 腳 亂 不 是 到 太 多 就 是 倒 太 少，或是調味料有一半都灑到餐點外，Mr. El對於原本的使用習慣 稍作改變，讓使用調味料的過程可以更順手。
桌燈設計
攝影作品 Canon 70D 50mm 1.8f 18-135mm
台灣大學 2018.11
彰化老家 2018.12
彰化 鹿港天后宮 2019.2
Service design/ UIUX / Product design 0933-885490 vittoria5490@gmail.com b e h a n c e . n e t /a m y r u b y 3 5