V i su a l D e si gn / U I

PORTFOLIO Zona Tsai

蔡宜晴

Hello, I’m Zona.

蔡宜晴

This is

my Resume.

About me JOB OBJECTIVE

EXPERIENCE

視覺網頁平面設計

無 印 良 品 | 05. 2015-04. 2018 門市人員

PERSONAL DETAILS

銷售、規劃 視覺陳列、服務顧客、收銀。

Date of birth: Gender: Age: Phone: Address: E-mail:

1994/02/11 Female 24 0920-661597 台 中市大雅區民權街1 4 6巷3 號 yiiching211@gmail.com

EDUCATION 國立台中科技大學 | 09.2015-06.2018 休閒事業經營系

主要學習企業及人力管理，以及如何有效的經營公司企業， 大學四年專案簡報中，皆以負責版面設計，另有自學平面設

大 雅 區 公 所 | 05. 2014-05. 2015 行政人員 接聽電話、解決民眾問題、資料統整 。

計相關基礎。

政府職訓單位-上益電腦 | 10.2018 UI與UX跨平台前端程式整合設計

台 灣 櫻 花 公 司 | 09. 2013-09. 2014 客服人員

學習Photoshop、Illustrator、網頁前端設計、RWD製作、 程式切版、CSS和HTML。

接聽電話、解決顧客問題、處理客訴抱怨。 LANGUAGES

FUTURE PLAN SKILLS

中文 100%

英文 65%

韓文 50%

未來在工作上希望能夠有穩定的向上發展，也會

Ph o t o s h o p

不斷嘗試新的作品種類與風格，保持對平面設計

I l l u s t r at o r

工作的熱忱，懷著誠懇、肯吃苦的心去自我學習

RWD

，也運用自己的專長，為公司盡一份心力，期盼

H T M L &C S S

成為貴公司的一員，謝謝。

CONTENT 04 - 08 /

Bu siness Card Design

名片設計

14 - 17 /

Logo Design Grid

LO G O設計

09 - 13 / 18 - 20 /

Direct Mail Design Package Design

21 - 25 /

Poster Design

35 - 40 /

Other

26 - 34 /

Web Layout Grid

DM設計

包裝設計 獨立海報設計 網頁版型設計 其他設計

04/

Bu siness Card Design

名片設計

Bu siness Card Design 名片設計 上益電腦認證中心

初長成 在職訓設計課程中，第一次的設計就從名片 開始，從公司制式名片到飮品甜點，以及男 性用品為主題的設計。

��

Bu siness Card Design 名片設計 甜點店- CJSJ

��

Bu siness Card Design 名片設計 奧本電動刮鬍刀

��

Bu siness Card Design 名片設計 甜點店- CJSJ

��

09/

Direct Mail Design

DM шин шиИ

Direct Mail Design DM設計 小次男咖哩

概念

以日式舊宅感的店外觀， 作為D M 主圖去呈現整體 風格，以及搭配咖哩餐點 的美味，整體營照店內的 日本文青風格。

��

Direct Mail Design DM設計 MUJI-和良品迎新春

��

Direct Mail Design

紅點文旅-一泊二食優惠

n DM設計

惠活動

��

Direct Mail Design DM設計 可樂旅遊-立山黑部雪壁活動

��

14/

Logo Design Grid

L ogoшин шиИ

Logo Design Grid Logo設計

YOLO D e sig n C o mpa ny 設計 公 司

概念

取自YOLO一詞，為即使艱難也要

享受人生的意境，當成立一間設計 公司，希望用這樣的意義，傳達無

憂且享受於設計的理念，LO G O以

YO L O 四個英文字母做不同的變化 為呈現。

��

MS. ZONA Flower Shop 花店

概念

使用英文名字為命名的花店， 下方L O G O 以Z 字母排列，用

插畫花飾風格去營造文青花店 的風格。

��

Logo Design Grid Logo設計

SUMMER HOUSE 旅店

概念

希望以有山有海有陽光的元 素，帶給人有放鬆並且享受 自然的度假型旅店。 ��

18/

Package Design

包裝設計

Package Design 包裝設計

Hear t B ean Coffe e Shop 咖啡店

概念

用Heart Bean 一 詞 ， 意謂著

令人 心 動 的 咖 啡 豆 ， 希望用此 品牌 形 象 塑 造 每 一 杯 都是讓人 心動 的 咖 啡 ， 於 是 結 合H 和 B

字母 與 咖 啡 杯 做L o g o 上的變

