PRODUCT DESIGN
03
PROFILE
05
PRODUCT DESIGN
07 19
27 29 33
覓蜜 Meetmi
The Folded Dryer 吹風梳
USER INTERFACE DESIGN The Little Raddish 療癒小菜頭 Elderly Pictuer Maker
35
VISUAL DESIGN
37 43 49 50
步縷 — 商業編排設計 Chito Studio — 企業識別設計
51
海報設計 邀請卡 / 文宣品設計
ILLUSTRATION
PROFILE
PORTFOLIO
OF
HSIN‑YU HSU
覓蜜 Meetmi 自製蜜餞機 「覓蜜」蜜餞機透過將脫、醃、乾三步驟整合,減去蜜餞製作過程中重複乏 味的步驟,保存「人」參與其中的體驗價値。並提供食譜資訊整合與調味設計、 送禮規劃,讓蜜餞成為健康的休閒食品,復興傳統上蜜餞送禮的意義。 / 陳嘉姈、李芯蘋、許新語、李萌霖
7
PRODUCT DESIGN
8
PORTFOLIO
OF
HSIN‑YU HSU
設計背景 Design Background 近年來,「蜜餞」這項傳統文化的產物漸漸式微。不但「甜 蜜的餞別」這樣富有情感連結的歷史含意被人們遺忘,對年 輕人而言,蜜餞更是鮮少成為日常零食或送禮的選擇。喜歡 蜜餞的我們發現,現今市售的蜜餞為了色澤好看、延長保存 期限,加入多種有害健康的人工添加物,並在深入調査後驚 覺其製作過程的衛生品質令人堪憂。此外,目前選擇在家自 己製作蜜餞的消費者,也面臨蜜餞製作步驟繁雜,需要重複 多次乏味卻無法省略之動作的窘境。
發展過程 Developing Process 蜜餞試作 我們先透過査詢現有資料,自己開始嘗試製作不同種類的蜜餞,每一種水果也透過多次試做整理出最適合的製作方法及步 驟,並將所有蜜餞的製作步驟重新定義劃分為「切、脫、醃、乾」。過程中發現現有蜜餞製作過程繁雜,必須使用到很多 器具,場域也需要一直更換。最重要的是,過程中必須一直重複鋪排水果,不僅對使用者來說無趣,水果本身也容易損壞。
切
9
01
脫
02
醃
03
乾
04
選水果、清洗、削皮、去
將切片好的水果分層平舖
蜜餞與果乾最大的差別就
將醃漬好的蜜餞平均鋪排
籽等做蜜餞的前處理皆劃
在果乾機上,正反面烘 4
在醃漬這個步驟。蜜餞製
在每層果乾機上,正反面
分在蜜餞製作的第一步
至 5 小時不等,時間依水
作過程中的調味是很重要
烘乾約 10 至 16 小時,時
驟:切。
果本身水分多寡調整。目
的 環 節, 會 直 接 影 響 蜜
間長短會影響蜜餞的口感
的是減少水果內水分,以
餞的風味。熬煮及浸漬的
及濕潤沾黏程度,使用者
利後續浸漬時語調味料的
過程也會間接影響蜜餞的
可依喜好而作調整。此為
置換。此劃分在製作第二
口感及味道。此為第三步
第四步驟:乾。
步驟:脫。
驟:醃。
PRODUCT DESIGN
使用者旅程圖 User Journey Map
削皮去籽 好麻煩!
切多大? 厚度多厚?
反覆鋪排 水果好無聊
調味多變化 好有趣!
烘乾時間長 人卻不能走
器具沾黏 糖液難清洗
試吃時間!
美麗的包裝 表達心意
要送禮了 好期待!
收到回饋 心暖暖的
設計理念 Deisgn Concept 我們要為喜歡蜜餞或手作的人,在他們日常生活中或想對人表達心意時,提供他們方便整合的自製蜜餞流程及送禮體驗, 讓蜜餞成為人們日常零食與送禮的新選擇。
設計目標 Design Goals
避免動線混亂
省去多餘的
提高資訊正確性
提供獨特的調味體驗
減少須清洗的器具量
重複性動作
提供易讀易操作的平台
襯托手作禮物的別緻
將脫、醃、乾三步驟
水果只需排放一次
官網提供蜜餞選擇建議
個性化風味調味組合包
解決方法 Solutions
整合在同一套器具裡
以及製作步驟
10
PORTFOLIO
OF
HSIN‑YU HSU
迭代草模製作 Protoytpe 矽膠盤迭代
先透過剪裁烘培用矽膠片,確 認矽膠的特性,再發想矽膠盤 支點及收合方式。過程中再將 容積及體積納入考量,經過多 項參數加權評分後,決定出最 終矽膠盤造型。
氣柱迭代 因考量氣柱需要負重矽 膠盤及水果重量,經過 多次修改氣柱造型,再 透過縮比模型測試功 能,最後訂定最終造型 及出風方式。
玻璃罩迭代 希望整體造型能達到一致性,因此初 期發想多種風格造型,中期收斂成多 角形結合稜線變化,後期納入玻璃製 程限制的考量,最後選定單一方向曲 度旋轉的造型。
11
PRODUCT DESIGN
內部機構
現有產品拆解研究分析
機構組裝
為了更了解產品的性能,我們拆解了市面上的果乾機、快
經由現有產品研究分析後,我們透過與專業人士的合作,
煮鍋等產品。透過其內部機構的研究分析,構思蜜餞機的
以及至相關產品開發公司交流,多方嘗試各種機構裝配。
作動原理與引流倒像個參數的相互影響關係。
過程中最具挑戰性的即是將所有機構配置在有限空間內。
精模製作 Modeling 光固化耐熱樹脂 / 電鍍玫瑰金
在只做一件模型條件下,我們不得不拋棄理想中的金屬材質,但是為了讓實際產出 是能夠運作的,我們特地選擇了較昂貴的耐熱樹脂,再透過光固化列印產品。更透 過玫瑰金呈現高雄,精緻的產品定位,並選用電鍍的技術達到金屬材質的鏡面效果。
矽膠盤開模
玻璃罩開模
我們研究了矽膠開模的限制及要點,並自己用 3D 軟體建
因為造型的限制及實體的大小,玻璃罩需先開模才能進
模具,再買鋁進行金屬加工。另外,因考量倒灌矽膠的成
行人工吹製。第一版是鋼模,但因為金屬溫度變化大,
功率及食用級矽膠的難取得性,我們選擇矽膠廠幫我灌出
所以後來使用木模,降低吹製的失敗率。
最終模型。
12
PORTFOLIO
OF
HSIN‑YU HSU
使用流程 How to Use
1
査詢資料 上覓蜜官網,査看蜜餞選擇 建 議 後, 點 選 想 做 的 水 果,
2
選擇調味包
脫水
根據官網建議,選擇適合該 水果的調味組合包。
進入食譜。
5
煮漬 放上玻璃鍋,將矽膠盤下壓
3
6
烘乾
將水果鋪排上矽膠盤後,罩
數 小 時 後, 拿 取 玻 璃 罩, 將 調味包中的調味料均勻撒上
兩側氣柱出熱風。
各層水果。
7
將做好的蜜餞取下後,僅須
8
包裝送禮 將蜜餞放入調味包禮盒內,
入 鍋, 轉 換 為 加 熱 模 式, 滾
走 玻 璃 鍋, 罩 上 玻 璃 罩, 轉
清洗矽膠盤、玻璃鍋和盛蜜
在小卡上寫下心意,精緻的
煮半至一小時後,靜置醃漬。
換為熱風模式。
盤,省時又省力。
手作禮物就完成了!
服務設計 Service Design
13
調味
上玻璃罩並旋轉熱風旋鈕,
清洗器皿
將矽膠盤提起掛上鉤子,拿
4
調味包、食譜與禮物盒的結合
蜜餞語
將做法及食譜印在調味包裏,使用者無需一
根據不同的水果的味道或是生長環境訂定
直看手機或電腦,並將內部調味料使用完畢
專屬的蜜餞語,就如同花語一般,另外,
後,調味包可以直接當成禮物盒使用。
我們也針對不同的蜜餞語做出特殊的調味。
PRODUCT DESIGN
熱氣出風孔 由下方進風,再引導至上方 兩側出風孔出熱風,沿玻璃 罩環形流動,使三層水果乾 燥程度相當。
可收合、旋轉矽膠盤 透過矽膠材質特性達到方便 簡易的收合,將脫醃乾三步 驟整合,使水果只需鋪排一 次。並利用矽膠不沾黏之優 勢,達到好清洗及容易拿取 蜜餞的效益。
盛蜜盤 在烘乾步驟時,可以避免 殘餘的蜜直接接觸到機器。
玻璃鍋 在煮漬或靜置步驟時,可以
熱風 / 加熱旋鈕 熱風及煮漬功能為對應旋 鈕,讓使用者能更直觀的操 作。旋鈕皆有定時及持續模 式,供使用者依需求選擇。
直接將矽膠盤收合至鍋內, 不需要一直更換場域。
PORTFOLIO
OF
HSIN‑YU HSU
PRODUCT DESIGN
多媒體設計 Video Design 為了提供觀展者更好的體驗,我們自己著手拍攝影片,一方面可以透過影片增加粉絲專業的觸擊率,另一方面能透過覓蜜 這項產品帶來的影響,呈現使用過程前後的對比,也能濃縮顯示現有製作蜜餞的費時與繁複,不單侷限在文字或照片的呈 現,更符合現在資訊速食的文化。
蜜餞製作現況 https://www.facebook.com/449663199110241/videos/398571584257884
使用覓蜜製作蜜餞 https://www.facebook.com/449663199110241/videos/2139766269392921
16
PORTFOLIO
OF
HSIN‑YU HSU
覓蜜官網 Official Website 官網提供多種水果種類選擇建議,以及蜜餞食譜等相關資訊,讓使用者可以隨心所欲地製作自己喜歡的蜜餞,抑或是符合 想要贈送之對象喜好和個性的蜜餞。
粉絲專頁 Fans Pages 透過社群網站實行行銷策略,增加觸及人數,推廣產品。亦可透過分享影片,讓資訊快速傳播,消費者也較容易吸收。
17
PRODUCT DESIGN
PORTFOLIO
OF
HSIN‑YU HSU
The Folded Dryer 掌上型吹風梳 輕巧極簡的外型,如滑鼠般可單手掌握的體積,以細緻的 結 構 設 計 應 付 不 同 部 位 之 吹 髮 需 求。 有 了「The Folded Dryer」吹頭髮不再是負擔,而是輕鬆美麗的簡單日常。 / 許新語、Ian Lee
19
PRODUCT DESIGN
20
PORTFOLIO
OF
HSIN‑YU HSU
設計背景 Design Background 市售吹風機偏重,使用時手腕負擔大,手臂也易痠痛。當一 手持吹風機,一手拿梳子時,雙手皆須出力操作。若是頭髮 較長,吹乾頭髮時間就會拉長,需耗費大量時間、能源及體 力,且吹久易導致悶熱、流汗的情形。更難以避免的是,吹 頭髮的過程中總會製造大量噪音,造成使用者的煩躁感。一 般吹風機出風範圍均較廣(除非為特殊吹嘴),無法針對局 部頭髮,容易致使頭髮亂飛而打結。 再者,出風溫度高會造 成髮質損害。最後我們發現,市面上的吹風機普遍體積較大 且造型侷限,缺少個性化抑或是跳脫框架的設計。
設計理念 Design Concepts 我們要為吹風機使用者,在他們吹頭髮時,提供他們更有效率的吹髮方式,將耗費的能源、體力及時間降到最低,並在吹 頭髮的同時給予頭髮最好的保護及整理。
設計目標 Design Goals
縮小體積以減少所
改善吹風機與手掌
吹風溫度以及方式
吹髮同時護髮,避
耗費之體力
的相互協調性
不造成髮質損害
免頭髮亂飛
如滑鼠般可單手掌
使用耐熱塑膠及矽
以超音波震動霧化
結合吹風機及梳子
握的小體積
膠材質增加在使用
水分子,再由熱風
功能,並以夾子夾
及收納上的彈性
吹散達到速乾頭髮
住頭髮避免亂飛
解決方法 Solutions
的效果
21
PRODUCT DESIGN
草圖發想 Sketching 經過了現有產品分析找出設計點,便依循著發散的構想著手畫出各式草圖,不僅運用線稿勾勒出產品外型及設計特點,更 使用簡易表現技法傳達產品的特性,幫助專案的討論更為直覺明瞭。藉由草圖記錄發想過程,以及整個設計的演進,幫助 我們回顧設計的初衷及重點。我們嘗試從幾何圖形開始,加入較柔和的曲線元素,更在人體工學等因素上做細緻的琢磨, 讓使用者在使用上更為舒適、愉悅。
22
PORTFOLIO
OF
HSIN‑YU HSU
產品細節 Product Details Folded Dryer 為單手即可掌握的輕巧設計,將多種吹髮模式整合至同一旋轉盤,使操作更為直觀簡易。更搭配手掌伸合之 變化,達到夾合梳髮的效果,輕鬆將頭髮吹梳整齊。
旋轉盤 可選擇不同模式
張開模式 夾合模式 弱風模式 一般模式 強風模式 冷風模式
旋轉式控制柄 可依手持角度 自由調整不同方向
拇指放置處
拇指扣夾按鈕 按下按鈕 拇指扣夾立即彈出
拇指扣夾 拇指扣住後 即可夾合使用
23
PRODUCT DESIGN
使用流程 How to Use
1
張開模式
2
按下扣夾紐
3
夾住頭髮
同時吹頭髮及梳頭髮
吹到下方頭髮時
以夾子夾住頭髮避免
單手即可讓頭髮快速吹整
按按鈕使扣夾彈出
亂飛並將其吹順
出風口
有了 Folded Dryer 吹頭髮不再是負擔 而是輕鬆美麗的簡單日常
24
PORTFOLIO
OF
HSIN‑YU HSU
草模製作 Protoytpe
25
模型正面
按下扣夾按鈕後 扣夾彈出 以拇指扣住扣夾
模型側面
模型背面
吹頭皮時 — 張開模式
吹髮尾時 — 夾合模式
利用扣夾施力 即可夾合
吹髮的同時 夾住並梳整頭髮
PRODUCT DESIGN
產品尺寸 Product Dimension
26
27
28
App Design
/ 許新語、陳嘉姈
「療癒小菜頭」是設計給被日常壓力所困之青年人的互動式陪 伴機器人。在面對巨大工作及考試壓力之下,直接和「療癒小 菜頭」聊聊,抑或是從 app 獲得溫暖的回饋,都可以使壓力得 到莫大的釋放。利用語意分析及語音辨識,「療癒小菜頭」可 以給予最貼近使用者情緒的互動,使用者亦可藉由 app 創建雲 端資料庫,加入喜歡的素材,如此「療癒小菜頭」便能提供更 客製化的療癒文字、音樂抑或是互動模式。
29
30
App Prototype 若使用者不想直接與機器人本身互動,也可藉由 app 所提供的 聊天室來給予心情資訊,並從 app 得到文字回饋。「療癒小菜 頭」app 中除了聊天室,也有心情追蹤的功能,幫助使用者綜 覽該週抑或是該月之心情曲線,回顧自己的情緒變化。app 更 藉由數據分析,為使用者推出該月的心情顏色,利用顏色更直 覺的給予資訊。另外,除了提供符合使用者喜好的音樂及文章 資料庫以達到療癒效果,「療癒小菜頭」更提供小卡印製功能, 讓使用者輕鬆將喜歡的文字內容記錄下來。
31
32
App Design
/ 許新語、米恒毅、李芯蘋
社交軟體的使用於當今的社會已相當普及,甚至在長輩們中間 亦然。無法否認的,「長輩圖」在我們的日常生活中比比皆是, 然而多數被年輕人認為美感欠佳或相當過時。有鑑於此,我們 設計了一款「高質感長輩圖生成 app」,幫助長輩們輕鬆且快 速的製作出具有美感的圖文,讓世代之間的溝通更為愉悅。
33
34
35
36
PORTFOLIO
OF
HSIN‑YU HSU
步縷 商業編排設計 / 雜誌設計 隨著台南布行的腳蹤,我們亦步亦趨的踏溯著他們發展的足 跡。在歷史的洪流中,拾起步伐,穿梭於台南時光的一絲一 縷,見證府城布疋古今的華美風光。
37
VISUAL DESIGN
38
PORTFOLIO
OF
HSIN‑YU HSU
封面設計 Cover Design
字型設計 Font Design 形容詞
關鍵字
精緻、典雅、古韻
精緻、創新、時光穿梭
意象
意象
一絲一縷、柔軟中帶有韌性、縱橫交織
布疋、步伐、踏溯、蹤跡、絲縷
內容企劃 Content Planning
目標客群 Target Reader
探討目標
關心在地產業者
台南布行轉型的歷史,以及其所形塑出的獨有特色
文化工作者
其他內容 台南布行與其他地區的不同
39
美術設計 Art Design
從事布料相關產業者 服裝設計相關者
VISUAL DESIGN
40
PORTFOLIO
41
OF
HSIN‑YU HSU
VISUAL DESIGN
設計沿革 Design Evolution 字型設計
封面設計
42
PORTFOLIO
43
OF
HSIN‑YU HSU
VISUAL DESIGN
CHITO STUDIO 動畫工作室 企業識別設計 / 意象設計 CHITO STUDIO 致力於精緻動畫的創作,以新穎的手法創 造出別出心裁的動畫世界,給予觀者前所未有的動畫體驗, 不斷追求突破是我們的精神,並期盼未來能登上世界舞台。
44
PORTFOLIO
43
45
OF
HSIN‑YU HSU
VISUAL DESIGN
企業商標設計 CIS Design 形容詞 精緻、活潑、創意、奇幻
設計沿革
44
46
PORTFOLIO
OF
HSIN‑YU HSU
活動企劃 Activity Programming 20 週年紀念活動 為了慶祝 CHITO STUDIO 成立 20 週年,我們舉辦了一系列的活動,包 括知名團隊表演、動畫界大師精選論壇、各項大獎頒發等。我們為此 設計了邀請函和手札,提供 CHITO 團隊簡介、歷史沿革、活動流程資 訊以及系列活動介紹等。
特別版活動手札
活動紀念貴賓卡
47
VISUAL DESIGN
48
PORTFOLIO
OF
HSIN‑YU HSU
海報設計 Poster Design
49
VISUAL DESIGN
邀請卡設計 Invatation Design
文宣品設計 Printed Literature Design
50
51
52
53
54