Jia-Chi Huang - Portfolio 黃家琪
Before Solving 察覺 之 美
2015 2017
WEB
網頁設計
GRAPHIC
平面設計
PHOTOGRAPHY
攝影
“設計 讓我學會從原點看事情”
02
PORTFOLIO
Contents 目次
04
自我 介紹
Web Design
網頁設計
08
米洛 科技公司
響 應 式 網 頁 設 計 、 JS 動 態 設 計
12
朱宗 慶打擊樂
響應式網頁設計
16
欣辰 生技公司
響應式網頁設計、商品攝影
22
菇魔 力
網頁設計
24
普拉 伯義大利坊
網頁設計
About Me
Idea of Miracle
Ju Percussion Group
Stardustbiotech
Good Morning
Bravo Pasta
個人學經歷及簡介
CONTENTS
26
亞益國際公司
網頁設計
28
玉燕月嫂中心
網頁設計
30
B anne r 設計精選
Graphic Design
40
Hands-pan Bread
Jade Swallow
Banner Design
各產業網站形象圖設計
平面設計 臺灣動物保護協會 Taiwan Tapadogs
統籌、設計、插畫、攝影
03
04
PORTFOLIO
About me 自我介紹
所學
所做
我是家琪，來自臺灣，2014 年畢業於國立嘉義
畢業後在科技公司擔任網頁設計師一職，初期
大學視覺藝術學系，在校期間所學包含素描、
以接網頁設計案為主，從熟悉網頁製作流程開
水彩、油畫、水墨書畫、雕塑、3D 動畫、網頁
始，乃至熟練系統運用及程式語言基礎等。除
設計等，大三以後選擇設計組，專攻視覺設計
此之外，還參與了公司發展小組，進行系統設
及多媒體課程。
計開發、內部營運等規劃討論，透過定期的會 議，積極建立自己企劃、思考及提案的能力， 在一年內，積極推動公司拓張與發展，實力備 受肯定，便被提升為“設計部主管”，管理人 數約 13 人，期間除了增強自我領導經驗外，最 寶貴的是認知到「團隊溝通」的重要，身為帶 領部門的角色，必須達成上司的要求及得到下 屬的信任，於是在成為雙方之間的橋樑後，溝 通便是我每天鑽研的課題。
ABOUT ME
“解決問題”雖難， 但“發現問題”更不容易
完整的我
剛接任主管時，我曾對自己說：『“解決問題”
平時我喜歡旅行、愛好攝影，結束上份工作的
雖難，但“發現問題”更不容易。』我認為，
這段時間，我行走過幾個城市，從臺灣臺東、
一個團隊的成功，靠的是不斷自省修正的精神，
美國西雅圖到泰國曼谷等，我利用旅行，鍛鍊
而在團隊裡的每個人，除了要有解決問題的能
自己的感知、親身感受世界的脈動，在臺東，
力，更要具備敏銳的觀察力，發掘問題的所在，
看見原住民風情文化之美；在西雅圖，紀錄巧
避免成為只聽命行事的助手，於是，在這樣的
奪天工的西方美學；在曼谷，證實東南亞設計
信念下，解決過多次內部製作流程不順暢的問
之都的創意活力。旅途豐富了我的見聞，也深
題，讓團隊能夠儘速步上軌道。與此同時，本
化了我的專業能力，讓我在多彩的生活中不斷
身的設計專業更是精進不少，由於責任的加重，
成長。
自我要求更需提升，每每透過協助其他設計師 完成案件，加強自我決斷力及引導能力。 這兩年半以來，肩負設計及管理兩個主要重任，
未來 在澳門
我認為對自己的專業能力有相當的加成效果。
我曾經來過澳門兩次，喜歡這塊土地特殊的人
在管理上所學的決策力用於設計上，能更加果
文歷史、中西式共榮的建築風景，選擇在澳門
斷俐落的表現在作品中；在設計上所學的思考
工作，主要是希望透過更長時間的居留，熟悉
模式用於管理上，則能夠讓整體規劃安排更加
語言並能更深入其境，由於有親友在澳門生活，
周全完善。
能夠協助我落腳的地方，大大降低了這方面的 時間及金錢壓力，此外，也希望藉由我的工作 背景及能力，帶給公司更不一樣的精彩火花。
05
W
E B
D E S I G N
.
. W E B
E S I G N
D
D
E
S
N I G
. W
E
B
08
37
Web Design
網頁設計
web design & photography
08
PORTFOLIO
N I G
. W
E
B
D
D
E
S
.
W E B
E S I G N
龐大，為了讓觀者能夠更加快速且輕鬆的理解其需求， 我以區塊化的設計方式將訊息歸類，並將排版空間拉 鬆，讓觀者在消化文案時，不受大量資訊所壓迫，另外， 在頁面右方特別加上「隨行式錨點選單」的設計，更加 友善使用者在閱覽較長篇幅網頁時，來回觀看資料的便 利性。 最後，讓網站質感更加提升的要素，便是 JS 動態設計， 我將預設好的效果提出與工程師進行討論，主要以流 暢、精緻而不花俏為方向，帶出米洛科技公司穩重且細 膩的形象。
N
D E S I G
米洛科技是一間網頁設計公司，由於其網站上的資訊量
E B
響應式網頁設計 / JS 動態設計
W
米洛科技公司
.
Idea of Miracle
WEB DESIGN
2017 . 01 https://www.webtech.com.tw/
09
10
PORTFOLIO
#e84186 #544085
WEB DESIGN
11
PORTFOLIO
N I G
. W
E
B
D
D
E
S
.
W E B
E S I G N
朱宗慶打擊樂可說是臺灣現代打擊樂發展的重要推手， 已足足在臺灣深耕 31 年，能夠為其執導英文版官方網 站設計，當初是相當欣喜的。 網站整體以簡約大方的風格為設計主軸，帶出其以「傳 統與現代融合，西方與本土並進」為宗旨的音樂特色， 另外，在頁面中以兩張滾動視差式的滿版形象圖展現團 隊表演時的氣勢滂沱。
N
D E S I G
響應式網頁設計
E B
朱宗慶打擊樂
.
Ju Percussion Group
W
12
WEB DESIGN
2016 . 08 http://eng.jpg.org.tw/
13
14
PORTFOLIO
WEB DESIGN
15
PORTFOLIO
N I G
. W
E
B
D
D
E
S
.
W E B
E S I G N
希臘天然海綿是欣辰生技主要銷售的產品，其網站風格 以自然的海洋氣息為導向，天藍搭配類金色作為主色 系，帶出其產品優雅高貴的氣質。 其中，除了定調其網站主視覺外，我也參與了產品形象 圖的拍攝，我透過了解客戶的需求，與攝影師進行多次 討論，決定拍攝手法及道具準備，最後，將攝影成果放 在網站首頁上，讓整體呈現效果更加分。
N
D E S I G
響應式網頁設計 / 商品攝影
E B
欣辰生技公司
.
Stardustbiotech
W
16
WEB DESIGN
2016 . 07 http://www.stardustbiotech.com/
17
18
PORTFOLIO
WEB DESIGN
19
20
PORTFOLIO
WEB DESIGN
Photography 攝影規劃
為了呈現產品原料取自大自然的意念，我選擇 採用海星等物件帶入海洋的元素，並將整體定 調為清新明亮風格。
21
PORTFOLIO
Good Morning Gumoli 菇 魔 力
網頁設計
N I G
. W
E
B
D
D
E
S
.
W E B
E S I G N
N
.
D E S I G
http://www.gumoli.com/
E B
2016 . 01
W
22
WEB DESIGN
23
PORTFOLIO
Bravo Pasta 普拉 伯 義 大 利 坊
網頁設計
N I G
. W
E
B
D
D
E
S
.
W E B
E S I G N
N
.
D E S I G
http://www.bravopp.com.tw/
E B
2016 . 02
W
24
WEB DESIGN
25
PORTFOLIO
Hands-Pan Bread 亞益 國 際 公 司
網頁設計
N I G
. W
E
B
D
D
E
S
.
W E B
E S I G N
N
.
D E S I G
http://hands-pan.com/
E B
2016 . 12
W
26
WEB DESIGN
27
PORTFOLIO
Jade Swallow 玉燕 月 嫂 中 心
網頁設計
N I G
. W
E
B
D
D
E
S
.
W E B
E S I G N
N
.
D E S I G
http://www.jadeswallow.com/
E B
2015 . 12
W
28
WEB DESIGN
29
PORTFOLIO
N I G
. W
E
B
D
D
E
S
.
W E B
E S I G N
我相信網站 Banner 是抓住瀏覽者目光的主要功臣，提 升 Banner 的品質除了能讓畫面更美觀外，快速傳達正 確、明瞭的訊息也是相當重要的用途之一。 在這兩年半中，我曾接手過形形色色的產業類別，對於 各行業特色的掌握度也提升不少。
N
D E S I G
各產業網站形象圖設計
E B
設計精選
.
Banner Design
W
30
WEB DESIGN
2015 - 2017
31
32
PORTFOLIO
傳承農產行
2015 . 06
Ta.her' 傢俱
2017 . 04
銘翰袋品有限公司
2015 . 05
WEB DESIGN
又興工業
2015 . 07
川原痴燒肉
2016 . 05
33
34
PORTFOLIO
老井極上燒肉
2016 . 08
桔揚股份有限公司 Casa 咖啡
2016 . 04
桔揚股份有限公司 Casa 咖啡
2016 . 04
WEB DESIGN
新北市私立新和托嬰中心
2017 . 02
恩嬡國際公司
2017 . 02
35
36
PORTFOLIO
供膚好好
2016 . 09
供膚好好
2016 . 09
璽妍健康館
2015 . 06
WEB DESIGN
誼光貿易股份公司
2015 . 08
富懋全球生技股份有限公司
2016 . 04
37
40
45
Graphic Design
平面設計
typesetting & planning
40
PORTFOLIO
Taiwan Tapadogs 臺灣動物保護協會
統籌 / 設計 / 攝影 / 插畫
連續兩年為臺灣動物保護協會執行年度桌曆及手札的統 籌及設計。在 2017 年出刊的版本中，我們還特地安排 12 隻貓犬主角們進棚拍攝，以「家人」為主題，搭配 著生活用品，將他們設置在各類型家庭的場景中，表達 協會裡的每隻犬貓都能如此亮麗、溫馨的生活在你的家 庭，希望大家以「領養代替購買」。 每年的成品都在全國各通路義賣，為毛小孩們籌措伙食 及醫療費用。
GRAPHIC DESIGN
2016 . 2017 出刊 http://www.tapadogs.org.tw/
41
42
PORTFOLIO
年桌曆、手札設計
GRAPHIC DESIGN
Illustration 插畫
2016 年出刊的版本以 12 隻協會裡的流浪動物 為主角，首度挑戰平面插畫創作，並將主題定 為「Life is better with pets」，希望社會能更 加珍惜身邊的毛小孩。
43
44
PORTFOLIO
Photography 攝影規劃
GRAPHIC DESIGN
45
W
E B
D E S I G N
.
. W E B
E S I G N
D
D
E
S
N I G
. W
E
B
contact info
Thanks for watching. 請多指教
janetbabe0207 @gmail.com
+886 963265165
janet810207
janet_film
Jia-Chi Huang - Portfolio