WIND WALKER
CHUN PING HSU PORTFOLIO
許君平
Phone
kyon882009@gmail.com
0923812486
SKILL 01 電腦軟體 Adobe Photoshop Adobe Illustrator Adobe Indesign Adobe XD Prezi presatation Sketch 02 專業能力 Graphic design UI design
我是許君平，喜歡嘗試新事物，勇於挑戰。 曾自助遊歐47天，行走7國、24個城市。 來自服裝背景，不滿足於單一設計領域，跨出舒適圈，學 習品
設計與使用者介面設計。
擅長聆聽客戶真實的聲音。
freehand drawing Illustration UX Sense 03 語言能力 中文
母語 ｜ 非常流利
英文
流利 ｜ 多益725
台語
略懂 ｜ 基本聽可
AWARD
1
2014 / 03
萬歲千里騎 老不休車隊車衣設計比賽 優勝
EDUCATION 2019 / 04-06
UI/UX設計實務職業訓練 2011-2015
台北實踐大學 服裝設計系日間部 學士學位 2008-2011
台中市立惠文高中 普通科
EXPERIENCE 2015-2018
慈星實業有限公司 婚紗禮服設計助理 負責項目
·與設計師、打版師、打樣師溝通，協助完成婚紗打樣 ·縫珠設計、細節設計 ·交付工廠量產之設計說明與文書資料處理
特殊經驗
·擔任#44婚紗試衣模特兒 ·擔任試衣Dresser、棚拍Dresser ·擔任公司福委、策劃活動與活動平面設計 ·婚紗工廠見習，具有完整工廠流程概念 2015 / 03-06
負責項目
·飾品與展示陳列、具有備品上架概念 ·產品促銷、推薦適合飾品
2013 / 07
香港商施華洛世奇台灣分公司元素部 實習生 特殊經驗
·擔任2013施華洛世奇元素時尚首飾匯展工作人員
CONTENT
Garnishing And Food Presentation My Table
Street photography Travel The Cities
BRAND DESIGN
01
Brand Design
Coffee Clinic
品牌企劃 執業30年的醫生退休後開的咖 是怎麼樣的
？
許醫師熱愛手沖咖 一間特色手沖咖
，決 定 在 退 休 後 開 館「 咖
診 所 」，結
合 生 活 中 的 兩 大 要 素：醫 療 與 咖
咖
館會
。
店希望能帶給朋友們一個滿室咖 香 、能 平 靜 地 放 鬆 、放 空 、喝 咖
、聽
音 樂 、閱 讀 的 好 地 方 。
品
企劃提
醫療與咖
兩者看似無
關 又 不 和 諧 的 要 素 ，但 透 過 設 計 思 考 撞出有趣與創意的火花。
A 嗅 覺 / 味 覺：烘 焙 香 / 咖 香 /焦香/酸味/回甘/苦味
E
顏 色：粉 色 / 粉 綠 / 白 色 I m a g e s：白 袍 / X 光 片 / 聽 診器/針筒/藥丸/膠囊/藥 罐
感受與印象
感受與印象
B
嗅 覺 味 覺：藥 丸 苦 味 / 藥 水 味/消毒味/藥味 正 面 感 受：權 威 / 專 業 / 依 賴 負 面 感 受：不 安 / 身 體 不 適
C
角 色：主 治 醫 生 / 藥 師 / 護 理 師/病患/家屬
M I N D M A P 顏 色：咖 色 / 大 地 色 / 綠 色 感 受：心 情 愉 快 的 / 平 和 的 / 享受的/療癒的/放鬆
F
I m a g e s：咖 包 / 咖 豆 / 手沖濾杯/手沖壺/咖 樹/ 咖 櫻桃/量鬥匙/咖 杯
G
視覺與角色
角 色：客 人 / 咖 師 / 店 員 / 內場 行 為：點 單 / 沖 煮 咖 / 盛 裝 食物上菜/
H
咖
診所
行為與角色
D
行 為：掛 號 / 等 候 / 問 診 / 診 斷/對症下藥/開藥/取藥
Brand Design
Coffee Clinic
Logo設計 咖
診所的logo需要融合咖
與 醫 療 兩 者 意 像 ，經 過 心 智 圖 發 想後選擇咖
豆作為代表咖
的 意 象 、心 電 圖 作 為 醫 療 的 意 象 。
許多醫療的象徵對於一般大 並 不 是 好 的 感 受 ，例 如 藥 丸 、針 筒 。在 設 計 發 展 過 程 中 曾 嘗 試 聽 診 器 等 圖 像 拆 解 ，最 後 取 用 能 清 楚識別並且容易聯想的心電圖。
將心電圖放置在咖
豆的紋路
裡 ，簡 單 清 楚 並 契 合 主 題 。
+ 代 表 咖 的 意 象： 取咖 豆並使用豆 子形狀做設計聯想
= 代 表 醫 療 的 意 象： 使用一個完整心跳 的 心 電 圖 ，簡 單 、清 楚 識 別 、易 聯 想 。
結合咖 與醫療的 咖 診所最終Logo
Logo設計過程
Dr.Hsu s
Coffee Clinic
C l i n i c 的 i 可 解 釋 為 醫 護 人員如 蠟 燭 燃 燒自己照 亮 他 人， 也可作為手沖咖 萃取液滴落的模樣。
Dr.Hsu
Coffee Clinic Coffee Clinic
Brand Design
Coffee Clinic
名片設計 醫 療 的 符 號 之 上 ，名 片 設 計 取 用 構 成 咖
館 的 重 要 元 素：C o ff e e , b o o k s , m u s i c
名片的設計使用許醫師想要賦 予 咖 館 的 元 素：咖 、音 樂 與 書。 個版本簡化正面的Logo 文 字 ，只 保 留 圖 像 ，取 咖 豆 經 過濾杯萃取為咖 之意。
另一版本做比較保守的編排， 正 反 面 都 秀 出 完 整 L o g o ，色 調 也 選 用 穩 的 深 色 ，提 供 兩 版名片供業主選擇。
Brand Design 菜單設計 菜單設計針對單品咖
較長的產區
名 稱 做 版 面 編 排 ，並 放 入 風 味 描 述 。 大 區 塊 以 產 品 區 分：咖 咖
/咖哩飯，
中 又 以 非 洲 / 美 洲 產 區 區 分 ，使
長名稱的安排也能視覺清爽。
Coffee Clinic
Brand Design
咖
Coffee Clinic
小卡
隨著單品咖 介紹咖
一起上
的咖
小 卡 ，功 用 在 於
產 區 、處 理 法 與 細 膩 的 風 味 描 述 。
除 了 基 本 的 產 區 、處 理 法 、風 味 描 述 與 咖 味 雷 達 圖 提 供 客 人 參 考 ，咖 發 揮 創 意 ，結 合 醫 療 資
風
診所的咖
小卡
搖身一變為咖
處方
箋。
空 虛 寂 寞 、食 慾 不 振 、生 活 太 苦 、或 是 工 作 壓 力 大 ，無 論
有 什 麼 疑 難 雜 症 ，咖
症 下 藥 ，提 供
咖
最適切的咖
小卡更貼心提醒
診所都能對
處方。
，副 作 用 會 讓
喝完還
想 來 一 杯 ，但 是 標 準 處 方 劑 量 可 是 一 日 一 壺 ， 多 飲 無 益 唷！
Brand Design
咖
Coffee Clinic
診所網站企劃
網站主要功能在於營造品 地圖時著重於結合咖
形 象 ，在 規 劃 網 站
與 醫 療 的 記 憶 連 結 。首
先 以 精 緻 的 形 象 大 圖 置 於 頁 首 ，接 著 以 創 意 咖
概要 進 入
讀條動畫
處 方 箋 營 造 記 憶 點 。闡 述 創 業 理 念 與 精 神 後
1
提供加入會員以獲得優惠的服務。
內容說明 讀取病例xx％
1.Logo N AV B A R
2.
3.咖
冊 會員（初 診 掛 號） 診間介紹
4.語言切換
網 站 企 劃 內 容 包 括 網 站 地 圖 發 想 ，W i r e f r a -
1 . 新 品自烘 咖
me與響應式網站介面設計。
2 主 要 畫 面
b a n n e r 五 張 照片
2.本週豆單
產品資
4 . 本月選 書
形 象 照片結 合 最 新
3.季節甜點新品火輕食新品 5.本週歌單 單品咖
3
豆上架
豆
左 側 產 品 名 稱 選 單，游 標 移 動 後在 左 頁 側 顯 示 商 品 照片＋ 名 稱 ＋ 咖
商品
右下角咖
風味雷達圖
豆 名 稱、風 味 描 述、與 功 效
（感 覺 和 平、幸 福、放 鬆 . . . .）
4 5 6
展 示 店 內 照片與 創 業 初 衷 文 字 咖
診間介紹
1 . 創 業 理 念 與 背 景（關 於 醫 生 與 咖
，文字＋照片展示）
師的結合
2 . 職 人 精 神（圖片＋ 文 字 說 明）
1.帳號 填寫初診病歷表
2.密碼
3.使用facebook 4.咖
風味偏好
1.地址 footer
2.電話
3.營業時間
4 . i g 連 結、粉 絲 專 業、部 落 格 連 結、分 享
11:45 AM
80%
Brand Design
Coffee Clinic NAVBAR
Ba n n er形象照片結合 最 新 產 品
咖
診所網站Wireframe
在整體網站的設計強調咖
與醫療的結合，
結構與氛圍。
風 格 選 用 採 日 式 簡 約 ，以 呼 應 業 主 日 式 手 沖
個品
V I S 色 系 ，作 為 整
形象系列色盤。
商品區塊頁面-咖
形象營造文字，作為過 場 與 銜 接
。使用直式文字創造如 詩 一 般 的
給予鮮明的記憶點。
的 職 人 精 神 。色 調 沿 用 品
資
主要商品區塊，使用跳 動 的 游 標 移動回饋賦予新奇的感 受，搭 配 創意文字，使商品區作 為 令 人 印 象深刻的記憶點。
處方箋 傳達品
精神，大區塊 地 放 置 創
業初衷與職人精神。
安排著重於文字表述，搭 配 情 境 照片，加強好感形象傳達。
加入會員功能用顏色區 塊 跳 脫
出來，並考量到使用者 體 驗，放
加入會員區塊頁面-填寫初診掛號單
置在一系列好感形象營 造 之 後。 使用清爽簡易的版面，一目了然 的設計增加使用者加入 會員意 願。
頁尾放置聯絡資
營業時間，以及品 連結。
，包 含 地 圖 與 社群媒體的
NAVBAR 按鈕收進下拉選單
行動裝置版Wireframe
Ba n n er與形象營造文字，作 為
過場與銜接。使用直式文字 創 造 如詩一般的結構與氛圍。
頁首區塊頁面
商品區塊頁面
- 形 象 照 片 、過 場 文 字
-咖
處方箋
主要商品區塊，改為下拉時只顯
示商品名稱，點擊時畫面右 滑 顯 示商品細節。因應商品名稱 接 為 字數較多的單品咖
。
創業初衷與職人精神改為直 式
區塊安排，圖片與文字交 錯，以 確保在行動裝置上也能清楚 閱 讀文字。
加入會員區塊頁面
頁尾區塊頁面
- 優 惠 說 明 、註 冊
- 聯 絡 方 式 、分 享
加入會員功能區塊採用上下 區 隔，確保輸入文字按鈕清 楚。
聯絡資
版面也改為直式編 排，
放大分享ic on，賦予網頁收 尾 輕 鬆有趣的氛圍。
Brand Design 咖
Coffee Clinic
診所網站完整介面設計
頁 首 介 面 設 計
商 品 區 塊 介 面 設 計
加 入 會 員 區 塊 介 面 設 計
頁 首 與 下 拉 選 單 介 面 設 計
商 品 與 點 擊 右 滑 介 面 設 計
理 念 與 註 冊 會 員 介 面 設 計
咖
診所企劃手稿
Brand Design
Coffee Clinic
咖
診所Coffee clinic品
企劃從心智圖發
想 、l o g o 設 計 、主 視 覺 設 計 、名 片 、菜 單 、咖 小 卡 設 計 ，到 網 站 地 圖 、w i r e f r a m e 與 介 面 ，進 行非常完整的系列設計。
一個開咖
廳 的 想 法 ，從 零 開 始 規 劃 ，藉 由 設
計 思 考 循 序 漸 進 發 展 成 視 覺 、實 體 、數 位 。聆 聽 業主需求，聽見隱藏的聲音，反覆溝通與確 認。
藉由本次企劃作為品牌設計師，考量人的需 求 、行 為 ，也 考 量 科 技 及 商 業 的 可 行 性 ，不 斷 去 蕪 存 菁 ，尋 找 更 多 可 能 。
GRAPHIC DESIGN
02
Graphic Design
當 馱 獸 心 好 累 ，陪
MOD Bar
街 心 好 累 ，一 個 人 在 店 門 口 顧 小 孩 心 好 累 。
另 一 半 血 拼 到 消 失 不 見？避 難 所 有 酒 精 、軟 沙 發 、與 和 你 一 樣 的 同 溫 層 ，何 不 來 b y M O D 酒 吧 寄 放 一 下 自 己 的 疲 憊？
酒 吧 位 於 O u t l e t 商 場 內 ，針 對 客 群 設 計 兩 版 酒 吧 名 片 。使 用 插 畫 風 格 一 眼 吸 睛 ，創 意 內 容 使 人 會 心 一 笑 。
Graphic Design
Balcony Cafe
設計理念 陽台是一家有點個性又有點低調的咖
館 ，設
計 上 給 予 字 體 一 些 性 格 、搭 上 大 地 自 然 的 配 色 ，主 視 覺 為 站 在 一 樓 門 口 視 角 的 陽 台 ，光 看 著 就 彷 彿 聞 到 了 烘 焙 香 ，賦 予 美 好 體 驗 的 期 待 。
Graphic Design
Wulin Farm
設計理念 使 用 簡 約 的 版 面 與 柔 和 的 顏 色 ，創 造 如 沐 浴 大 自 然 中 舒 服 的 氛 圍：涼 爽 、愜 意 、春 意 大幅簡化繁瑣的資 試圖讓受
，多 餘 資
然。
收 進 Q R c o d e ，在 D M 中 強 調 導 覽 、露 營 觀 星 等 行 程 資
想 像 置 身 武 陵 農 場 體 驗 自 然 生 態 、有 趣 好 玩 又 放 鬆 的 的 感 受 。
，
Graphic Design
SunYeh Computer
版 面 清 爽 簡 約 ，凸 顯 企 業 名 稱 與 標 語 ，專 注 於 設 計 未 來 、實 踐 想 像 。
使 用 活 力 的 對 比 配 色 ，一 眼 吸 睛 ，版 面 配 置 與 L O G O 巧 妙 呼 應 ，增 添 趣 味 性 。
FASHION DESIGN
03
Fashion Design
David Rankin男裝設計
David Rankin
設計說明 以紐約藝術家David Rankin的創作為靈 感 所 發 想 的 一 系 列 男 裝 設 計 。藉 由 圖 像 轉 化 、發 想 、並 進 行 材 質 實 驗 。
實驗後最終選定以冷染與珠繡作為主要 細節設計。
款 式 靈 感 參 考 2 0 1 6 秋 冬 男 裝 趨 勢 ，融 合 與 藝 術 家 背 景 息 息 相 關 的 土 耳 其 服 飾 ，繪 製出一系列男裝設計。
Fashion Design
David Rankin
Pintucking Beads & Sequins
Stiching
Fashion Design
Liberam
Create your Freedom 服裝設計品
企劃
自 由 自 在 、舒 適 自 信 ， 是 L i b e r a m 想 提 供 給 客 戶 的 感 覺 。
Liberam品
名 稱 取 自自 由 與 隨 機 的 英 文 ，L o g o 以 天 馬 象
徵 自 由 、背 景 隨 機 散 落 幾 何 色 塊 ，如 同 品
自由自在的形象
，色 彩 印 象 鮮 明 賦 予 自 信 感 ，材 質 柔 軟 舒 適 ，不 受 拘 束 。
Market Positioning
Product Positioning
Ages
25 45
Location
S o u t h W e s t d i s t , S h o n g Ya n E s l i t e
Occupation
SOHO, office workers,
Price
2000 5000NTD
Salary
30,000 150,000
Promotion
Seasonal Sale : 10% off 40% off
Living area
Taipei and its immediate vicinity
Pruduct Features
Comfortable, machine washable
Shopping area
S o u t h W e s t d i s t r i c t , S h o n g Ya n E s l i t e
Ingredien
95%Knit 5%Woven
Personal Trait
Confidence, Brave, Energetic
/80%Cotton 20%Chemical Fiber
Competitor Analyzing Milida : No limited, Be yourself. Handmade, machine washable, no billing and no deforming fun doodle colorful crossover freedom.Target market group: 30 50 women who is financially independent, confidence, brave, energetic.Item prices: 4000-7000 NTD/pcs. SWOT analyzing compares with the competition - Milida. Due to the result thre are some orientations : Establish online shopping platform, establishing facebook fanpage, holding joint fairs, and establish VIP member systems.And due to the high penetration of online social platform such as facebook, youtube etc.the commercial will focus this area.
Strength
Weakness
lower costs (without commission from the department store)
lower brand identity
Opportunity
SO orientation
WO orientation
high living standards willingto purchase deversification of purchasing ways
establish online shopping platform
establish facebook fanpage to convey the lifestyle of brand and provife wearing information
Threat
ST orientation
WT orientation
Intensive competition between peers Deversification of consumers’ choices
Hold joint fairs with same priced but differentstyle brands as a promotion
Establish VIP member system with member only discount and collect customers’ information
SWOT analyzing
Fashion Design
Liberam
服裝設計商品企劃 no.
Front
Back
colours
Retail price
15ssb1-01
2500 NTD
15ssb1-02
2800 NTD
15ssb1-03
2000 NTD
15ssb1-04
2000 NTD
15ssb1-05
3500 NTD
no.
Front
Back
colours
Retail price
15ssb1-06
2500 NTD
15ssb1-07
3800 NTD
15ssb1-08
2800 NTD
15ssb1-09
4200 NTD
15ssb1-10
3800 NTD
Fashion Design 服裝設計品
插畫
Liberam
Fashion Design
Fisso x SCFD
產學合作設計案FIsso x SCFD 2015 . 3 - 2015 . 4
Fisso為紡織大廠聚陽旗下自 有運動機能女裝品
，產 學 合
作設計為其規劃具設計美感 的2106秋冬慢
運動女性
機能服。
本季設計以流行音樂 C h a n d e r l i e r 作 為 主 題 ，取 其 飛 躍 、晃 動 、搖 曳 的 舞 蹈 意 象 ，轉 化 為 服 裝 布 花 、副 料 、剪 接 線 設 計 ，版 型 與 主 布 料 參 考 2 0 1 6 秋 冬 趨 勢 預 測 ，並 使 用 聚陽製造之布料製作服裝。
(Story board為組員共同發 想 製 作 。)
Fashion Design 服裝平面圖
Fisso x SCFD
服裝設計圖
服裝設計與我 美 是 不 分 領 域 的 ，我 是 如 此 確 定 。
來 自 服 裝 設 計 的 訓 練 ，包 括 了 對 色 彩 的 敏 銳 、材 質 選 用 、對 細 節 的 精 雕 細 琢 。
在 婚 紗 領 域 的 磨 練 也 由 於 製 程 繁 瑣 ，完 善 細 節 全 靠 細 心 與 耐 心 ，以 及 與 不 同 角 色 充 分 且 良 好 的溝通。
我 依 舊 熱 愛 服 裝 ，著 迷 於 婚 紗 禮 服 的 精 緻 細 節 、 完 美 貼 和 的 剪 裁 、振 手 一 擺 的 飄 揚 、與
上後自
信與魅力。
條 路 未 曾 停 止 ，將 藉 由 另 外 一 種 形 式 延 續 。對 自 我 的 挑 戰 也 不 會 停 歇 ，我 將 持 續 嘗 試 、持 續 體 驗 ，期 望 自 己 有 所 成 長 ，勇 往 直 前 。
FREE WORKS
04
Garnishing And Food Presentation My Table
Street photography Travel The Cities
Free Works
Return to neverland
Matte painting 使用素材與場景參考
ReTurn to Never Land 薄 霧 是 衾 枕 ，船 為 床 榻 ，承 載 著 夢 裡 最
默
的想望。
似 夢 未 醒 ，悠 悠 擺 盪 。漂 浮 著 、搖 晃 著 、船 舵 無 所 適 從 ，宇 宙 無 聲 包 容 、銀 河 未 曾 催 促 ， 只靜靜地映出猶疑。
入 倒 影 之 中 ，抑 或 升 空 迎 向 未 知 的 自 由？
Free Works
Food Presentation
食物擺盤 在 日 常 生 活 中 ，我 喜 歡 為 自 己 做 一 頓 早
，好 好 裝 飾
擺盤後再享用。
出 社 會 後 才 自 學 廚 藝 ，體 驗 到 廚 房 不 簡 單 ，做 菜 的 流 程 、營 養 均 衡 與 食 材 的 管 理 接 是 一 門 學 問 。
早上起床時我會
在床上先預想一遍早
內 容 、製
作 的 流 程 、以 及 如 何 呈 現 食 物 ，作 為 早 晨 起 床 的 開 機 儀式。
有 了 想 法 ，製 作 的 時 候 方 能 有 條 有 理 、心 靈 平 靜 。擺 盤的靈感則來自於於當日的食材與料理方式。
擺 盤 是 日 常 對 於 設 計 與 美 的 堅 持 ，我 的 放 美 味 的 食 物 ，更 該 賞 心 悅 目 。對 我 來 說
不只盛 也是一種
設 計 、也 是 創 作 。也 因 為 美 味 ，熱 情 未 曾 停 歇 。
Free Works
Street Photography
城 市 旅 人 ，步 行 的 途 中 總 是 開 啓 路 上 觀 察 雷 達 ，拍 照 捕 捉 當 下之美，感受發現瞬間的喜 悅。
人 見 平 凡 、我 見 精 采 。
足 踏 歲 月 積 累 ，眼 見 未 來 。
接 觸 玻 璃 金 魚 缸 外 的 真 實 ，時 間與歷史堆砌出來的文化深 度才有辦法傳遞感動。
一 列 火 車 疾 駛 ，沿 途 風 景 變 換 ，旅 客 上 車 ，旅 客 下 車 。
你要去 是過程。
裡
？目 的 地 也 只
走 出 舒 適 圈 ，旅 行 是 最 好 取養份的方式。
2018秋，
大旅行計畫了
很 久 ，走 訪 7 國 2 4 城 ，拜 訪 遠 方 的 好 友 ，遇 見 一 些 人 ，體 驗 各 種 新 奇 ，探 索 許 多 未 知 。
感 受 微 風 吹 拂 過 臉 頰 ，感 受 、 前 進 時 的 喘 息 、感 受 雙
的
力量。
感 受 身 在 異 地 ，自 己 的 膽 怯 與 勇 氣 ，不 停 地 和 自 己 對 話 。
N e ve r e a s y, a l w a y s worth it. 總會想起
每當登階而上時 句話。
旅行讓我對於實踐想像有了 更多的認知。
Wind walker 跨 越 框 架 ，挑 戰 自 我 ，乘 著 風 自 在 漫 步 。 Chun Ping Hsu 2019 Portfolio
Thank you for your reading.