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

PORTFOLIO

Contact
Nisha Williams
7711 Rose Street
Eagle Mountain, UT
1.801.787.6306
nishamwilliams@yahoo.com

Table Of Contents
1. Web Page Layout
2. Photodesign
3. Montage
4. Stationary
5. Brochure
6. Logos
7. Business Cards
8. Event Ad
9. Flier

Web Page Design

Description:
Wireframe and web page design created in Photoshop

Programs:
Adobe Illustrator
Adobe Photoshop

Date:
3.10.2015

Course/Instructor
Comm 130-12
Caryn Esplin

Objectives:
Design a logo in Illustrator
Sketch, design wireframe and mock up of a website
Work 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.

Photodesign
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-12
Caryn 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.

Montage
Description:
A montage of two images and a quote.

Programs:
Adobe Photoshop

Date:
2.15.2015

Course/Instructor
Comm 130-12
Caryn Esplin

Objectives:
Create a Montage by blending two or more photos together
Work in Adobe Photoshop

Process:
I started by collecting photos that followed the theme I wanted to
follow with my montage. 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.

Mathew 25: 35-40

Inasmuch as ye have done

it to the least of these my
brethern, ye have done it
unto me.

I was in prison,
and ye came unto me .

I was sick, and

ye visited me:

clothed me:

naked, and ye

I was a stranger,
and ye took me in:

I was thristy,
and ye gave me drink:

an hungered,
and ye gave me Meat :

For I was

Stationary
Description:
This is a stationary design created to match a business card set I
created.

Programs:
Adobe Illustrator
Adobe InDesign

Date:
2.28.2015

Course/Instructor
Comm 130-12
Caryn Esplin

Objectives:
Design a logo in Illustrator
Create a matching business card and stationary design that has
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.

Front

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

Back

1.801.123.4567
n i s h a m w i l l i a m s @ y a h o o. c o m

w w w. n i s h a mw i l l i a m s. c o m

1234 Sycamore Street Anytown, USA 1234

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

Programs:
Adobe Illustrator
Adobe InDesign

Date:
3.28.2015

Course/Instructor
Comm 130-12
Caryn Esplin

Objectives:
Design a logo in Illustrator
Create 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.

Photoshop 101:

How to edit your photos in Photoshop

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

CERTIFICATION COURSE

PTU

the

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!

MASTERING
PHOTOGRAPHY

MOMENT
Photography

Mastering Photography
Get certied by top photographers

1234 Sycamore Drive

San Francisco, CA
84123
1-213-517-1234
capturethemoment.com
Facebook/Capturethemoment

Group Excursions

Portfolio and Demo Night

This class includes three photography

excursions to learn how to take
pictures in different environments and
locations.

Throughout the class you will be

building a portfolio of your work. At
the conclusion of the photography
class, you will earn a certicate of
training with the NPA (National
Photographers Agency).

With the guidance of our

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

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!

In just twelve weeks, you will

learn:

Some of our favorite

photography spots:

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 difcult conditions
such as low light, bright sun and
action shots.

Golden Gate Bridge

The Ferry Building
The Bay Bridge
Chinatown
Palace of Fine Arts
Pier 39
Ghirardelli Square
Fishermans Wharf
North Beach
Alcatraz
Baker Beach

A demonstration night
will be held at the
conclusion of the
class to celebrate
and demonstrate the
class projects. The
areas 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.

2015 Certication Classes:

$2500 - includes certication and fees

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

1.800.MOMENTS

Call
to
reserve your spot. Or visit us online at

www.capturethemoment.com

Logos
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-12
Caryn Esplin

Objectives:
Sketch three logos with different designs and color schemes
Create the designs in Adobe Illustrator
Work in Adobe Illustrator

Process:
I decided to create my logos for a fictitious company called Raintree
Productions. Raintree roductions is a film company. I brainstormed
and sketched designs to use for the logos. 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.

RAIN TREE PRODUCTIONS

Raintree

PRODUCTIONS

RAINTREE

PRODUC TI ON S

