P9Portfolio-NishaWilliams

21
PORTFOLIO WEB DESIGN & DEVELOPMENT

description

Comm130-12 Portfolio for Nisha Williams

Transcript of P9Portfolio-NishaWilliams

Page 1: P9Portfolio-NishaWilliams

PORTFOLIOW E B D E S I G N & D E V E LO P M E N T

Page 2: P9Portfolio-NishaWilliams

ContactNisha Williams7711 Rose StreetEagle Mountain, [email protected]

Page 3: P9Portfolio-NishaWilliams

Table Of Contents1. Web Page Layout2. Photodesign3. Montage4. Stationery5. Brochure6. Logos7. Business Cards8. Event Ad9. Flier

Page 4: P9Portfolio-NishaWilliams

Web Page DesignDescription:

Wireframe and web page design created in Photoshop

Programs:

Adobe IllustratorAdobe Photoshop

Date:

3.10.2015

Course/Instructor

Comm 130-12Caryn Esplin

Objectives:Design a logo in IllustratorSketch, design wireframe and mock up of a websiteWork in InDesign and Photoshop

Process:For this project, I created a website design for a skateboard shop. I started with a monochromatic color scheme of red, grey and black. I sketched and designed a logo in Adobe Illustrator. Then I designed a website layout using Photoshop. My first step was to create a wireframe of the design using the 960 grid layout. Then I added the design and colors to create a mock up of what the website would look like once developed. I created several graphics for the design in Illustrator and brought them into the design. The design used New Times Roman as the headlines and Arial, sans serif fonts for the body copy.

Page 5: P9Portfolio-NishaWilliams
Page 6: P9Portfolio-NishaWilliams

Description:

This was a photodesign project I created combining a quote with a photo I took.

Programs:

Adobe Photoshop

Date:

2.7.2015

Course/Instructor

Comm 130-12Caryn Esplin

Objectives:

Design and take a photo to go with a quote that you like.Choose a color scheme to go with the photo.Make a photodesign in Photoshop that brings together the quote and photo for a pleasing design.

Process:

I started this photodesign by brainstorming of a fun photo to take. I decided to create a design around the Tom Sawyer book and a quote from the author. I took a photo of my 4 year old reading the book and edited it in Photoshop. Then I pulled colors from the photo to create an analogous color scheme of blue and green. I added the quote, using color, font size and font weight to create a visual hierarchy on the page. I made sure there was sufficient padding around the wording and flow through the placement of elements on the page.

Photodesign

Page 7: P9Portfolio-NishaWilliams
Page 8: P9Portfolio-NishaWilliams

Description:

A montage of two images and a quote.

Programs:

Adobe Photoshop

Date:

2.15.2015

Course/InstructorComm 130-12Caryn Esplin

Objectives:

Create a Montage by blending two or more photos togetherWork in Adobe Photoshop

Process:

I started by collecting photos that followed the theme I wanted to follow with my montage. The message that I was trying to get across was the responsibility we hae to serve those around us. I overlaid the main photo with a celestial cloud image in Photoshop and blended them into each other. I used a Droid serif font and paired it with a Bebas Neue font to add emphasis to the quote. I paid special attention to the leading and font size to create interest in the quote. The connection between the two people in the image creates a great focal point to base the blending of the celestial image around.

Montage

Page 9: P9Portfolio-NishaWilliams

Ina

smu

ch a

s ye

ha

ve

do

ne

it t

o t

he

lea

st o

f th

ese

my

bre

ther

n, y

e h

av

e d

on

e it

u

nto

me.

For

I was

I was

in p

riso

n,

and

ye c

ame

unto

me.

I was

sic

k, a

nd

ye v

isit

ed m

e:

na

ked

, and

ye

clot

hed

me:

I was

a s

tra

nge

r,

and

ye t

ook

me

in:

I was

thri

sty,

and

ye g

ave

me

drin

k:

an h

un

gere

d,

and

ye g

ave

me

Mea

t:

Mat

hew

25:

35-

40

Page 10: P9Portfolio-NishaWilliams

Description:

This is a stationery design created to match a business card set I created.

Programs:

Adobe IllustratorAdobe InDesign

Date:

2.28.2015

Course/Instructor

Comm 130-12Caryn Esplin

Objectives:

Design a logo in IllustratorCreate a matching business card and stationery design with good layout and flow.Work in InDesign and Illustrator

Process:

After creating a logo and business card in Illustrator, I created a matching letterhead to go with it. I enlarged the diamond and lowered the opacity on it to create a watermark on the letterhead. My favorite part of the design is the tiled pattern of the diamond that was placed on the back of the letterhead. I think it added a level of professionalism to the whole design.

