resume + portfolio

Xin Huan

g

[email protected]

+1 347-755-6047

Cindy Huang

EDUCATION

WORK EXPERIENCE

LANGUAGE

SOFTWARE SKILLS DESIGN SKILLS

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

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

Mandarin NativeEnglish Fluent

Photoshop

Illustrator

Indesign

After Effects

FLash

Web Design

Branding

Interactive Design

Typography

Motion

Illustration

UI Design

PROJECTS

VIVGoogle Glass APP

ParadeIIllustration & Book Design

Idea BottleInteractive & Website Design

Type CompositionTypography & Book Design

ImagicProduct & Branding

Google Glass APP

V I V

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

https://vimeo.com/77468982

Google Glass APP

PROJECT 1 VIV

Interactive & Motion Design Sketch

Google Glass APP

PROJECT 1 VIV

Site Map & Wireframe

VIV Wireframing

InteractionExploreSketch Album More InteractionExploreSketch Album More

TALK TOUCH

LANDING CAPTURE SKETCH PAGE

Off

Cancel

EXPLORE

AT&T 11:57 AM

EXPLORE

InteractionExploreSketch Album More

AT&T 11:57 AM

PHOTO


Cindy 15min

AT&T 11:57 AM

PHOTO


ALBUM PAGE

AT&T 11:57 AM

ALBUM


AT&T 11:57 AM

PHOTO


Cindy 15min

AT&T 11:57 AM

PHOTO


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.

Google Glass APP

Mood Board

PROJECT 1 VIV

Motion https://vimeo.com/81446900

https://vimeo.com/81446900

Google Glass APP

PROJECT 1 VIV

Google Glass APP

Interactive & Website Design

I d e a B o t t l e

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

idea bottleidea bottleidea bottleidea bottleidea bottle

idea bottleidea bottleidea bottleidea bottleidea bottle

idea bottle

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


Site Map/Flow ChartHome

Write idea message

Throw idea bottle to

Facebook friend list (can

customize list)

Throw idea bottle randomly

on Facebook

Enter title, message content (words, texts or images), choose category (such as Design, Wedding,etc.), choose which

box I want to save this idea

Check my beach

Receive response idea bottle (content can be

texts or images)

Throw away

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)

Manage my idea boxes

box listsCreate New

Box(Enter box

Name, Description, Category)

Click one box, History record list of each

message I throwed are presented

One idea mind map

detail presentation

share on Facebook

?

share on Facebook?

Explore (Get message bottle thrown by other

users randomly)

Shake handhold devices

to receive bottles

Click reveive

button on computer

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

Receive a bottle initiated by others

Throw away Reply

Notification

New bottle received

response bottle

initiated by

others

Got bonus

Profile

Check Credits

USER1

USER2 USER3 USER3

Create account Connect to Facebook

Log in

Write idea message Check my beach Explore (get message bottle thrown by other users randomly Notification Profile

Check rating value

Receive message bottle initiated by other users

Receive response idea bottle Manage my idea box

Click “Get messge bottle”

button”

Receive new bottle

Response bottle of my ideas

Other bottles from Facebook friend or randomly from

others

Get rating result

Shake phone

Reply

Save to my box (choose box or

create box)

Rating response

idea

Box listsCreate new box (Enter box name, description, category)

Click one box, showing history idea group list

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

Throw idea bottle to

Facebook friend list

Receive idea

Reply with text or image

Click link

Throw away

Throw away

Throw idea bottle randomly

Share on Facebook

Enter title, content (words, texts or images), choose category (such as

Design, Wedding, etc.), choose which box to save this idea (create box)

Website Smartphone

Throw away

High rating users can throw message bottle to more people and get more response.


Wireframe

idea bottle

idea bottle

write idea message explore

name notification

write idea message

title

contents

choose image

pick a box

or create new box

idea bottle


name notification

response message

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...

Log in

Write message

Receive response message

Home

Notification

Explore


create a box

animals

design

design

food

foodfood

edit

edit

edit

edit

edit

editedit

6

title3idea2

7

title4

8title5

mind map

idea1

idea bottle


name notification

receive message

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...

idea bottle


name notification

contents

choose image

Manage idea

Manage account

Receive Message

Idea mind map

Manage box

Reply


Website UI ( For elementary school)


Website UI ( For adultsl)

Illustration & Book Design

P a r a d e

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

Layout spreads

PROJECT 3 Parade

PROJECT 3 Parade

Typography & Book Design

Ty p e C o m p o s i t i o n

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 image-based communications.

Layout spreads

PROJECT 4 Type Composition

Product & Branding

I m a g i c

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 BriefDESCRIPTION: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:

POSSIBLE CONFIGURATIONS:

MATERIALS: -Product - Basswood -Alternatively magnet -Environmental friendly

COLORS: -Rock maple

2”

2”

1”

1”

x10 x10x10 x10 (total=90)

Product & Branding

Logo Sketch

PROJECT 5 Imagic

Logo

Typefaces

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

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

(!@#$%^&*)

Century Gothic

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789(!@#$%^&*)

Helvetica Neue

Product & Branding

Symbol + Variations

resume + portfolio

Documents