Identity Package

Logo Design and Guide

Promo Bag Sample
Business Card
Tri-fold Brochure
Portfolio Webstie
Font Guide

Li Li Studio
Web Design & Development
Logo Design and Guide

Li Li Studio
Web Design & Development

Li Li Studio
Web Design & Development

Li Li Studio
Web Design & Development

Font: Helvetica Neue Bold/Regular/Light

(width for the samples: 3”, 2”, 1”; 0.5” for symbol only)
CMYK on white CMYK on black

Li Li Studio Li Li Studio
Web Design & Development Web Design & Development

Black on white White on black

Li Li Studio Li Li Studio
Web Design & Development Web Design & Development

1/2x x 1/2x

1/2x

Li Li Studio
Web Design & Development

1/2x
Promo Bag

2”

Li Li Studio
Web Design & Development

6”
centered
4”

1.5”
www.lilistudio.com
734-657-9585
1.5” 1.5”

Back Front
 Li Li
Web Designer
Front-end Developer

chrisli@umich.edu
734 . 657 . 9585

m
io .co
ili s tud
w.l
n
sig
 De
We
b
w w
nt
me
lop e
Dev
 cr
ea
ti
SERVICES

ve
Wireframes
Design comps build
HTML/CSS templates
Low/High fidelity prototypes

p
Building websites

cl

lo
ea

ve
Usability testing

de
n
Competitive analysis
Heuristic evaluation
Li Li Studio
Web Design & Development
design web
SKILLS
(X)HTML

in
st

tu
CSS

bu

it
ro

iv
JavaScript

e
jQuery

Python simple
Photoshop

Illustrator

ty
ili
website: www.lilistudio.com

ab
“
us
email: chrisli@umich.edu

Li is the perfect choice for building mobile: 734-657-9585

your website. She’s always having
the newest design concepts and the
creativity to develop a great solution!
-Amy Backer, Dream Institue
 DESIGN
I believe great web design is in its
totality as well as details. A well-
designed website is intuitive, inviting,
engaging, and entertaining.
I have expertise on user-centered
design and great proficiency in various
UX/UI methodologies and design
tools. User Interface and Interaction,
Web Visual/Graphic Design, Proto-
types, Mockups, Wireframes, Usability
Evaluation, and User Testing are the
key methodologies learned during my
two-year Master's study.
In the past summer, I worked for
National Public Radio, and partici-
pated in its content management
system redesign project. I was focusing
on how to improve the interface and
interaction of the system to simplify
the news publishing process.
DEVELOP
I have advanced programming skills in
(X)HTML, CSS, JavaScript, XML,
DHTML, ActionScript, ASP.Net and
SQL. Working as a web developer for my
previous jobs, I gained practical knowl-
edge on how to deal with web accessibil-
ity and cross-browser compatibility
issues. I worked for the Tauber Institute
(http://tauber.umich.edu/) as a part-
time web master.
When working at Amazon.cn, I wrote
VBA applications to automatically fetch
data from Oracle database, MS SQL
Server, and MS Access on a daily basis,
and then output the summarized data in
MS Excel workbooks, which were
distributed to the managers in various
departments to support their decision-
making. I also played a lead role in an
online management system project,
which was developed in ASP.Net.
ABOUT ME
I am currently studying for my Master's
degree in Information Science with
specialization in Human Computer
Interaction at University of Michigan -
Ann Arbor, School of Information, and
I will graduate in May 2010.
I am enthusiastic about leveraging my
solid technical skills and rich set of
UX/UI methodologies to provide users
and organizations with impressive
information experience and effective
design solutions, to create high-quality
and user-friendly information products
that facilitate people's daily work.
In my spare time, I love traveling,
reading novels, watching movies,
jogging, and cooking Chinese food, to
name a few of my hobbies. I am also
very excited about trying new things,
and meeting new people. I live and
enjoy every moment of my life.
 DESIGN DEVELOPMENT ABOUT CONTACT

Li Li Studio
Web Design & Development

and

Hello! Welcome to me site!

On this website, you will find a rich collection of
my web design and development projects that
I have worked on over the past seven years. Client: Be the Link International Live Site >>

I believe great web design is in its totality as well

as details. A well-designed website is intuitive,
inviting, engaging, and entertaining.
I also have advanced programming skills in
(X)HTML, CSS, JavaScript, XML, DHTML,
jQuery, ActionScript, ASP.Net and SQL.
I write simple, clean, elegent code.

I’m looking for a full-time employment position.

Client: Local Orbit Inc. Live Site >>

© Li Li · chrisli@umich.edu · All Rights Reserved

 DESIGN DEVELOPMENT ABOUT CONTACT

Li Li Studio
Web Design & Development

and

Hello! Welcome to me site!

On this website, you will find a rich collection of
my web design and development projects that
I have worked on over the past seven years. Client: Be the Link International Live Site >>

I believe great web design is in its totality as well

as details. A well-designed website is intuitive,
inviting, engaging, and entertaining.
I also have advanced programming skills in
(X)HTML, CSS, JavaScript, XML, DHTML,
jQuery, ActionScript, ASP.Net and SQL.
I write simple, clean, elegent code.

I’m looking for a full-time

1 2employment
3 position.
Working with Be the Link International, I re-designed its website with a simple, clean look.
The intuitive interaction experience encourages visitors to skick round longer. Live Site >>

Client: Local Orbit Inc. Live Site >>

© Li Li · chrisli@umich.edu · All Rights Reserved

Font guide for identity package:
Helvetica Neue: used for logo; my name and URL on business card

Helvetica Neue: Bold

abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ

Helvetica Neue: Regular

abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ

Helvetica Neue: Light

abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ

Chaparral Pro: used for my name and title on brochure and website

Chaparral Pro: Bold

abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ

Chaparral Pro: Regular

abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ

Hand of Sean (downloaded from dafont.com): used for section title on brochure and website
Hand of Sean: Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ

Georgia: used for body text Substitute for Georgia: Times New Roman

Georgia: Regular Times New Roman: Regular

abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890 1234567890

Georgia: Italic Times New Roman: Italic

abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890 1234567890
Color guide for identity package:

RGB: RGB: RGB: RGB: RGB: RGB:

242R 121R 165R 109R 116R 128R
101G 166G 60G 65G 206G 130G
34B 64B 35B 153B 225B 133B

CMYK: CMYK: CMYK: CMYK: CMYK: CMYK:

0C 59C 24C 69C 50C 0C
75M 16M 87M 89M 0M 0M
100Y 100Y 100Y 0Y 11Y 0Y
0K 1K 18K 0K 0K 60K