Origin Portfolio

O r igin Yi -Tzu , Fu 2 017 Por t folio

CONTENTS ABOUT ME

Introduction Exper ience

UI DESIGN

3 4

Wuo-wuo Magazine Website Redesign 7 LimitStyle Mobile Website Design 11 Tamkang Univer sity Depar tment of Infor mation 1 5 and Communication Official Website Redesign

GRAPHIC DESIGN Gra du at ion project - O UCH!

19

In ter n at ional Kite Fest ival Cu ltura l

27

M a x- Liu Special Exh ibit ion

a n d Creat ive Products Design Pe rso nal Creat ions

23

-ＥＶＥ Adv ert ising Posters

29

- Heaven

32

-Ｏcean Word

-S pic y Big Flavor -S pic y Big Bom b - Nat ure Garden - Oth er w orks

31 33 34 35 37

I N TRODUCT ION Name

YI-TZU FU

Gender

Female

Date of birth Email

Home Address Technical Skills Education Honors

13 July 1994 yitzu.fu@gmail.com

No.206, Sec. 3, Zhongxing Rd., Zhudong Township, Hsinchu County 310, Taiwan (R.O.C.) Graphic, layout, website and UI design

B.A. in Information and Communication, 2016 Tamkang University, New Taipei City, Taiwan

Dean’s List of Honor of the College of Liberal Arts with outstanding academic performance, 2015-2016 academic year

E XP ERTISE Programs

Language

Chinese Mandarin (Native)

English (Upper intermediate)

3

YI TZU FU

R ELEVA N T EXPER IENCE FEB 2014 |

Student A ssistant

Department of Information and Communication, Tamkang University, Taiwan

SEP 2016 Re spons ible for the webs ite d e si g n a n d m a r ke t i n g o f t h e N ew Me d i a C e n t er JUN 2015 Manager and UI Designer |

Department of Information and Communication, Tamkang University, Taiwan

OCT 2015 Re des igned the official web si t e o f t h e d e p a r t m e n t JUL 2015 |

UI Designer

Grazingcat Design Inc., Taiwan

DEC 2015 U I des igner interns hip

SEP 2015 Curator and Graphic Designer |

Max-Liu Special Exhibition, Taiwan

JAN 2016 Re spons ible for m arketing, g r a p h i c d e si g n , a n d we b si t e d e si g n MAY 2016 Manager and Graphic Designer |

JUL 2016

Department of Information and Communication, Tamkang University, Taiwan Final project - OUC H! for g r a d u a t i o n ex h i b i t i o n

4

5

UI Design Wuo-wuo Magazine Website Redesign LimitStyle Mobile Website Design Tamkang University Depar tment of Information and Communication Official Website Redesign

6

Wuo-wuo Magazine Website Redesign Designed by Yi-Tzu Fu and Ting-En Wei Wuo-Wuo, founded in 2012, is a magazine focusing on animal care. The team decided to revamp their website and logo, because of the website is too old.We created the new layout and UI elements according to the unique color and shape of the new logo. Soft and warm design styles were utilized to match the heartwarming content of the magazine.

7

UIKIT

Title

Icons

編輯精選

熱烈發行中

不可不看！

看看這世界 正在發生...

原來 大家都在看！

窩 主編

最新文章

實習編輯

文章分類

熱門文章

畢業編輯

窩插畫

窩知識

窩攝影

窩時事

窩書櫃

窩國際

窩繪本

窩活動

窩電影

窩學堂

窩音樂

窩專題

窩專訪

窩書評

窩嚴選

窩評論

更多好文 都在窩抱報

Banners 搜尋...

關於窩窩

窩抱報

窩部落

窩藝文

窩實習

聯絡我們

窩實習

搜尋...

我們期待你加入我們，共同訴說人與動物間的關係。

窩抱報

窩部落

窩藝文

窩實習

聯絡我們

窩部落

窩藝文

窩實習

聯絡我們

關於窩窩

窩抱報

窩部落

窩藝文

窩實習

了解這世界更多的毛小孩

窩編們

搜尋...

我們天真的認為設計可以改變世界，文字足以撼動人心

搜尋...

關於窩窩

窩抱報

窩部落

搜尋...

關於窩窩

關於窩窩

窩抱報

窩部落

窩藝文

窩實習

聯絡我們

聯絡我們

窩藝文

用藝擁抱動物

窩抱報

第一本關注流浪動物的雜誌 窩抱報 第一本關注流浪動物的雜誌

8

DETAIL

9

10

