S E L E C T E D
W O R K S
O
F
W A N T I N G
K
O
2
WANTING KO
3 p ro j e c t
01 of _ 06
PROJECT ONE
PROJECT ONE 01 of _ 06
O F
p ro j e c t
W O R K S
S
S E L E C T E D
W O R K S
5
2014—2016
WANTING KO
CONCEPT
Design is about creating unexpected and intriguing new things. This sometimes means breaking the traditional rules of design. Only by trying new things will we create possibilities. That is the key to progress. A good design provokes people to explore the details in it, and the uniqueness of the design leaves an impression on them.
DESIGNER
Wan T i n g K o WEBSITE
Wan ti n g ko . co m EMAIL
i m w an ti n g ko @ g m a i l . co m C O N TA CT
415 316 9036 COPYRIGHT Š 2016 WANTING KO A l l ri g h t re s e r ve d . N o p a r t o f t h i s p u b l i ca t i o n can b e u s e d o r re p ro d u ce d w i t h o u t t h e p r i o r w ri tte n p e r m i ss i o n o f t h e ow n e r. 6
7 p ro j e c t
01 of _ 06
PROJECT ONE
T
A
B
L
C
O
N
T
E
O
F
E
N T
S
R O J
E
C
T
p ro j e c t
01 of _ 06
PROJECT ONE
P
01
N E W S O L O G Y
02
K A L E I D O S C O P E R E A L I T Y
0 2
Identity, Way-finding
1 8
Editorial
03
UI / UX, Interaction Design
04
Editorial
05
M U S I C V I S U A L I Z I N G
3 4
C A R D O
S U R F E R
4 4
5 6
Interactive Design
06
B U R I E D S O R R O W
6 8
Identity, Editorial, Way-finding, Photography 1
WANTING KO
T Y P E
O F
P R O J E C T
D E S I G
N
O
01
N
B R A N D I N G E N V I R O N M E N T
N E W S O L O G Y D AT E
2015 Summer C AT E G O R Y
Identity, Way-finding D U R AT I O N
Two Months I N S T R U CT O R
Hunter Wimmer
O B J E CT I V E
To find an issue and design a solution for a social problem. In this case, I chose Media literacy as my topic. Media literacy is the ability to access, analyze, evaluate, and communicate with others through different media devices. It is easy to share news through social media in the first place simply by clicking on the app. Whereas analyzing the reliability of news has become a problem for the people nowadays, the deliverables for this project are aim to deal with this issue. APPROACH
For this project, I created a fiction organization named Newsology. The goal of Newsology is to synthesize the concept of news literacy, which is focused on understanding and creating insight into the news. I created a series of posters, a brochure, and a website for the brand. In order to promote awareness of news literacy to youth, there was a two-day event that welcomed everyone who was interested in this topic.
R
O
J
E C
T
01
P
3
4
WANTING KO
5 p ro j e c t
01 of _ 06
PROJECT ONE
6
WANTING KO
7 p ro j e c t
01 of _ 06
PROJECT ONE
WANTING KO
HOW DO YOU ACCESS NEWS? 7 in 10 adults under age 30 say they learned news through social media in the last week.
To Learn More About News Literacy on Newsology.com
ARE YOU NEWS LITERATE? Think twice about what to believe and spread the message wisely.
To Learn More About News Literacy on Newsology.com
8
9 p ro j e c t
01 of _ 06
PROJECT ONE
10
WANTING KO
11 p ro j e c t
01 of _ 06
PROJECT ONE
12
WANTING KO
13 p ro j e c t
01 of _ 06
PROJECT ONE
14
WANTING KO
15 p ro j e c t
01 of _ 06
PROJECT ONE
16
WANTING KO
PROJECT ONE
SFSU
01 of _ 06
2015 SEMINAR
J.P. LEONARD LIBRARY
SEPTEMBER 19–20
p ro j e c t
NEWS LITERACY
17
WANTING KO
T Y P E
O F
B O O K
D E S I G
N
02
K
P R I N T E D
P R O J E C T
K A L E I D O S C O P E R E A L I T Y D AT E
2015 Fall C AT E G O R Y
Editorial D U R AT I O N
Five Weeks I N S T R U CT O R
D
David Hake
18
O B J E CT I V E
Create a book about the future based on an assigned topic. This future should not be hundreds of years away, but something we could see in the near future. The book should be 64 pages or more. The goal of this project is to focus on the typography design and leverage page layouts to express a concept that communicates proper information to the audience. APPROACH
The book I created is all about virtual reality (VR). I named it Kaleidoscope Reality because the world behind the headset is fancy yet untouchable, just like a kaleidoscope. This book contains five chapters (introduction/ function/difference/application/conclusion), which illustrates the future of virtual reality.
R
O
J
E C
T
02
P
19
20
WANTING KO
21 p ro j e c t
02 of _ 06
PROJECT TWO
22
WANTING KO
23 p ro j e c t
02 of _ 06
PROJECT TWO
24
WANTING KO
25 p ro j e c t
02 of _ 06
PROJECT TWO
26
26
WANTING KO
27 p ro j e c t
02 of _ 06
PROJECT TWO
WANTING KO
1970
28
1980
28
29 p ro j e c t
02 of _ 06
PROJECT TWO
30
WANTING KO
31 p ro j e c t
02 of _ 06
PROJECT TWO
32
WANTING KO
33 PROJECT TWO
WANTING KO
T Y P E
O F
A P P
D E S I G
03
A C
M O B I L E
P R O J E C T
C A R D O D AT E
2015 Fall C AT E G O R Y
UX/UI, Interaction Design D U R AT I O N
Five Weeks I N S T R U CT O R
Bob Slote
34
N
O B J E CT I V E
Develop prototypes for interactive solutions. The goal is to come up with an app that hasn’t been seen before. By researching and exploring the possibilities and limitations of our user experience design and apply them to the integration of this mobile app. APPROACH
I made an app named Cardo that helps people manage business cards they have saved and also builds their own e-business cards. It also integrates social media with job-hunting. Cardo encourages everyone to share their job skills and find more opportunities with people in different fields. The main colors for this app are black and white, which demonstrate a clean and modern layout.
R
O
J
E C
T
03
P
35
36
WANTING KO
37 p ro j e c t
03 of _ 06
PROJECT THREE
WANTING KO
CARD O Find
Offer
CARD O Explor e
CARDO
Find Menu Find
Offer
Notification
CA Explor e
Occupation
U
Search...
Home Profile Front
User name
Front Friends Saved cards
Password
Settin g
Log inin Log
Sign up Sign up
Front
Front
Log out
Profile
Done
Friends Friend
Name User name
Cards
Se
Invite Account
Follow
Settings
Card info
Activity Write
Opportunity
Activity Photo
Write
N
Photo Camera Rol l
38
Resume
Notification
03 of _ 06
company
p ro j e c t
User
PROJECT THREE
RD O
ettings
Message Inbox
Name
Create
New
Done
Option
Share
39
40
WANTING KO
41 p ro j e c t
03 of _ 06
PROJECT THREE
42
WANTING KO
43
43 p ro j e c t
03 of _ 06
PROJECT THREE
WANTING KO
T Y P E
O F
B O O K
D E S I G
04
S
P R I N T E D
P R O J E C T
S U R F E R D AT E
2016 Spring C AT E G O R Y
Editorial D U R AT I O N
Four Weeks I N S T R U CT O R
U
Stanley Zienka
44
N
Redesign the layout of any type of article. It should cover three or more spreads. Using experimental typographic form and structure to challenge previously held rules and practices in typography. Investigating the communication of content and the emotional
PROJECT FOUR
O B J E CT I V E
qualities of text. APPROACH
to make it more active and dynamic. Pictures were directly taken from the magazine, and I treated them in layers and adjusted them to be vibrant. The title was handwritten types in irregular angles that broke the former rules
p ro j e c t
In order to go with the topic of surfing, I wanted
04 of _ 06
I chose a surfer magazine as my reference.
but flowed like the waves we see in the ocean.
R
O
J
E C
T
04
P
45
46
WANTING KO
47 p ro j e c t
04 of _ 06
PROJECT FOUR
48
WANTING KO
49 p ro j e c t
04 of _ 06
PROJECT FOUR
50
WANTING KO
51 p ro j e c t
04 of _ 06
PROJECT FOUR
52
WANTING KO
53 p ro j e c t
04 of _ 06
PROJECT FOUR
54
WANTING KO
55 p ro j e c t
04 of _ 06
PROJECT FOUR
O F
P R O J E C T
I N T E R A C T I V E
D E S I G
N
05
M
WANTING KO
T Y P E
M U S I C V I S U A L I D AT E
2016 Summer C AT E G O R Y
Motion Graphic D U R AT I O N
Five Weeks I N S T R U CT O R
Colin Sebestyen
56
Z I
N
G
The project required artists to use Adobe After Effects to make animated graphics. Using the language of time-based media and editing techniques to drive a story, all footage including typography, graphic symbols, shapes, and color should be made on our own.
PROJECT FIVE
O B J E CT I V E
APPROACH
This is a combination of three motion graphics
and quick rhythm and made shapes with vivid characters to match the lively vibe. The second one is a short title sequence for Moonrise Kingdom directed by Wes Anderson. I used cut
p ro j e c t
and integrate shapes into it. I chose a light
05 of _ 06
projects. The first one is to find a music
paper to reproduce the scenes in the movie. The third one is a promotion for a fictional music app named More. These three projects required synchronizing of music and footages.
R
O
J
E C
T
05
P
57
58
WANTING KO
59 p ro j e c t
05 of _ 06
PROJECT FIVE
60
WANTING KO
61 p ro j e c t
05 of _ 06
PROJECT FIVE
62
WANTING KO
63 p ro j e c t
05 of _ 06
PROJECT FIVE
64
WANTING KO
65 p ro j e c t
05 of _ 06
PROJECT FIVE
66
WANTING KO
67 p ro j e c t
05 of _ 06
PROJECT FIVE
O F
P R O J E C T
I N T E G R A T E D S Y S T E M P R I N T E D P R O D U C T S E N V I R O N M E N T
06
B
WANTING KO
T Y P E
B U R I E D S O R R O W D AT E
2016 Spring C AT E G O R Y
Identity, Editorial, Way-finding, Photography D U R AT I O N
Three Months I N S T R U CT O R
Christopher Morlan
68
D E S I G
N
To create a fictional film festival for a film director. Building a visual language that ties selected movies together and develop a series of deliverables. Developing a fully integrated message and extend it across multiple media.
PROJECT SIX
O B J E CT I V E
APPROACH
The director I chose was Stephen Frears. I chose five movies for this film festival, which
erable reflected the theme of leaving a scar behind and keep moving. The system I created was based on washed out fabric and stained imagery with a bright orange on the other side, which means good things will eventually come.
R
O
J
E C
T
06
P
p ro j e c t
Things, The Queen, and Philomena. Each deliv-
06 of _ 06
were The Grifters, High Fidelity, Dirty Pretty
69
70
WANTING KO
71 p ro j e c t
06 of _ 06
PROJECT SIX
72
WANTING KO
73 p ro j e c t
06 of _ 06
PROJECT SIX
74
WANTING KO
75 p ro j e c t
06 of _ 06
PROJECT SIX
76
WANTING KO
77 p ro j e c t
06 of _ 06
PROJECT SIX
WANTING KO
79 p ro j e c t
06 of _ 06
PROJECT SIX
80
WANTING KO
81 p ro j e c t
06 of _ 06
PROJECT SIX
WANTING KO
p ro j e c t
06 of _ 06
PROJECT SIX
84
WANTING KO
85 p ro j e c t
06 of _ 06
PROJECT SIX
WANTING KO
T H A N K
86
Y O U
87
88
WANTING KO
89 p ro j e c t
06 of _ 06
PROJECT SIX
90
WANTING KO