RAINTREE
PRODUCTIONS

Business Card
Description:
This is a business card design created to match a stationary and
logo that I personally designed.

Programs:
Adobe Illustrator
Adobe InDesign

Date:
2.21.2015

Course/Instructor
Comm 130-12
Caryn Esplin

Objectives:
Design a logo in Illustrator
Create a matching business card and stationary design that has
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.

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

Front

Nisha Williams
WEB DESIGN & DEVELOPMENT

1.801.123.4567
nishamwilliams@yahoo.com
www.nishamwilliams.com
1234 Sycamore Street
Anytown, USA 1234

Back

Event Ad
Description:
Description:
Business
Cardad
design
to match
a stationary
logo that a
I personalThis
is an event
created
in Microsoft
Wordand
to announce
ly designed.
celebrity
craft-a-thon that benefits our soldiers.

Programs:
Programs:
Adobe Illustrator
Microsoft
Word
Adobe InDesign

Date:
Date:
1.31.2015
2.21.2015

Course/Instructor
Course/Instructor
Comm
130-12
Caryn
Esplin
Comm
130-12
Caryn Esplin

Objectives:
Objectives:

Create
anaevent
adIllustrator
using Microsoft Word
Design
logo in
Develop
appealing
color scheme
Create an
a matching
business
card and stationary design that has
Work
in
Microsoft
Word
good layout and flow.
Work in InDesign and Illustrator

Process:
Process:

I created
event ad using
Microsoft
Word.
I wanted to
create
a
I startedthis
by choosing
the color
scheme
and designing
a logo
that
feminine
and
classy
ad
targeted
at
women
who
love
crafts.
I
wanted
represents my brand in illustrator. From there, I created the layout
the
to also becards
very clean
and uncluttered.
I scanned
the images
oflook
my business
in InDesign.
Once I had
my business
cards
from
a
magazine.
The
layout
was
created
to
give
visual
interest
and
designed, I created matching stationary to go with it. I used repeticreate
flow.the
Thecolors
color and
scheme
is analagous
with
pinkunity
and brick
tion with
diamond
design to
create
in the detones.
The header was created with Marcelle Script and the body
sign elements.
copy was created with Alegreya Sans font.

Celebrity

Flier
Description:
Description:
This
is a flier
a graduate
leadership
using
Business
Cardcreated
designfor
to match
a stationary
andconference
logo that I personalAdobe
InDesign.
ly designed.

Programs:
Programs:
Adobe InDesign
Adobe Illustrator
Adobe InDesign

Date:

1.23.2015

Date:

2.21.2015

Course/Instructor
Course/Instructor
Comm 130-12
Caryn Esplin
Comm 130-12
Caryn Esplin

Objectives:
Objectives:

Sketch designs for the flier

Create
flier
Adobe InDesign
Design the
a logo
inusing
Illustrator
Work
in
InDesign
Create a matching business card and stationary design that has
good layout and flow.
Work in InDesign and Illustrator

Process:
Process:

I started the process of creating the flier by sketching designs. I

took
my favorite
designs
to recreate
theaflier.
used a
I started
by choosing
the into
colorInDesign
scheme and
designing
logo Ithat
repetition
lines
andinsquares
to help
draw
the eye
around
the
flier.
representsof
my
brand
illustrator.
From
there,
I created
the
layout
Iofcreated
the
largest
focal
point
using
a
large
font
on
the
headline.
my business cards in InDesign. Once I had my business cards
Idesigned,
also usedI smaller
to catch thetoeye
down
the
created headlines
matching stationary
go and
withdraw
it. I it
used
repetipage.
tion with the colors and diamond design to create unity in the design elements.

GRADUATE
LEADERSHIP CONFERENCE

Do you want to have the competitive edge in business?

Come learn how at Vouant Communications annual
Graduate Leadership Conference.
Vouant Communications is devoted to helping
tomorrows 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...dont miss this opportunity!
Conference is available to graduating seniors. Space is
limited.

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

Registration and more information available at

http://www.vouantcomm.com/leaders