Limitstyle Online Shop Designed by Yi-Tzu Fu and Ting-En Wei The project was to design a new layout for their mobile website. We analyzed the structure of the website and designed a new layout that improved not only user experiences but also gave the website a sense of beauty. Since the website is an online shop, we opted to use simple outlines and color blocks instead of fancy decorations, putting emphasis on functionality and fluidity.

11

Limitstyle

UIKIT

UI KIT

Color Scheme

Typography

#64bdbb

標題一｜思源黑體 TWHK Medium 25pt

UI Elements 看作品

購買好商品

#087fe0

看作品

標題二｜思源黑體 TWHK Regular 21pt

購買好商品

#97d318 #a670d2

選項二 選項三 選項四

標題三｜思源黑體 TWHK Regular 16pt

i線套Tunes

#414042

35%

標題四｜思源黑體 TWHK Regular 14pt

分類 #087fe0

選項一

#0666a8

#97d318

87%

標題五｜Calibri Regular 14pt

NTD139

#719e12

標題六｜Calibri Regular 12pt

NTD26,500/50,000 #a670d2

#58297e

#64bdbb

#4b8e8c

內文｜思源黑體 TWHK Light 13pt

本設計特殊蓋口設計，倒一次就是一個 小茶匙的量，將步驟減半，調味更優雅。

Menu

關於Limitstyle

顏色選擇

購物車

湖水藍

會員專區 聯絡我們

青雲白 數量 蘋果紅 櫻花粉

購買好商品

購買好商品 分類 所有

分類

搜尋....

衛浴 廚房

3C周邊

生活小物

家具

12

DETAIL

13

14

Tamkang University Depar tment of Information and Communication Official Website Redesign(www.ic .tku.edu.tw) Designed by Yi-Tzu Fu and Ethan Yu I, along with my brother, were chosen by our department chair to carry out the redesign of the outdated the department official website. We replaced all of the old and tacky flash images with photographs of the campus taken by my brother. Furthermore, we opted for a simple modern layout and used the Joomla system as the backbone of the website.

15

16

17

Graphic Design Graduation project - OUCH! Max-Liu Special Exhibition International Kite Festival Cultural and Creative Products Design Personal Creations -EVE Adver tising Poster s -Ocean Word -Heaven -Spicy Big Flavor -Spicy Big Bomb -Nature Garden -Other wor ks

18

Graduation project - OUCH! Designed by Yi-Tzu Fu and Yu-Ting Lin This is my graduation project. The project name is a pun that plays on the pronunciation of difficult and hard-to-please customers in Mandarin. I, along with my partner, wanted to convey the elements of good consumer behavior: empathy, self-discipline, and trust, as far too many people are rude and unreasonable to the workers of the service industry. Hence, we inquired into the reasons why people choose to be rude and difficult and planned a series of activities to correct their misconceptions. One of the major activities is to test if they will be a bad consumer or not. We used an interactive device that people could answer three questions to, allowing us to understand if they have enough empathy, self-discipline, and trust. Thus, people will become more aware of their own behavior and be more polite towards the service industry workers.

19

CIS and Roles Design

20

Other Design For Activities

21

Behind the Scenes

22

Max-Liu Special Exhibition Curator Yi-Tzu Fu, Instructor Hui-Ju Lai In order to promote the eco-conservation vision of the artistic genius Max-Liu to teachers and students of Tamkang University, our team used the theme of “Po-Yu Bird" from the famous painting by Max-Liu. We made visual pamphlets, filmed a documentary, and we also planned the campus activities, the online marketing, and a special exhibition, allowing teachers and students to become more familiar with Max-Liu and his vision.

23

Visual Identity Design

24

Other Design For Activities

25

Behind the Scenes

26

燕 风 筝 家 族 系 列 贴 纸 Traditional Swallow Kite Sticker Design Designed by Yi-Tzu Fu This series of stickers incorporate traditional culture into kite designs. Because the International Kite Festival was also an activity popular for families to attend, I drew a series of kite family as stickers, according to the design rules from Cao Xueqin Blueprint of Swallow Kites(曹雪芹紮燕風箏圖譜) published in Qing Dynasty. Ultimately, these design choices were to promote the history of kites in oriental culture to the general public.

27

DETAIL

28

Personal Creations

Get Away From Headache.

EVE Advertising Posters Designed by Yi-Tzu Fu In the digital and creative course, I chose to design and create poster advertisements for EVE painkillers via digital image manipulation techniques in Adobe Photoshop.

29

30

Personal Creations

Ocean word

31

Heaven

32

Spicy Big Flavor

33

Spicy Big Bomb

34

Nature Garden

35

36

Personal Creations

Others Works

37

38

O r igin