TERRY WU Graphic Design Portfolio
TERRY WU Graphic Design Portfolio
TABLE OF CONTENTS.
INTRODUCTION
PAGE 08
About Me Terry Wu PROJECT 01
PAGE 10
Kodak Rebranding PROJECT 02
PAGE 30
Snowy Village Café Web Design PROJECT 03
PAGE 48
Tadao Ando Book Design PROJECT 04
PAGE 62
PetSmart UX Design PROJECT 05
PAGE 82
TerraLingo Branding Design
TERRY WU GRAPHIC DESIGN PORTFOLIO
08
intro.
ABOUT ME TERRY WU BACKGROUND & CONCEPT I am Terry Wu, a graphic designer living in San Diego, CA. As a recent graduate from the Academy of Art University, I now hold a master’s degree in Graphic Design and Digital Media as well as a bachelor’s degree in Interior Architecture and Design. I am also an art editor, working at a global media company, Epoch Media Group for years. I am an architecture enthusiast. I see graphic design as another form of architecture. “Graphic design repeats in miniature what architecture does monumentally.” Successful graphic and architecture design both end with inventions that sit at the intersection of utility and aesthetics. In my design, I am always pursuing a kind of “architectural beauty”, which is extremely structured, organized, balanced, clean and neat.
CHAPTER
01
02
03
04
05
INTRODUCTION
09
PASSIONS
Architecture
Cats
Ramen
Travel
HOBBIES
PERSONAL TRAITS
DESIGN KEYWORDS
Tea Making
Logical
Structured
LEGO Building
Observant
Contrast
Meditation
Efficient
Minimalist
DEGREE 1
DEGREE 2
SCHOOLS
MA in Graphic Design
BFA in Interior
Academy of Art University
and Digital Media
Architecture and Design
Design Institute of San Diego
PHONE
LOCATION
terrywu99@gmail.com
858.900.3163
San Diego, CA
TERRY WU GRAPHIC DESIGN PORTFOLIO
10
P01 CREATE THE MOMENTS. OBJECTIVE Choose a dead brand and redesign its brand identity to fit a future vision. Through research, identify the company’s soul and ensure that it transitions into the businesses re-brand.
CONCEPT I chose Kodak for this project. Kodak used to make cameras and films, and now with my rebranding, it is broadening the mission to provide creative professionals with many new ways to store, process and share images and videos as memories, information, portfolio and entertainment anywhere anytime. The new Kodak offers an engaging social networking platform, large-capacity storage solutions and a set of professional creative applications. Kodak is always here to empower the creative community, help creative professionals to share and push their ideas forward.
CHAPTER
01
02
03
04
05
KODAK REBRANDING
PROJECT
Kodak Rebranding CATEGORY
Logo Design
Branding
Booklet Design
KEYWORD
TYPEFACES
Connection
Avenir Next Regular
Bright
Avenir Next Bold
Web Design
COLOR PALETTE
Arc
COURSE
INSTRUCTOR
SEMESTER
The Nature of Identity
Jeremy Stout
2018 Fall
11
12
TERRY WU GRAPHIC DESIGN PORTFOLIO
CHAPTER
01
02
03
04
05
KODAK REBRANDING
13
14
TERRY WU GRAPHIC DESIGN PORTFOLIO
CHAPTER
01
02
03
04
05
KODAK REBRANDING
15
16
TERRY WU GRAPHIC DESIGN PORTFOLIO
CHAPTER
01
02
03
04
05
KODAK REBRANDING
17
18
TERRY WU GRAPHIC DESIGN PORTFOLIO
CHAPTER
01
02
03
04
05
KODAK REBRANDING
19
20
TERRY WU GRAPHIC DESIGN PORTFOLIO
CHAPTER
01
02
03
04
05
KODAK REBRANDING
21
22
TERRY WU GRAPHIC DESIGN PORTFOLIO
CHAPTER
01
02
03
04
05
KODAK REBRANDING
23
24
TERRY WU GRAPHIC DESIGN PORTFOLIO
CHAPTER
01
02
03
04
05
KODAK REBRANDING
25
TERRY WU GRAPHIC DESIGN PORTFOLIO
26
sno
snowyvillage.com/contact
owyvillage.com
CHAPTER
01
02
03
04
05
KODAK REBRANDING
27
28
TERRY WU GRAPHIC DESIGN PORTFOLIO
CHAPTER
01
02
03
04
05
KODAK REBRANDING
29
TERRY WU GRAPHIC DESIGN PORTFOLIO
30
P02 HEALTHY INDULGENCES. OBJECTIVE Choose a local small business (café, theatre or art gallery) that needs a new website and mobile application. Design or redesign a website for it.
CONCEPT I chose a small café called Snowy Village which newly opened dessert shop located in Mira Mesa, San Diego, California. Snowy Village Dessert Café is looking to get an official website in order to increase sales, improve interaction with existing and potential customers and to build up the brand. My goal is to develop a well-thought-out responsive website (including desktop, tablet and mobile versions) to fulfill the client’s needs and expectations for this website.
CHAPTER
01
02
03
04
05
SNOW Y VILL AGE WEB DESIGN
PROJECT
Snowy Village Café Web Design CATEGORY
Web Design
Mobile App Design
KEYWORD
TYPEFACE
Fresh
Avenir Light
Joyful
Avenir Roman
Business Strategy
COLOR PALETTE
Healthy
COURSE
INSTRUCTOR
SEMESTER
Digital Design Studio
Patrice Anderson
2018 Fall
31
TERRY WU GRAPHIC DESIGN PORTFOLIO
32
Site Map SNOWY VILLAGE
HOMEPAGE
HEADER (MENU BAR)
ABOUT
· Brand Story · Brand Features
MENU
· Bingsoo · Taiyaki · Drinks
CONTACT
· Map (Google) · Contact Number · Operation Hours
MOBILE APP
· Landing Page · Call-to-action Button
BODY
SLIDESHOW
· Branding Images · Promotions · Store Image
FEATURE INTRODUCTION
· Ingredients · Bingsoo
FOLLOW US ON INSTAGRAM
· Image Gallery (from Instagram)
CHAPTER
01
02
03
04
05
SNOW Y VILL AGE WEB DESIGN
33
APP
(MOBILE ONLY)
APP
REDIRECT
MOBILE APP or APP STORE FOOTER
BRANDING
· Logo · Term of Use · Privacy Policy
COPYRIGHT STATEMENT
SOCIAL MEDIA LINKS
· Copyright Symbol · Business Name · Year
· Facebook · Instagram · Twitter
Platform
Secondary
Primary
Tertiary
Acquisition
TERRY WU GRAPHIC DESIGN PORTFOLIO
34
Style Tile | 01
BRANDMARKS
| 03
COLOR PALETTE
Primary
#8bd3d4 139, 211, 212
#ffffff 255, 255, 255
| 02
#00d3d4 0, 211, 212
#a7a9ac 167, 169, 172
#58595b 88, 89, 91
ADJECTIVES
SNOWY comfy fresh & healthy JOYFUL
Secondary
#f1bc96 241, 188, 150
#fef0d3 254, 240, 211
#b2fb98 178, 251, 152
#ffa38e 255, 163, 142
CHAPTER
| 04
Avenir
SubTitle
Body
Link
| 05
02
03
04
05
SNOW Y VILL AGE WEB DESIGN
35
| 06 IMAGES/PATTERNS
TYPOGRAPHY
Aa Title
01
Description Light Roman
We believe that absolutely everyone needs a dessert that makes them feel good.
Avenir Roman 48pt
desktop
Avenir Roman 40pt
Tablet
Avenir Roman 32pt
Phone
Avenir Roman 36pt
desktop
Avenir Roman 32pt
Tablet
Avenir Roman 26pt
Phone
Avenir Roman 16pt
all
Avenir Light 16pt
all
Avenir Light 14pt
all
This is a text link example.
BUTTONS
NORMAL
HOVER
NORMAL
HOVER
all
| 07
ICONOGRAPHY sidebar
dropdown
search
swipe left
swipe right
cancel
phone
map
social media
TERRY WU GRAPHIC DESIGN PORTFOLIO
36
snowyvillage.com/contact
CHAPTER
snowyvillage.com
01
02
03
04
05
SNOW Y VILL AGE WEB DESIGN
37
38
TERRY WU GRAPHIC DESIGN PORTFOLIO
CHAPTER
01
02
03
04
05
SNOW Y VILL AGE WEB DESIGN
39
40
TERRY WU GRAPHIC DESIGN PORTFOLIO
CHAPTER
01
02
03
04
05
SNOW Y VILL AGE WEB DESIGN
41
42
TERRY WU GRAPHIC DESIGN PORTFOLIO
CHAPTER
01
02
03
04
05
SNOW Y VILL AGE WEB DESIGN
43
44
TERRY WU GRAPHIC DESIGN PORTFOLIO
CHAPTER
01
02
03
04
05
SNOW Y VILL AGE WEB DESIGN
45
46
TERRY WU GRAPHIC DESIGN PORTFOLIO
CHAPTER
01
02
03
04
05
SNOW Y VILL AGE WEB DESIGN
47
TERRY WU GRAPHIC DESIGN PORTFOLIO
48
P03 POET IN CONCRETE. OBJECTIVE Design a book that celebrates “artisans,� that displays a well-defined type system, includes graphics, and a hard cover.
CONCEPT Tadao Ando is my favorite architect. He was the first man who got four major international architecture awards including the Pritzker Prize. Ando is a master of using natural materials like glass and concrete, and his works has minimalist aesthetics and deeply influenced by traditional culture. So for this project, I designed a book to introduce him and showcase his seven master pieces in four countries from 1989 to 2016.
CHAPTER
01
02
03
04
05
TADAO ANDO BOOK DESIGN
PROJECT
Tadao Ando Book Design CATEGORY
Book Design
Book Editing
KEYWORD
TYPEFACE
Minimalist
Gotham family
Web Design
COLOR PALETTE
Architectural Contrast
COURSE
INSTRUCTOR
SEMESTER
Type Systems
Anitra Nottingham
2018 Spring
49
50
TERRY WU GRAPHIC DESIGN PORTFOLIO
CHAPTER
01
02
03
04
05
TADAO ANDO BOOK DESIGN
51
52
TERRY WU GRAPHIC DESIGN PORTFOLIO
CHAPTER
01
02
03
04
05
TADAO ANDO BOOK DESIGN
53
54
TERRY WU GRAPHIC DESIGN PORTFOLIO
CHAPTER
01
02
03
04
05
TADAO ANDO BOOK DESIGN
55
56
TERRY WU GRAPHIC DESIGN PORTFOLIO
CHAPTER
01
02
03
04
05
TADAO ANDO BOOK DESIGN
57
58
TERRY WU GRAPHIC DESIGN PORTFOLIO
CHAPTER
01
02
03
04
05
TADAO ANDO BOOK DESIGN
59
60
TERRY WU GRAPHIC DESIGN PORTFOLIO
CHAPTER
01
02
03
04
05
TADAO ANDO BOOK DESIGN
61
TERRY WU GRAPHIC DESIGN PORTFOLIO
62
P04 WHERE PETS GET SMART. OBJECTIVE Considering responsive design, utilize UX principles to redesign an e-commerce website for a brand whose website doesn’t have good user experience.
CONCEPT I am an animal lover and very interested in animal related products and service, so I chose PetSmart for this project. The current PetSmart doesn’t provide very good user experience. To improve this website with better UX design, my goals are to create clear classification and hierarchy for the web contents, create a clear and easy-to-understand icon system and visual representation. Additionally, clear layout for the category pages and an easy-to-follow check-out page are very important for online shopping experience.
CHAPTER
01
02
03
04
05
PETSMART UX DESIGN
PROJECT
PetSmart UX Design CATEGORY
Web Design
Mobile App Design
KEYWORD
TYPEFACE
Friendly
Gotham family
COLOR PALETTE
Energetic Clean
COURSE
INSTRUCTOR
SEMESTER
Principles of UX
Joseph O’Donnell
2018 Summer
63
TERRY WU GRAPHIC DESIGN PORTFOLIO
64
Continue Shopping
HOMEPAGE
Categories (menu)
SubCategories
Category Page
Browse
Recommandation Lists (Homepage)
User’s Choice
Check Out
User’s Choice
Search
Category Page
User’s Choice
Continue Shopping
Pages
CHAPTER
01
02
03
04
05
PETSMART UX DESIGN
65
Product Page User’s Choice
User’s Choice
Quick View
Add to Cart
Cart/Check out
Product Page User’s Choice
Quick View
User Actions on the Same Page
User’s Choice
Path Options
Forward
Backward
TERRY WU GRAPHIC DESIGN PORTFOLIO
66
snowyvillage.com/contact
CHAPTER
snowyvillage.com
01
02
03
04
05
PETSMART UX DESIGN
67
68
TERRY WU GRAPHIC DESIGN PORTFOLIO
CHAPTER
01
02
03
04
05
PETSMART UX DESIGN
69
70
TERRY WU GRAPHIC DESIGN PORTFOLIO
CHAPTER
01
02
03
04
05
PETSMART UX DESIGN
71
72
TERRY WU GRAPHIC DESIGN PORTFOLIO
CHAPTER
01
02
03
04
05
PETSMART UX DESIGN
73
74
TERRY WU GRAPHIC DESIGN PORTFOLIO
CHAPTER
01
02
03
04
05
PETSMART UX DESIGN
75
76
TERRY WU GRAPHIC DESIGN PORTFOLIO
CHAPTER
01
02
03
04
05
PETSMART UX DESIGN
77
78
TERRY WU GRAPHIC DESIGN PORTFOLIO
CHAPTER
01
02
03
04
05
PETSMART UX DESIGN
79
80
TERRY WU GRAPHIC DESIGN PORTFOLIO
CHAPTER
01
02
03
04
05
PETSMART UX DESIGN
snowyvillage.com/contact
81
TERRY WU GRAPHIC DESIGN PORTFOLIO
82
P05 A DIFFERENT LANGUAGE IS A DIFFERENT VISION OF LIFE.
OBJECTIVE Define a problem in the world today and create a product or service that addresses that issue. Design and develop a unique visual system through multiple deliverables.
CONCEPT According to published reports, “learning a foreign language improves ability to solve problems, logical thinking and creativity.� I am bilingual in English, Mandarin (and Cantonese), so with my personal experience and interest, I created a brand TerraLingo to promote young child second language acquisition. Through the booth, app and sample learning kits, parents and children will find out interesting and useful information of the six recommended languages. TerraLingo also help parents make wise choices on which language(s) their children should learn.
CHAPTER
01
02
03
04
05
TERRALINGO BRANDING DESIGN
PROJECT
TerraLingo Branding Design CATEGORY
Logo Design
Branding
Mobile App Design
KEYWORD
TYPEFACE
Geometric
Gotham family
COLOR PALETTE
Brightness Playful
COURSE
INSTRUCTOR
SEMESTER
Visual Thinking
Sandra Isla
2018 Spring
83
TERRY WU GRAPHIC DESIGN PORTFOLIO
84
Terra Lingo
CHAPTER
01
02
03
04
05
TERRALINGO BRANDING DESIGN
85
86
TERRY WU GRAPHIC DESIGN PORTFOLIO
CHAPTER
01
02
03
04
05
TERRALINGO BRANDING DESIGN
87
TERRY WU GRAPHIC DESIGN PORTFOLIO
88
Terra Lingo FRENCH GERMAN
JAPANESE CHINESE
ITALIAN
SPANISH
CHAPTER
01
02
03
04
05
TERRALINGO BRANDING DESIGN
SPANISH
FRENCH
GERMAN
ITALIAN
JAPANESE
CHINESE
89
90
TERRY WU GRAPHIC DESIGN PORTFOLIO
CHAPTER
01
02
03
04
05
TERRALINGO BRANDING DESIGN
STUDY JOURNAL TerraLingo
STUDY JOURNAL TerraLingo
91
TERRY WU GRAPHIC DESIGN PORTFOLIO
92
search
Parent Forum Newest
Forum Instructor
Featured
Frequent
David Borg
144
165
27
Likes
Followers
Comments
1 /2 STEPS
1
Should my children learn Chinese?
Program
Log In
Unanswer
New Account Ranking
samwong Upload a profile picture (optional)
Feed Suzan Young
Terra Lingo
Account
204
160
57
Likes
Followers
Comments
Ranking EMAIL
samwong@gmail.com
Sam Wong
121
145
20
Likes
Followers
Comments
log in
3
USER NAME
Should I study Chinese with my child?
SETTINGS
Password
2
Where to find good French teacher?
Sample kit
Ranking kevinarleo First time here? Sign up.
ABOUT CONTACT
Gisela West How old does your child begin to learn Italian?
204
160
57
Likes
Followers
Comments
4
Ranking
Next Not the first time here? Log in.
Jerry Mice Should my children learn Chinese?
5
Ranking
Parent Forum
Profile
Parent Forum
Newest
Featured
Frequent
Instructor
David Borg
1
Ranking
53 days ago
Unanswer
Should my child (4-year-old) learn Chinese? David Borg
Sam Wong
Terra Lingo
Should my children learn Chinese?
Chinese San Diego, CA
Friends
Shares
3
16
Interested language
Chinese (primary)
Interested language
Japanese
Child 2 Location Email
27
Likes
Followers
Comments
Kevin Arleo
second language since my wife and I think that brain development in this stage. Many friends told me Chinese is a good choice becuase it will be very fast. However, my concern is Chinese is very
Where to find good French teacher?
204
160
57
Likes
Followers
Comments
Likes
different from English, so it may be very difficult to
Suzan Young
2
learn. I am not sure if it's really a good idea for my
358
little buddy... Any suggestion or idea?
Ranking
Like
Comment
Terra Lingo German language door
learning a second language is very beneficial his
Followers
Comments
165
27
Share
samwong
User name
Child 1
165
My child Alex is 4-year-old and he is ready to learn a
helpful in the furture, the country is growing very
Discussions
16
144
1
Ranking
Alex (boy, age 6) Serena (girl, age 4) San Diego, CA samwong@gmail.
com
Sam Wong Should I study Chinese with my child?
121
145
20
Likes
Followers
Comments
3
Ranking
Suzan Young
Like
Gisela West How old does your child begin to learn Italian?
204
160
57
Likes
Followers
Comments
4
Ranking
Bob Chang instructor
follow
Good question! My daughter has been learning Chinese for two years, she's doing very well... kids are smart, they learn language fast! So I would say GO FOR IT!
Jerry Mice Should my children learn Chinese?
Share
Like
Comment
Share
I have the similar question... Thanks for bringing it up. I have two children, a 6-year old boy and a 4-year-old gril, I
5
Ranking
Comment
Hello David! I am a Chinese instructor with Dragon Learning Center. Chinese indeed is a good choice for your child. Learning Chinese can help students do better in school. Children who begin learning Chinese at a young age... Read more
Suzan Young
follow
01
CHAPTER
02
03
05
04
TERRALINGO BRANDING DESIGN
Program
Program
Japanese
Spanish
German
Italian
Feed
Program
KaQui
15
Ranking
Japanese
Language Door
app
Chi
93
of a quiz to memorize kanji readings and meanings
Ranking
search
French
class
KaQui helps learning Japanese. It takes the form
25
LANGUAGE DOOR
and adapts to the user learning pace. A stellar
$300/month
45min/class
within 5 mile
textbook-type app, KaQui employs a “tutor” who
KaQui app KaQui helps learning Japanese. It takes the form of a quiz to memorize kanji readings and meanings and adapts to the user learning pace.
reads out a script while you follow along. The
Language Door Irvine opened in 2004, and has
explanations are thorough, and where Japanese
provided classes in dozens of languages to students
words pop-up, which is unsurprisingly often, you
from all over the Orange County area. Our focus is on
can toggle them from rōmaji (English spelling) to Japanese writing. Having someone reading out lessons are free!
Like Like 145
Share 14
small group classes to maximize the interaction between students and teachers.
pronunciation is especially useful, and the first 20
3min ago
Like Comment
Events
Read more
Comment
Share
Share
San Francisco Bilingual Education Fair
8/10
Video Introduction
classes
apps
16hr ago
World's Largest Education Research Group Kicks Off Annual Conference
materials
News
Gus on the Go 1 day ago
app
CALL
Gus on the Go: Japanese offers a comprehensive way of learning nearly 90 vocabulary words through interactive lessons and fun vocabulary games.
Like 145
Share 14
Fabrice Jaumont Embassy of France Talk about French Education in U.S.
VISIT
Blog
8/10
Sample kit
Sample kit
CHINESE
Guest Info
Guest Information
Payment Select Payment
CHOOSE
YOUR
FULL NAME
Couse Mohammed
LANGUAGES
PHONE NO.
858 - 345 - 7989
EMAIL ADDRESS
Debit/Credit Card info
cousemo@gmail.com NAME ON CARD
SHIPPING ADDRESS
Spanish
French
7519
· · · · TerraLingo Sample Learning Kit (German) German
Italian
$
Couse Mohammed
New Salm
Street San Diego
CA
CARD NO.
4293 - 9320 - 2581 - 2233
92126
BILLING ADDRESS
EXP DATE
CVV
02/26
346
SAME AS SHIPPING
35.95
Free Shipping for TerraLingo Members In Stock. Want it April 27? Order within 14 mins.
Remember Me
Remember Me
Sold by TerraLingo. Gift-wrap available..
Japanese
Chinese
Add to Cart Proceed to checkout
NEXT
PAY NOW
94
TERRY WU GRAPHIC DESIGN PORTFOLIO
CHAPTER
01
02
03
04
05
TERRALINGO BRANDING DESIGN
95
96
TERRY WU GRAPHIC DESIGN PORTFOLIO
CHAPTER
01
02
03
04
05
TERRALINGO BRANDING DESIGN
97
98
TERRY WU GRAPHIC DESIGN PORTFOLIO
CHAPTER
01
02
03
04
05
TERRALINGO BRANDING DESIGN
99
100
TERRY WU GRAPHIC DESIGN PORTFOLIO
CHAPTER
01
02
03
04
05
TERRALINGO BRANDING DESIGN
101
THANK YOU
U
terrywudesign.com