Stationery

Page 11: P9Portfolio-NishaWilliams

Nisha WilliamsW E B D E S I G N & D E V E LO P M E N T

1 . 8 0 1 . 1 2 3 . 4 5 6 7n i s h a mw i l l i a m s @ y a h o o. c o mw w w. n i s h a mw i l l i a m s. co m

1 2 3 4 S y c a m o r e S t r e e t A n y t o w n , U S A 1 2 3 4

Front Back

Page 12: P9Portfolio-NishaWilliams

Description:

This is a tri-fold brochure created for a photography certification course.

Programs:

Adobe IllustratorAdobe InDesign

Date:

3.28.2015

Course/Instructor

Comm 130-12Caryn Esplin

Objectives:

Design a logo in IllustratorCreate a tri-fold layout in InDesign for a brochure.Design a brochure in InDesign that has good alignment and flow.

Process:

I knew I wanted to create a tri-fold design for my brochure. I created a logo in Illustrator for a photography certification course and pulled my color scheme from the photos I was using. I created the layout for the brochure in InDesign. I wrote the body copy in Microsoft Word and then filled the brochure with the wording. While designing, I paid special attention to the alignment of the text and creating flow with visual hierarchy.

Brochure

Page 13: P9Portfolio-NishaWilliams

This class includes three photography excursions to learn how to take pictures in different environments and locations.

With the guidance of our experienced instructors, you will receive hands on training and advice on creating the perfect photographs for each location.

2015 Certifi cation Classes:$2500 - includes certifi cation and fees

Have you ever dreamed of owning your own photography business? Have you ever wondered how photographers are able to take beautiful photos? Whether you are looking to sharpen your skills or turn your hobby into a successful business, this photography class is for YOU!

Mastering PhotographyGet certifi ed by top photographers

January 3 - March 28April 4 - June 27July 11 - October 3

Call 1.800.MOMENTS to reserve your spot. Or visit us online at www.capturethemoment.com

Throughout the class you will be building a portfolio of your work. At the conclusion of the photography class, you will earn a certifi cate of training with the NPA (National

Photographers Agency).

A demonstration night will be held at the conclusion of the class to celebrate and demonstrate the class projects. The area’s top photography

companies will be visiting our demo night to

view your portfolio. They will be interviewing talent for available

job openings with their companies.

Some of our favorite photography spots:

Group Excursions Portfolio and Demo Night

• Golden Gate Bridge• � e Ferry Building• � e Bay Bridge• Chinatown• Palace of Fine Arts• Pier 39• Ghirardelli Square• Fisherman’s Wharf• North Beach• Alcatraz• Baker Beach

In just twelve weeks, you will learn:

• All about the settings on your camera.

• About light exposure and how it effects your photography

• Principles of design to follow• DSLR features and which type of

camera is the best for you• Manual focus • All about lenses and the type of lens

to use for each setting• How to shoot in diffi cult conditions

such as low light, bright sun and action shots.

Photography

M O M E N TtheCAPTURE

Learn the secrets of Photoshop to enhance your photography. This 4 week class will go over the basics of Photoshop and common effects to use when editing your photos. (Included with course purchase.)

Our class will include:• How to use Photoshop• How to lighten and contrast photos• Removing blemishes• Whitening teeth• Color pop• Softening skin• Add or remove objects• Fix grainy photos• And much much more!

Photoshop 101: How to edit your photos in Photoshop

M A S T E R I N G PHOTOGRAPHY

1234 Sycamore DriveSan Francisco, CA841231-213-517-1234capturethemoment.comFacebook/Capturethemoment

CERTIFICATION COURSE

Page 14: P9Portfolio-NishaWilliams

Description:

For the logos, I created three different logos that had three different color schemes and designs.

Programs:

Adobe Illustrator

Date:

2.21.2015

Course/Instructor

Comm 130-12Caryn Esplin

Objectives:

Sketch three logos with different designs and color schemesCreate the designs in Adobe IllustratorWork in Adobe Illustrator

Process:

I decided to create my logos for a made up company called Raintree Productions. Raintree roductions is a film company. I brainstormed and sketched designs to use for the logos that symbolised what they did in an artistic way. From there, I brought my favorite designs into Adobe Illustrator and created logos in three different color schemes. I used a variety of fonts to create different styles for the logos. I used colors from nature to symbolize growth, life and prosperity. The symbolism between water droplets and trees follow that theme. The first logo is using an analogous theme of teal and green. The second logo uses and monochromatic color scheme of orange and white. The final logo is created with a complementary color scheme of teal and brick.

Logos

Page 15: P9Portfolio-NishaWilliams

