Resume + Portfolio

Page 1

H ua ng

in

X

xinhuang0710@gmail.com +1 347-755-6047 Cindy Huang


EDUCATION MS Communications Design Pratt Institute/US/2013 - Now MA Communication Design University of Southampton/UK/2009 - 2010 BA Industry Design Tsinghua University/China/1999 - 2003

WORK EXPERIENCE Creative Director Tianji Media Group/2007 - 2009, 2011 - 2013 Web Page Designer Tom.com/2005 - 2007 Designer Sohu.com/2003 - 2005

LANGUAGE Mandarin Native English Fluent

SOFTWARE SKILLS

DESIGN SKILLS

Photoshop

Web Design

Illustrator

Branding

Indesign

Interactive Design

After Effects

Typography

FLash

Motion Illustration UI Design


PROJECTS

VIV

Google Glass APP

Idea Bottle

Interactive & Website Design

Parade

IIllustration & Book Design

Type Composition Typography & Book Design

Imagic

Product & Branding


VIV

Google Glass APP


This Project is to design an interactive APP on Google Glass that can enable users have interactive activity with works of art in Museum. The whole project involves the design process of identity, interactive and motion parts.


PROJECT 1

VIV

Identity Development


Google Glass APP


PROJECT 1

VIV

Logo Motion

https://vimeo.com/77468982


Google Glass APP


PROJECT 1

VIV

Interactive & Motion Design Sketch


Google Glass APP


PROJECT 1

VIV

Site Map & Wireframe At the beginning of this project. This interactive APP was planned on a smartphone platform. As the process going on, it is considered being more suitable on an AR wearable devices. So this APP is moved to a Google Glass platform.

VIV Wireframing

Off

TALK Sketch

LANDING

Explore

Interaction

Album

Explore

Interaction

TOUCH Album

11:57 AM

AT&T

11:57 AM

Interaction

11:57 AM

AT&T

PHOTO

Album

More

Sketch

Explore

Album

More

PHOTO

Cindy

Sketch

Explore

Interaction

Album

More

Sketch

Explore

ALBUM PAGE

Interaction

11:57 AM

AT&T

PHOTO

ALBUM

15min

Interaction

11:57 AM

AT&T

11:57 AM

AT&T

PHOTO

Cindy

Explore

Cancel

More

SKETCH PAGE

EXPLORE

EXPLORE

Sketch

CAPTURE

AT&T

Sketch

More

Album

More

Sketch

Explore

15min

Interaction

Album

More

Sketch

Explore

Interaction

Album

More


Google Glass APP

Mood Board


PROJECT 1

Motion

VIV

https://vimeo.com/81446900


Google Glass APP


PROJECT 1

VIV


Google Glass APP


Idea Bottle Interactive & Website Design


This is an idea sharing website. Users can get all kinds of mind maps through initiating and throwing out a message bottle. They can also contribute to others’ idea maps. There are two different versions of this website. One is a web application for elementary school, and the other is a website for adults.


PROJECT 2

Idea Bottle

Identity Development idea bottle idea

idea bottle

IDEA BOTTLE

idea bottle

IDEA

idea bottle idea bottle idea bottle idea bottle idea bottle idea bottle idea bottle idea bottle idea bottle idea bottle idea bottle

IDEA BOTTLE IDEA BOTTLE IDEA BOTTLE IDEA BOTTLE

IDEA BOTTLE IDEA BOTTLE IDEA BOTTLE

IDEA BOTTLE IDEA BOTTLE

idea bottle


Interactive & Website Design


PROJECT 2

Idea Bottle

Site Map/Flow Chart Home

Write idea message

Enter title, message content (words, texts or images), choose category (such as Design, Wedding,etc.), choose which box I want to save this idea

Throw idea bottle to Facebook friend list (can customize list)

Throw idea bottle randomly on Facebook

Explore (Get message bottle thrown by other users randomly)

Check my beach

share on Facebook ?

Receive response idea bottle (content can be texts or images)

Throw away

Manage my idea boxes

box lists

Save to my box (when saving, different box category can be chosen or created) (give bonus to the one who gives this bottle, 0-100 credits can be chosen)

Shake handhold devices to receive bottles

Create New Box (Enter box Name, Description, Category)

Click one box, History record list of each message I throwed are presented

Enter title, content (words, texts or images), choose category (such as Design, Wedding, etc.), choose which box to save this idea (create box)

Throw idea bottle to Facebook friend list

Throw idea bottle randomly

Throw away

USER1

Log in

USER3

Click link

USER3

Reply with text or image

initiated by others

Reply

