Visual Designer
02
BRAND MANTRA
successful design requires a reliable concept � “ Awhich acts like the sturdy pillars of a house. Meanwhile, quirky creative thinking and composed problem-solving skills are equally important for a good design.
03
ADJECTIVES ABOUT ME
04
MOODBOARD
05
STYLEBOARD
06
CONCEPT • POSTER
QUIRKY CALM RELIABLE BRAND PILLARS
I am not limited inside of a box.
Design challenges do not scare me.
Building a trustworthy relationship is important.
07
LOGO EXPLORATION • Sketches
08
LOGO EXPLORATION • Digital
09
LOGO ANATOMY
S TAG E 1
+
+
HENNI
TSO
WOLF = MOST LOYAL ANIMAL
First Name Initial
Last Name Initial
Wolf's Head Silhouette
S TAG E 2
+
Logo Icon
+
Enclose Icon
Logotype • Museo Slab 500
S TAG E 3
Strong Straight Lines = Sturdy Reliable Structure Yellow = Quirky Humorous Geometric Balanced = Calm Personality
10
LOGO GUIDELINES
LO G O LO C K U P M I N -W I D T H = 4 8 px
LO G O LO C K U P C L E A R S PAC E
LO G O I C O N M I N -W I D T H = 3 0 px
LO G O I C O N C L E A R S PAC E
11
LOGO FULL COLOR
LO G O LO C K U P W I T H D E E P B LU E B AC KG R O U N D
LO G O I C O N W I T H D E E P B LU E B AC KG R O U N D
LO G O LO C K U P W I T H W H I T E B AC KG R O U N D
LO G O I C O N W I T H W H I T E B AC KG R O U N D
12
LOGO B&W
LO G O LO C K U P W I T H B L AC K B AC KG R O U N D
LO G O I C O N W I T H B AC K B AC KG R O U N D
LO G O LO C K U P W I T H W H I T E B AC KG R O U N D
LO G O I C O N W I T H W H I T E B AC KG R O U N D
13
FAVICON
3 2 px
3 2 px
14
COLOR PALETTE
PRIMARY
#E9B13F
R234 G178 B63
C8 M31 Y87 K0
PRIMARY
#0D2936
R13 G41 B54
C92 M71 Y54 K59
PRIMARY
#F2F4F7
R242 G244 B247
C4 M2 Y1 K0
PRIMARY
#FFFFFF
R255 G255 B255
C0 M0 Y0 K0
SECONDARY
#636b78
R99 G108 B121
C64 M52 Y40 K13
SECONDARY
#838996
R132 G158 B151
C32 M40 Y32 K2
SECONDARY
#636B78
R99 G108 B121
C62 M52 Y40 K13
SECONDARY
#45515E
R70 G82 B94
C74 M60 Y47 K28
SECONDARY
#2A3B47
R43 G59 B72
C36 M26 Y19 K0
15
TYPOGRAPHY
D I S P L AY & LO G O
MUSEO SLAB 700/500/300
TITLE
B O DY
ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklm nopqrstuvwxyz 1234567890
NEXA BOLD
ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklm nopqrstuvwxyz 1234567890
NEXA Regular/Book/Light
ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklm nopqrstuvwxyz 1234567890
16
RESPONSIVE GRID
PHONE/
D E S K TO P/
6 C O LU M N S
1 2 C O LU M N S
C O LU M N W I DT H 2 9 px
C O LU M N W I DT H 6 8 px
G U T T E R W I DT H 3 0 px
G U T T E R W I DT H 3 0 px
30px
29px
30px
68px
325px
1140px
TA B L E T/ 1 2 C O LU M N S C O LU M N W I DT H 3 2 px G U T T E R W I DT H 3 0 px
B R E A K P O I N T S/
30px
32px
SMALL | <480px |
M E D I U M | 4 8 1 p x—7 6 8 p x |
L A R G E | 7 6 9 p x—1 0 24 p x |
E X T R A L A R G E | >1 0 2 5 p x |
720px
17
RESPONSIVE SPACERS
D E S K TO P
50px
50px
TA B L E T
30px
30px
PHONE
10px
10px
18
RESPONSIVE TYPOGRAPHY
h1
DISPLAY M U S E O S L A B 70 0 desktop / C 1 .3 / S 44pt / L 48pt / mobile / C 1 .3 / S 14pt / L 18pt /
h2
MAIN TITLE NEX A BOLD desktop / C 1 .5 / S 36pt / L 39pt / mobile / C 1 .5 / S 36pt / L 39pt /
h3
Main Subtitle NEXA REGULAR desktop / C 1 .5 / S 24pt / L 26pt / mobile / C 1 .5 / S 24pt / L 26pt /
h4
SECTION TITLE
h5
NEX A BOLD desktop / C 1 .5 / S 14pt / L 18pt / mobile / C 1 .5 / S 14pt / L 18pt /
NEX A BOLD desktop / C 1 .5 / S 14pt / L 18pt / mobile / C 1 .5 / S 14pt / L 18pt /
p
Paragraph NEXA BOOK desktop / C 1 .5 / S 14pt / L 18pt / mobile / C 1 .5 / S 14pt / L 18pt /
CAPTION
h6
Link NEX A LIGHT desktop / C 1 .5 / S 12pt / L 14pt / mobile / C 1 .5 / S 12pt / L 14pt /
19
RESPONSIVE BUTTONS AND LINKS
HAMBURGER M E N U B U T TO N
MENU
LINK: original
Link
L I N K : h ove r
Link
B U T TO N : o r i g i n a l
B U T TO N : h ove r
M E N U : h ove r
RESUME
RESUME
20
BUSINESS CARD
FRONT
B AC K
21
LETTERHEAD
RESUME
HENNI TSO Visual Designer hennitso @ gmail.com 650.224.6909 hennitsodesign.com
HENNI TSO Feb 26, 2018
Dear Hiring Manager,
OB J E C T I V E
Visual Designer
To contribute my passion and skills to the creative field and produce good works.
hennitso @ gmail.com
SKILLS
650.224.6909
ADOBE CREATIVE CLOUD
hennitsodesign.com
InDesign, Illustrator, Photoshop, After Effects, Premiere, Cinema 4D, XD
I am excited to apply for the Product Designer position I saw listed on LinkedIn. After years of creative training in Academy of Art University to become a
OPER ATION SYSTEMS
well disciplined product designer, in addition of my working experience. I am
Mac OS, MS Windows
confident my skills are good fit for this position. As a recent MA graduate from this spring semester, I am proud to present my portfolio from the link shown below. This portfolio contains the best projects of mine that reflects my knowledge on creating concepts, visual hierarchy, typography, color theory and storytelling. These projects prepared me to be a creative thinker and good problem solver. My degree has provided me with high discipline on precision and following specific design briefs. At Academy of Art University, I was given opportunities to design in different projects including
OTHERS Sketch, Book Binding, Photography, Microsoft Office, 3D Printing, HTML, CSS
E DUC AT ION ACADEMY OF ART UNIVERSITY, SAN FR ANCISCO Masters of Arts, School of Web Design and New Media May 2018
user experience, packaging, brand and identity, books, posters, brochures,
ACADEMY OF ART UNIVERSITY, SAN FR ANCISCO
websites, motion graphics and other promotional materials. My education has
Bachelors of Fine Arts, School of Graphic Design
given me the experience working independently and in a team. I am passionate
May 2015
to bring these attributes to your company. Additionally, I enthuse to become part of the team and create good works together.
E X P E R I E NC E
I have attached my resume and the link to my portfolio for your review. It would
HOUZZ INC.
be an honor if we have chance to speak and talk about this job position.
Graphic Design Intern
Thank you for your consideration.
Creating web and visual design that promote Houzz marketplace Designing print and digital materials that address Houzz brand identity Juggling multiple projects and communicating internationally November 2015 - September 2016
Sincerely,
WINGSTON CONSULTANCY GROUP LIMITED, HONG KONG Graphic Design Intern, Chinese New Year Promotional Project Redesigning lobby decorations
Henni Tso
January 2015
AC K NOW L E D G M E N T ACADEMY OF ART UNIVERSITY SHOWS Winter 2011, Winter 2014
R E C O G N I T ION BRONZE AWARD FOR VOLUNTEER SERVICE 50 hours contribution of volunteer service Summer 2014
L A NG UAG E English, Cantonese, Mandarin
C OV E R L E T T E R
22
PORTFOLIO BOOK HIGHLIGHTS
BRANDING UX/UI WEB DESIGN MOTION PHOTOGRAPHY PORTFOLIO INTERACTIVE HENNI TSO
●
BRANDING UX/UI WEB DESIGN MOTION PHOTOGRAPHY INTERACTIVE
Visual Designer
26
WEB DESIGN • JUZE
SECTION 03
20
BRANDING • LOVE OUR PLANET
SHOPPING ONLINE This is a responsive website for online Juze shopping. It is coded in HTML, CSS, Javascript, MySQL and PHP. The functional live web page allows to add new product to the database. LOGO ANATOMY LOVE OUR PLANET logo consists of two green leaves and a turquoise heart shape. The heart
+
represents the earth. And the green leaves are covering the heart shape which represent that we are embracing and protecting our earth.
+
Logo should only be place on white background. If there is a background color or image, the logo should place on a white box with 2X clear space
Green Leaf
around it.
Full Logo
Logo Icon
LANDING
PRODUCT LIST
Green Leaf
LOVE OUR PLANET
Heart
23
CASE STUDY HIGHLIGHTS
OPTIMAURA CASE STUDY
OPTIMAURA CASE STUDY
CASE
OPTIMAURA DEVICE
5.1 surround sound Speaker Scents Diffuser
STUDY
Ambient Lights
Active Environment Noise Canceling
Elevation Base
1
26
OPTIMAURA CASE STUDY
OPTIMAURA CASE STUDY
WIREFRAMES 1 Turn on all 3 functions of Optimaura
PROTOTYPE LIGHTING on
Scent on
Sound on
HOME SCREEN
Scroll Scroll Scroll
30
35
24
WEBSITE â&#x20AC;¢ Sketches
25
WEBSITE â&#x20AC;¢ Wireframes(low-fidelity)
D ESKTOP
MOBILE
26
WEBSITE â&#x20AC;¢ Final Design(high-fidelity)
D ESKTOP
MOBILE
27
WEBSITE â&#x20AC;¢ Process
28
LIVE WEBSITE
WEBSITE LINK
www.hennitsodesign.com
29
RESPONSIVE SCREENS
31
HENNI TSO Visual Designer hennitso @ gmail.com 650.224.6909 hennitsodesign.com