You are on page 1of 13

SI520 Final Project

Final Project

Personal Signature + Free Space Guide

1/5x

1/5x

The UX Designer, Period

HOME

CURRICULUM

PROJECT

RESUME

ABOUT

CONTACT

UX DESIGN

FRONT - END

MARKETING

About

Copyright

Employment All Rights Reserved

Advertisement

HOME

CURRICULUM

PROJECT

RESUME

ABOUT

CONTACT

I have years of experiences in qualitative research, know how to understand the needs of users with effective methods.

FRONT - END

MARKETING

About

Copyright

Employment All Rights Reserved

Advertisement

HOME

CURRICULUM

PROJECT

RESUME

ABOUT

CONTACT

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tincidunt malesuada consectetur. Proin porta risus at eros tempor pellentesque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin sagittis leo felis, tristique fringilla metutae. Integer faucibus, ante vel tincidunt lobortis.

About Me Mauris accumsan scelerisque mauris vitae aliquet. Curabitur ac felis accumsan ante imperdiet faucibus quis sed lorem. Cras venenatis laoreet bibendum. Aenean imperdiet rutrum porttitor. Fusce at sem at eroiverra neque ultricies in. Aliquam id ipsum a nisl rhoncus elementum ut at mauris.

SKILLS

HOBBIES

About

Copyright

Employment All Rights Reserved

Advertisement

HOME

CURRICULUM

PROJECT

RESUME

ABOUT

CONTACT

CONTACT ME

Id like to hear from you


Name Email Your Comments

Where to find me

Contact Information
Phone Number: +1(734)-277-8174 Fax Number: +1(734)-277-8174 Address: 105 S State St, Ann Arbor, MI 48104 Email: zuoyang@umich.edu

SUBMIT

About

Copyright

Employment All Rights Reserved

Advertisement

Mobile Site Mockup

AM
www.zuoyang.com

HOME RESUME

CURRICULUM ABOUT
9 10 8 11 12 1 2 4 3

PROJECT CONTACT Passbook

6 5

UX DESIGN

FRONT-END

MARKETING
Phone

S S

Business Card Design

The UX Designer, Period

Zuo Yang
UX Designer
Phone: +1(734)-277-8174 E-mail: zuoyang@umich.edu Address: 105 S State St, Ann Arbor, MI 48104

Wather Bottle Design

HOME

CURRICULUM

PROJECT

RESUME

ABOUT

CONTACT

Colors:
C5 M76 Y99 K0 R230 G99 B37 HEX: E66325 C0 M70 Y98 K0 R243 G111 B33 HEX: F36F21 C31 M24 Y25 K0 R179 G179 B179 HEX: B3B3B3 C0 M0 Y0 K0 R255 G255 B255 HEX:FFFFFF C75 M68 Y67 K90 R0 G0 B0 HEX:000000

Myriad Pro
Header 1: Myriad Pro, size 22 Header 2 : Myriad Pro, size 21 Bold Paragraph 1: Myriad Pro, size 21
Paragraph 2: Myriad Pro, size 20 ABCDEFGHIJKLMNOPRQSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Myriad Pro Typeface Structure:

Ascent Meanline x height Baseline Descent

Textures:
Header: Orange Background Footer: Grey background Body: Ivory background with shades Hyperlink: Email: zuoyang@umich.edu

Harmony Type: Analogous + Neutral

About

Copyright

Employment All Rights Reserved

Advertisement

HOME

CURRICULUM

PROJECT

RESUME

ABOUT

CONTACT

Concept and Design:


Colors: The primary color I chose was organge, and the reason I chose this color was that I want a bright color to represent an outgoing personality. The color of organge can also give people feelings of being active, creative, and youthful. The second primary color I chose was grey and white, both of which are constrast to orange. I especially like the combination of orange and white, which is visually appealing, and the contrast between the two can make the text readable. Typography: The typeface I chose was Myriad Pro, for both header and paragraph text. The reasons I chose it were that it looks slim, succinct, and it matches the design of my signature. Also, this typeface is sans-serif, which means it is more readable than serif in digital screen.
About Copyright Employment All Rights Reserved

Image Choice: All those pictures I choose are in black & White. This is because black and white will form a constrat with the color of orange, which makes it kind look like acccented harmony. In the home page, the first picture is a pair of glasses placing on paper prototyping, which represents UX design; The second picture is the logo of Ogilvy & Mather, the marketing firm, which reprents marketing, and the thrid picture is the one that has a number of HTML code, which represents front-end development.

UI Elements:
Button:

SUBMIT

Icons:

Advertisement

Sketch

Wireframe

Home Page
LOGO Navigation

Text

Picture

Text

Picture

Text

Picture

Footer

About Page
LOGO Navigation

Contact Page
LOGO Navigation

Picture

Text

Picture

Text

Text

Footer

Footer

You might also like