RAIN TREE PRODUCTIONS

RAINPRODUCTIONS

TREE

RAINP R O D U C T I O N S

TREE

treeRainPRODUCTIONS

Page 16: P9Portfolio-NishaWilliams

Business CardDescription:

This is a business card design created to match a stationery and logo that I personally designed.

Programs:

Adobe IllustratorAdobe InDesign

Date:

2.21.2015

Course/Instructor

Comm 130-12Caryn Esplin

Objectives:

Design a logo in IllustratorCreate a matching business card and stationery design with good layout and flow.Work in InDesign and Illustrator

Process:

I started by choosing a monochromatic blue color scheme and designing a logo that represents my brand in illustrator. From there, I created the layout of my business cards in InDesign. Once I had my business cards designed, I created matching stationary to go with it. I used repetition with the colors and diamond design to create unity in the design elements.

Page 17: P9Portfolio-NishaWilliams

[email protected]

1.801.123.4567

WEB DESIGN & DEVELOPMENTNisha Williams

Anytown, USA 12341234 Sycamore Street

Nisha WilliamsW E B D E S I G N & D E V E LO PM E N T

Front

Back

Page 18: P9Portfolio-NishaWilliams

Description: Business Card design to match a stationary and logo that I personal-ly designed.

Programs:

Adobe Illustrator

Adobe InDesign

Date: 2.21.2015

Course/InstructorComm 130-12Caryn Esplin

Objectives:Design a logo in IllustratorCreate a matching business card and stationary design that has good layout and flow.Work in InDesign and Illustrator

Process:I started by choosing the color scheme and designing a logo that represents my brand in illustrator. From there, I created the layout of my business cards in InDesign. Once I had my business cards designed, I created matching stationary to go with it. I used repeti-tion with the colors and diamond design to create unity in the de-sign elements.

Event AdDescription:

This is an event ad created in Microsoft Word to announce a celebrity craft-a-thon that benefits our soldiers.

Programs:

Microsoft Word

Date:

1.31.2015

Course/Instructor

Comm 130-12Caryn Esplin

Objectives:

Create an event ad using Microsoft WordDevelop an appealing color scheme Work in Microsoft Word

Process:

I created this event ad using Microsoft Word. I wanted to create a feminine and classy ad targeted at women who love crafts. I wanted the look to also be very clean and uncluttered. I scanned the images from a magazine. The layout was created to give visual interest and create flow. The color scheme is analagous with pink and brick tones. The header was created with Marcelle Script and the body copy was created with Alegreya Sans font.

Page 19: P9Portfolio-NishaWilliams

Celebrity

Page 20: P9Portfolio-NishaWilliams

Description: Business Card design to match a stationary and logo that I personal-ly designed.

Programs:

Adobe Illustrator

Adobe InDesign

Date: 2.21.2015

Course/InstructorComm 130-12Caryn Esplin

Objectives:Design a logo in IllustratorCreate a matching business card and stationary design that has good layout and flow.Work in InDesign and Illustrator

Process:I started by choosing the color scheme and designing a logo that represents my brand in illustrator. From there, I created the layout of my business cards in InDesign. Once I had my business cards designed, I created matching stationary to go with it. I used repeti-tion with the colors and diamond design to create unity in the de-sign elements.

FlierDescription:

This is a flier created for a graduate leadership conference using Adobe InDesign.

Programs:

Adobe InDesign

Date:

1.23.2015

Course/Instructor

Comm 130-12Caryn Esplin

Objectives:

Sketch designs for the flierCreate the flier using Adobe InDesignWork in InDesign

Process:

I started the process of creating the flier by sketching designs. I took my favorite designs into InDesign to recreate the flier. I used a repetition of lines and squares to help draw the eye around the flier. I created the largest focal point using a large font on the headline. I also used smaller headlines to catch the eye and draw it down the page.

Page 21: P9Portfolio-NishaWilliams

GRADUATEL E A D E R S H I P C O N F E R E N C E

Do you want to have the competitive edge in business?

Come learn how at Vouant Communication’s annual Graduate Leadership Conference.

Vouant Communications is devoted to helping tomorrow’s leaders gain essential leadership skills in the workplace.

Expand your leadership skills to help you land your dream job.

During this dynamic three-day seminar, attendees will meet with top executives of Vouant Communications to discuss breakthrough leadership techniques, while cultivating attributes of leadership that will market to any employer.

Your new career awaits...don’t miss this opportunity!

Conference is available to graduating seniors. Space is limited.

DATE: October 21TIME: 8 a.m. – 5 p.m.PLACE: Lincoln Convention Center

Registration and more information available at http://www.vouantcomm.com/leaders