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

[email protected]
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: [email protected]

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 DEVELOP ABOUT ME

I believe great web design is in its I have advanced programming skills in

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