PORT FOLIO 2016 - 2020 SELECTED WORKS
王 潔恩
WANG CHIEH-EN
NEVER GIVE UP
WANG CHIEH-EN
Contents
00
ABOUT ME PAGE. 04-05
03
POJECT DESIGN PAGE. 32-39
01
WEB DESIGN
02
PAGE. 08-19
04
GRAPHIC DESIGN PAGE. 42-63
INTERFACE DESIGN PAGE. 22-29
05
PEGA INTERN PAGE. 66-71
WANG CHIEH-EN
王 潔 恩 | WANG CHIEH-EN
Born in 1996, Hsinchu, Taiwan +886 910 178 747
chien9187@gmail.com
關於我 | ABOUT ME
從 資 訊 領 域 轉 換 設 計 領 域， 經 歷 重 考 的
進 入 設 計 領 域 後， 曾 經 對 自 己 所 做 的 決 定
熱 忱， 在 1 9 歲 做 出 改 變 一 生 的 重 大 的 決
對 設 計 仍 有 放 不 下 的 情 感， 因 此 自 己 試 著
過 程， 更 清 楚 知 道 自 己 對 設 計 的 喜 愛 與 定，只為了給自己一次實現夢想的機會。
走 在 人 生 交 叉 路， 沒 有 人 知 道 哪 條 路 是 最 正 確 的 選 擇， 得 自 己 經 歷 ， 才 會 明 白 。 儘
管自己所選擇路是艱辛，也知道自己還有 很 多 不 足 的 地 方， 就 必 須 想 辦 法 利 用 比 別 人多的時間去加強、學習。
迷 惘 過。 重 新 審 視 自 己 後， 發 現 對 程 式 找資源摸索網頁設計、介面設計。只要有 機會都不會排斥學習新的事物。
大 學 四 年 中 影 響 我 最 深 的 是 實 習 那 一 年， 進入職場從什麼不懂的小小實習生到開
始 熟 悉 工 作 及 待 人 處 事 的 法 則， 從 中 慢 慢成長，就像拼圖般拼湊出完整的樣子。
經歷
'11-'14 '14-'15 '16-'20 '17-'20 '18-'19
獲獎
'18 '20 '20 '20
檢定
國 立 新 竹 高 商 資料處理科 朝 陽 科 技 大 學 資訊管理系
明 志 科 技 大 學 視覺傳達設計系
明 志 科 技 大 學 視傳系 實習助理
和 碩 聯 合 科 技 工業設計部 實習生 全 國 學 生 圖 畫 書 創作獎
入圍
放 視 大 賞 傳 達設計類
第一階段入圍
金 點 新 秀 年 度 最 佳設計獎 產品設計類 明 志 科 大 視 傳 系 109 級畢業展「動靜」
入圍
第三名
TQ C + 專 業 設 計人才認證 網頁設計 TQ C + 專 業 設 計人才認證 影像處理 Silicon Stone InDesign CC
技能
Illustrator, Photoshop, Indesign, Premiere, HTML, CSS, XD, Sketch, Keyshot, SketchUp, SparkAR, Word, PPT, Mac OX
01 ｜ WEB DESIGN 續日咖啡 個人網站
Dawn Cafe
Wang Jane
WANG CHIEH-EN
關於續日 | Dawn Cafe
位 於 新 竹 市 的「 續 日 咖 啡 」 在 2 01 6 年 開 幕， 店 家 保 留 老 房 子 最 原 始 的 空 間 與
格 局 。 寬 敞 的 室 內 空 間， 讓 每 個 客 人 能 保 有 自 己 的 私 人 領 域， 希 望 讓 每 個 人 能 用心去體會生活的滋味。
《 續日》由來
來 自 松 浦 彌 太 郎《 續． 日 日 100 件 日 常
鍾 愛 的 事 情 》， 每 個 人 都 有 自 己 所 鍾 愛
的 事 情， 而「 咖 啡 」 是 老 闆 最 鍾 愛 的 日 常 ， 藉 由 一 間 咖 啡 店， 來 傳 遞 自 己 所 愛 的 事 物 ，用 咖 啡 拉 近 人 與 人 之 間 的 距 離 。
8
WEB
INTERFACE
PROJECT
GRAPHIC
INTERN
9
WANG CHIEH-EN
10
WEB
INTERFACE
PROJECT
GRAPHIC
INTERN
續日咖啡 Dawn Cafe Concept
提供咖啡店內最新資訊與咖 產 品 介 紹， 簡 單 的 使 用 介 面
能讓消費者迅速在頁面中選 購自己所喜歡的咖啡豆。
Material
Skecth, Photoshop
11
WANG CHIEH-EN
12
WEB
INTERFACE
PROJECT
GRAPHIC
INTERN
13
WANG CHIEH-EN
14
WEB
INTERFACE
PROJECT
GRAPHIC
INTERN
關於個人網站 | MY WEB
會 想 架 設 自 己 的 網 站， 不 僅 是 想 要 讓 別 人 更 暸 解 自 己， 也 是 為 自 己 寫 出 的 第 一 個 網 站。 在 高 中 及 朝 陽 時 奠 定 一 點 程 式
語 言 的 基 礎， 讓 我 在 剛 接 觸 網 頁 時 更 得 心 應 手， 雖 然 很 多 時 候 還 是 覺 得 好 難 很 想 放 棄， 但 當 網 頁 慢 慢 地 呈 現 出 自 己 想
要 的 樣 子， 那 種 成 就 感 真 的 很 棒。 網 頁 看 似 簡 單， 卻 其 實 很 多 細 節 要 去 觀 察， 一 個 好 的 網 頁 是 要 花 很 多 心 力 去
看、 想、 做， 才 能 設 計 出 符 合 使 用 者 的 網頁規劃。
15
WANG CHIEH-EN
個人網站 JANE'S WEB Concept
網站集合就讀大學四年間的所有
作 品， 除 了 希 望 能 藉 由 網 頁 可 以 讓大家更暸解自己，並且由網際 網路可以讓更多人能看見自己的 作品以及設計能力。
Material
XD, Photoshop
16
WEB
INTERFACE
PROJECT
GRAPHIC
INTERN
17
WANG CHIEH-EN
18
WEB
INTERFACE
PROJECT
GRAPHIC
INTERN
2 1
1 關於我、作品 2 技能、聯絡我
19
02 ｜ INTERFACE DESIGN SPORTS
Sport APP
FASHION.
Fashion APP
天氣小助手
Weather Help
WANG CHIEH-EN
關於 SPORTS
會 想 要 模 擬 設 計 S PORTS 是 因 為 自 己 本 身 很 喜 歡 在 閒 暇 時 看 運 動 賽 事 直 播， 有 時 候 還 會 為 了 喜 歡 的 球 員 熬 夜 看 比 賽， 對 我 來 說 是 一 種 享 受 與 放 鬆， 看 著 運 動 員 為 每 一 分 比 數 堅 持 到 最 後， 那 種 奮 力
毅 博 的 精 神 ，是 我 必 須 從 他 們 身 上 學 習 。
《SPORTS》由來
不 同 於 其 他 運 動 APP 只 會 以 單 一 運 動 來 設 計， 希 望 使 用 者 可 以 看 更 多 更 多 元 的 運 動 賽 事 ， 因 此 以 《 S P ORTS 》 命 名 。
22
WEB
INTERFACE
PROJECT
GRAPHIC
INTERN
23
WANG CHIEH-EN
SPORTS Concept
模擬只要人手一機，每月只要支付小 額 費 用， 就 可 享 有 隨 時 隨 地 觀 看 任 何 運 動 賽 事， 簡 單 的 操 作 介 面 讓 使 用 者 更容易上手。
Material
Skecth, Photoshop
24
WEB
INTERFACE
PROJECT
GRAPHIC
INTERN
25
WANG CHIEH-EN
26
WEB
INTERFACE
PROJECT
GRAPHIC
INTERN
天氣小助手 Weather Help Concept
運用搜尋系統，使用者可以簡單查詢
各個地區的天氣預報以及空氣品質狀 況，每隔一小時會更新最新的天氣資 訊，讓使用者可以得到最新消息。
Material
Skecth, Illustrator
27
WANG CHIEH-EN
FASHION. Concept
模擬消費者登入後可以直接購買自己 想 要 的 商 品， 簡 單 好 操 作 的 頁 面 讓 消 費者一目瞭然地暸解所有的資訊，也
可 以 利 用 APP 搭 配 屬 於 自 己 的 穿 衣 風格。
Material
Skecth, Illustrator
28
WEB
INTERFACE
PROJECT
GRAPHIC
INTERN
29
03 ｜ PROJECT DESIGN 牛牛補給站 記得愛你
Package
Remember Love
WANG CHIEH-EN
2017.11
包裝設計
牛牛補給站 Concept
將「 ㄋ ㄟ ㄋ ㄟ 補 給 站 」 重 新 做 改 造， 以《 愛 花 的 牛 》 為 創 作 理
念，外包裝都以西班牙鬥牛所在地 為主，再以北歐花草為主要設計風 格，希望消費者不僅吃出餅乾本身 的奶香味，更希望所有消費者都能 像費迪南一樣堅持自己的目標，完 成屬於自己的夢想。
Group members
王潔恩、王襄芸、王顥蓉、何育錡
Team Work
展開圖繪製、配色、印刷
32
WEB
INTERFACE
PROJECT
GRAPHIC
INTERN
33
WANG CHIEH-EN
34
WEB
INTERFACE
PROJECT
GRAPHIC
INTERN
35
WANG CHIEH-EN
2020.01
專題設計
Concept
「 雖 然 我 忘 記 你 的 名 字 ，但 我 還 記 得 我 愛 你 」。高 齡 失 智 者 給 人 們 的 刻 板 印 象 是 失
能 ，但 他 們 卻 不 曾 失 卻 愛 的 感 覺 。愛 是 我 們最重要的語言，請記得愛他們！
" I forget your name, but I still remember that I love you."
One of the common stereotypes of people
suffering from senile dementia is disability. In fact, they never lose the feeling of love.
Love is the most important language. Please remember to love them.
Group members
王潔恩、王襄芸、王顥蓉、何育錡
Team Work
網頁設計、產品設計、LOGO
Award
金點新秀年度最佳設計獎 - 產品設計類 - 入圍 放視大賞 - 傳達設計組 - 第一階段入圍
36
WEB
INTERFACE
PROJECT
GRAPHIC
INTERN
37
WANG CHIEH-EN
記得喝水 - 水壺 Concept
失 智 者 有 水 分 補 充 不 足 的 問 題， 此 水
壺設計協助控管失智長輩一天的喝水
量， 讓 照 護 者 能 輕 鬆 記 錄； 隨 著 裝 水 的 次 數 增 加， 旋 轉 水 壺 底 部 時， 水 滴 標 示 上 的 水 量 會 慢 慢 增 高， 水 量 紀 錄 一目暸然。
Material
Photoshop
38
1
1 產品圖 2 操作步驟 2
WEB
INTERFACE
PROJECT
GRAPHIC
INTERN
每次水量
裝水總量 旋轉機關 計次指針 39
04 ｜ GRAPHIC DESIGN 環境識別
CIS
海報設計
Poster
文字設計 專輯設計 雜誌編排 喜帖編排
Type
Album
Magazine
Wedding Card
WANG CHIEH-EN 2017.12 環境識別
LOGO 草圖發想 Logo idea
GREEN GRASS LAKE
LOGO 及標準字 | 橫式排列 Logotype | Horizontal arrangement
LOGO 及標準字 | 直式排列 Logo type | Vertical arrangement
Concept 大自然元素，用簡單線條來呈現，再 以活潑、明亮的色彩做配色，希望用 色 彩 重 新 呈 現 青 草 湖 過 去 的 風 光， 並 維持現在的好風景。
42
WEB
INTERFACE
PROJECT
GRAPHIC
INTERN
標準色及輔助色 Color palette
PANTONE P 179-13 C
PANTONE P 179-13 C C0 M0 Y0 K82
PANTONE P 7-7 C
PANTONE P 7-7 C C0 M15 Y81 K0
PANTONE P 151-13 C
PANTONE P 151-13 C C46 M0 Y65 K9
PANTONE P 140-16 C
PANTONE P 140-16 C C100 M0 Y94 K35
PANTONE P 119-2 C
PANTONE P 119-2 C C34 M0 Y5 K9
專用字體 Corporate typeface 中文字體 王漢宗圓體
英文字體 Andake Mono
新竹市青草湖
Aa Bb Cc Dd
新竹市青草湖
1234567890 43
WANG CHIEH-EN
場所符號識別 Place sign design
44
WEB
INTERFACE
PROJECT
GRAPHIC
INTERN
青草湖地圖 Place map
GREEN GRASS LAKE
1
2 3
8
6 7
1
5
2
6
3
7
4
8
5
4
45
WANG CHIEH-EN
合成圖 Composograph
46
WEB
INTERFACE
PROJECT
GRAPHIC
INTERN
47
WANG CHIEH-EN 2016.12 文字設計
48
WEB
INTERFACE
PROJECT
GRAPHIC
INTERN
49
WANG CHIEH-EN
2017.05 海報設計
漾藝術博覽會 Young Art Concept
運 用 設 計 師 Do me n i c Li p pa 的 慣 用 手 法， 把 20 1 6 樣 藝 術 博 覽 會 主視覺海報與邀請函做重新編排 設計。
Material
Indesign, Photoshop
50
WEB
INTERFACE
PROJECT
GRAPHIC
INTERN
51
WANG CHIEH-EN
1 1 邀請卡 2 主視覺海報
52
2
WEB
INTERFACE
PROJECT
GRAPHIC
INTERN
53
WANG CHIEH-EN
2018.04 海報設計
首爾森林 黑裙子 2018 台北演唱會 Concept
為 我 喜 歡 的 韓 國 獨 立 樂 團「The
Bl ack Sk ir ts」重 新 設 計 主 視 覺 海
報 ，以 仿 舊 為 主 要的 設 計 元 素 ，跟 樂 團 復 古 迷 幻 曲 風 相 呼 應， 並 用 樂團歷年專輯所構成整個畫面。
Material
Photoshop, Indesign
54
1 網頁 Banner 2 活動海報 1
2
WEB
INTERFACE
PROJECT
GRAPHIC
INTERN
55
WANG CHIEH-EN 2016.12 專輯設計
56
WEB
INTERFACE
PROJECT
GRAPHIC
1
3
2
4
INTERN
5
1 專輯打開 2 專輯內頁 3 專輯封面 4 歌詞本 5 CD
57
WANG CHIEH-EN
2018.01 雜誌編排
好樣生活 VVG Life Concept
走進隱身台北巷弄的生活設計 雜 貨 舖， 這 些 費 心 保 留 城 市 溫 度 的 生 活 職 人， 設 計 出 屬 於 自 己 的 生 活 樣 貌， 豐 富 城 市 中 的 美好風景。
Material
Indesign, Photoshop
58
WEB
INTERFACE
PROJECT
GRAPHIC
INTERN
59
WANG CHIEH-EN
60
WEB
INTERFACE
PROJECT
GRAPHIC
INTERN
2 1
1 雜誌目錄 2 雜誌內文
61
WANG CHIEH-EN
2019.12 喜帖設計
Bear's Wedding Concept
為進入人生下個階段的姊姊設計專屬於她的
喜 帖， 以 象 徵 兩 人 「 熊 」 來 發 想 ， 用 插 畫 的 方 式 呈 現， 整 體 風 格 以 簡 單 、 可 愛 來 展 現 出 兩個人的性格。
Material
Indesign, Photoshop, Illustrator
62
1 喜帖 2 程序單 1
2
WEB
INTERFACE
PROJECT
GRAPHIC
INTERN
63
05 ｜ PEGA INTERN 介面設計
AURA GUI
辦公室改造
Poster
產品拍攝
Type
WANG CHIEH-EN
66
WEB
INTERFACE
PROJECT
GRAPHIC
INTERN
AURA GUI
在 2 0 1 9 年 PE GA DAY 所 展 示 的 電 競 筆 電， 也 是 在 和 碩 實 習 過 程 中 接 觸 最 大 型 的 案 子 之 一， 跟 設 計 師 經 過 不 斷 溝 通 所 設 系 出 來 介 面 設 計， 主 要 以 太 空 元 素 來 做 發 想， 讓 整 個 畫 面 有 高 科 技 及 速 度 感， 配 色 以 筆 電 本 身 顏 色 去 做配搭，讓整體在視覺上更協調。
67
WANG CHIEH-EN
68
WEB
INTERFACE
PROJECT
GRAPHIC
INTERN
69
WANG CHIEH-EN
辦公室改造計畫 Concept
和 碩 邁 入 11 個 年 頭 ， 工 業 設 計 部 門 內 部
進 行 o f f ice 改 造 計 畫 ，以 會 議 空 間 著 手 。 從 丈 量 到 繪 製 3D 圖 、 Re n d e r ， 中 間 不 斷 與 主 管 溝 通， 最 終 設 計 以 圖 所 示 ， 以
pa n to n e 色 票 藍 色 為 主 要 基 底 ， 讓 整 個 空 間 變 得 更 加 沈 穩， 進 入 此 空 間 時 可 以 使 人 更 為 平 靜， 在 開 會 的 過 程 中 更 能 投 入其中。
Material
Photoshop, Sketchup, Keyshot
70
WEB
INTERFACE
PROJECT
GRAPHIC
INTERN
71
我相信沒有做不到的事情 只要有機會
就要多方的嘗試
機會永遠只留給準備好的人 我，已經準備好了
THANK Y
O
U