化， 並 放 入 咖 啡 店 的 周 邊商品 上。

��

淡淡

\ 香燭品 牌 概 念店

概念

以插畫風格的蠟燭為基底，搭配 墨綠色的『 淡 淡 』顏色的文字，文 字內加入花草的圖示讓文字更活 潑，也呈現香燭所散發的花草香 氣。

��

21/

Poster Design

海報設計

Poster Design 夏日音樂祭

海報設計

��

Poster Design

海報設計

美國影集宣傳海報 - 侍 女的故事 概念

以女主角在劇中即將處死， 以及絕望害怕的畫面來呈現 這部劇的充滿恐懼的形象， 用細框線條聚焦女主角的臉

， 並映入經典名句加強整個 劇晴的震撼形象。

��

電影海報

- 一 個巨星的誕生 概念

以兩張經典劇照呈現一個 巨星的誕生過程，上方是 缺少自信的模樣去襯托下 方自在的享受一切，再加 上聚光燈的聚焦及金色襯 字，展現電影的整體想傳 達的意境。

��

Poster Design

��

海報設計

26

Web Layout Grid

網頁版型設計

Web Layout Grid 心之芳庭-電腦版

網頁版型設計

團體執行網站專案 -負責設計(UI)項目

主畫面 以L o g o 呈現漸漸淡出 跳至心之芳庭形象影片 希望透過影片呈現一眼 抓住觀看網站的人。

��

分為三大區塊 約會、婚禮、親子 讓各自客群能夠 快速找到想要的 資訊。

重點園區資訊消息呈現，兩大 主題餐廳透過H o v e r 效果直 接點選到另外菜單連結。

區分三大客群

用左右照片跑燈方式，讓人 能直接透過一張張美麗照片 感受心之芳庭的氛圍，吸引 旅客們前往。

透過已經在心之芳庭遊玩過的客人 們的Instagram打卡連結，最直接 看到更多好玩漂亮的照片。

��

Web Layout Grid 心之芳庭-手機版

��

網頁版型設計

概念

營造適合每個人都能到此一遊的浪漫氛圍 絕對適合約會親子朋友一起來的旅遊勝地 為與其他家族企業(薰衣草森林)做出區別

使用白色系簡約風的設計去襯托一張張漂 亮風景照片。

團隊一起完成的整個網站， 感謝組員們一起討論分享， 也經過多次的修改完成心之 芳庭網站的改版專案。

��

Web Layout Grid

網頁版型設計

BLUE BOT TLE COFFE E SHOP- 電 腦 版

��

��

Web Layout Grid

網頁版型設計

BLUE BOT TLE COFFE E SHOP- 手 機 版

��

概念 Blue B ot t l e C o ffe e 為 來 自 紐 約 的 咖 啡 館， 近 期 拓 展 到 亞 洲 地 區，但 目 前 還 沒 有 中 文 版 的 網 站， 主 要 希望 讓 更 多 人 知 道 這 間 咖 啡 館，為 此 而 選 擇 此 網 站 作 為 設 計 主 題，從 品 牌 介 紹 到 咖 啡 及 產 地，甚 至 是 咖 啡 豆 的 挑 選 為 此 間 咖 啡 店 吸 引 人 之 處，包 含 其 他 周 邊 商 品 以 及 咖 啡 店 整 個 全 球 分 布 位 置，都 希 望 讓 更 多 人 了 解， 設 計 風 格 則 是 利 用 主 要 色 調 白、 藍、原 木 色 去 做 搭 配，感 受 其 文 青 及 簡 約 的 風 格。

��

35/

Other

其他

Other 其他設計 卡片

新 年 賀卡 祝 多 彩 多姿 展 翅 高飛

聖誕節賀卡

��

Other 其他設計

Ma t t e-Pat t ing_phot o shop

夢境-人類與動物共存 人擺脫於城市的繁雜喧鬧 ，在雲層上與動物和平共處 ，夢境般的靜靜流動在月色 與星空下。

��

��

Other 其他設計

Ma t t e-Pat t ing_phot o shop

失落的樂園 原是充滿歡樂的樂園，如今 卻人事已非，而小男孩冒險 闖入這廢墟般的樂園，其實 是想守護這曾經來過的回憶。

��

��

Th a n k y ou

s o much for rea di ng my p or tfol i o. 您可以聯繫我由—

y iiching� ��@gma il.com

Zona Tsai

蔡 宜 晴 ����