Explore (get message bottle thrown by other users randomly Website

Smartphone

Click “Get messge bottle” button”

Shake phone

Manage my idea box

Rating response idea

Receive idea

USER2

Share on Facebook

Connect to Facebook

Save to my box (choose box or create box)

Check Credits

* High credits users can throw bottles to more people and get more feedback

Check my beach

Throw away

Got bonus

One idea mind map detail presentation

Create account

Receive response idea bottle

response bottle

Receive a bottle initiated by others

share on Facebook?

Write idea message

New bottle received

Click reveive button on computer

Throw away

Profile

Notification

Box lists Click one box, showing history idea group list

Create new box (Enter box name, description, category)

Receive message bottle initiated by other users

Throw away

Notification

Receive new bottle

Response bottle of my ideas

Get rating result

Profile Check rating value

Other bottles from Facebook friend or randomly from others

Reply

Click and enter one of the idea mind map Check the progress of this idea

Stop the delivery process Share screenshot of mind map of this idea on Facebook High rating users can throw message bottle to more people and get more response.


Interactive & Website Design


PROJECT 2

Idea Bottle

Wireframe idea bottle

write idea message

name

notification

name

notification

explore

idea bottle Sign up with Facebook

Sign up with Email

Home

Log in

idea bottle

name

write idea message write idea message

notification

idea bottle

explore

write idea message

explore new response bottle

title contents

choose image pick a box or create new box

throw randomly

throw on Facebook

Notification

Write message

idea bottle

name

write idea message response message

notification

idea bottle

name

explore

We’ve always been amazed by the courage and folly of trying to climb a 20,000 foot mountain just because it’s there. Which is why we were delighted to...

save

throw away

Receive response message

Explore

notification


Interactive & Website Design

idea bottle

name

write idea messagereceive message

notification

idea bottle

explore

write idea message

name

notification

name

notification

explore

contents

choose image

We’ve always been amazed by the courage and folly of trying to climb a 20,000 foot mountain just because it’s there. Which is why we were delighted to...

reply

throw on Facebook

throw back

throw away

Receive Message

idea bottle

Reply

name

write idea message

back

notification

idea bottle

animals

design

food

edit

edit

edit

food

animals

design

food

edit

edit

edit

edit

manage boxes explore your profile log out

create a box

Manage account

idea bottle

Manage box

name

notification

idea1

idea2

title3

title4

title5

6

7

8

Manage idea

idea bottle

name

mind map

idea1

stop spread

Idea mind map

notification


PROJECT 2

Idea Bottle

Website UI ( For elementary school)


Interactive & Website Design


PROJECT 2

Idea Bottle


Interactive & Website Design


PROJECT 2

Idea Bottle

Website UI ( For adultsl)


Interactive & Website Design


Parade Illustration & Book Design


This book is about NYC’s most famous parades in each year. Illustration reflects the related information and facts.


PROJECT 3

Parade

Idea sketch


Illustration & Book Design

Illustration


PROJECT 3

Parade

Layout spreads


Illustration & Book Design


PROJECT 3

Parade


Illustration & Book Design


Ty p e C o m p o s i t i o n Typography & Book Design


This book is about type composition. It was an exploration of the abstract compositional uses for typography, integrating hand skills and the computer as a way to render type. Historical and current forms of alphabetic communications were also explored, along with the relationship to modern imagebased communications.


PROJECT 4

Type Composition

Layout spreads


Typography & Book Design


PROJECT 4

Type Composition


Typography & Book Design


PROJECT 4

Type Composition


Typography & Book Design


Imagic Product & Branding


This is branding design for a modular toy game that can be created to endless combinations by imagination. This game can both promote people’s creativity and give them fun.


PROJECT 5

Imagic

Product Brief DESCRIPTION: This product is a series of modular shape block toy that can be created to endless combinations by imagination. This game can both promote people’s creativity and give them fun. TARGET AUDIENCE: -Aged 6-100 -All genders -Individual use: for those who are passionate about creative gadgets -Sold mostly in lifestyle or toy store MODULAR SHAPES AND SIZES: 2” 1” 2”

1”

POSSIBLE CONFIGURATIONS:

MATERIALS: -Product - Basswood -Alternatively magnet -Environmental friendly COLORS: -Rock maple

x10

x10

x10

x10

(total=90)


Product & Branding

Logo Sketch


PROJECT 5

Imagic

Logo

Color Palette CMYK 12 19 64 0 RGB

225 197 117

CMYK 0 0 0 100 RGB

35 31 32

CMYK 0 0 0 0 RGB

255 255 255

Typefaces Century Gothic

Helvetica Neue

ABCDEFGHIJKLMNOPQRSTUVWXYZ

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrstuvwxyz

0123456789

0123456789

(!@#$%^&*)

(!@#$%^&*)


Product & Branding

Symbol + Variations


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.