o

i
l
o
f
t
r

o
P
Portfolio
Caitlyn McKell

ll
e
K
c
M
Caitlyn

t
c
a
t
n
o
C
n
o
i
t
a
m
r
o
f
In
Caitlyn McKell
(661).965.0608
cmckell1023@gmail.com
48 West 2nd South Apt. 14
Rexburg, ID 83440

Table
of
Conten
ts
Webpage
Letterhead
Business Card
Brochure
Logos
Montage
Photo Design
Fundraiser Event
Flyer

e
g
a
p
b
e
W
ncy
e
g
A
r
he
g
i
H
g
Lookin

Description: A webpage featuring a logo that I have designed for an

Advertising Agency
Process (Programs, Tools, Skills): The idea of the logo and color choices
is described in my web page above. I first made the web page by using
TextWrangler. Using this to create the HTML and the CSS was tough, I never
have done it before. I also wanted to validated my HTML, to help check for
any errors. Once I was able to make the web page with the colors I wanted,
I place my paper texture in the body page. I used this texture to show that
the letters and the body was written on paper. I had to do some editing to
the paper, making it a bit darker and turning it 180 degrees. I thank took a
screenshot of my web page and place it on a photoshop document, with 1/2
inch margins, and then printed it. I used TextWrangler and Photoshop for this
project.
Details: Text Wrangler. COMM130 with Esplin. March 2014
Objective: Size and optimize an original logo as a .png for a web page, write
content to describe the process of creating the logo and how it appeals to a
target audience, use HTML to display the logo with content, use CSS to style
the web page, and use hex colors in the webpage.

d
a
e
h
r
e
tt

Le

cy
n
e
g
A
her
g
i
H
g
Lookin

Description: Business Card and Letterhead Design for Looking Higher

Advertising Agency
Process (Programs, Tools, Skills): I first sketched out my business card
first. I already knew what I wanted and I was only able to sketch out one
design. I actually got the idea while I was in Comm 100. I than created a
draft in Adobe Illustrator CC, while I was in there I was able to figure out
my colors. I was also able to make the letterhead in Illustrator, however
I went through a couple of sketches before I was able to find the one
that I liked. After we had a draft critique, I was able to make some major
changes and my designs look way better. I switched the cards to be
vertical and I added the strip designs. For the letter head I was able to get
rid of the letters.
Details: Adobe Illustrator. COMM130 with Esplin. March 2014.
Objective: Create a new logo to fit a company or personal image, design
consistent layouts for a business card and letterhead, and use the basic
tools of Illustrator and InDesign.

s
s
e
n
i
Bus
d
r
a
C

cy
n
e
g
A
er
h
g
i
H
g
Lookin

Description: Business Card and Letterhead Design for Looking Higher

Advertising Agency.
Process (Programs, Tools, Skills): I first sketched out my business card first.
I already knew what I wanted and I was only able to sketch out one design.
I actually got the idea while I was in Comm 100. I than created a draft in
Adobe Illustrator CC, while I was in there I was able to figure out my colors.
I was also able to make the letterhead in Illustrator, however I went through
a couple of sketches before I was able to find the one that I liked. After
we had a draft critique, I was able to make some major changes and my
designs look way better. I switched the cards to be vertical and I added the
strip designs. For the letter head I was able to get rid of the letters.
Details: Adobe Illustrator. COMM 130 with Esplin. March 2014.
Objective: Create a new logo to fit a company or personal image, design
consistent layers for a business card and letterhead, and use the basic tools
of Illustrator and InDesign.

e
r
u
h
c
ro

er
d
l
i
u
B
r
e
g
r
u
B
in
k
a
M

a
Whach
Description: A promotional brochure for a Restaurant called Whacha Makin
Burger Builder.
Process (Programs, Tools, Skills): I first came up with the idea of the
restaurant and I started to sketch. I first created the logo for the restaurant
in Adobe Illustrator. I made the Full Title one first and then made the back
cover one next. I then started to write a draft of the information that would
be shared in the brochure. This included the history of the restaurant, an
announcement of a new location and the free burger offer. I then started
on making the brochure. I wanted to keep the colors primary, so I used red,
yellow and blue throughout my brochure. Once I figured out of I wanted the
colors to be formatted , I moved to inserting the photos. I was able to use
vectors from the internet to help me. I have placed a burger on the front,
along with a red arrow. Inside, I have placed a onion, tomato and lettuce. If
you can notice I have used a text wrap on the tomato and also on the onion.
After my design was complete, I printed, trimmed it, and folded it to how I
wanted it.
Details: Adobe InDesign. COMM130 with Esplin. March 2014
Objective: Create a two-sided folding brochure. Use full bleeds, quality
images and resolutions and incorporate a 250-word message.

Front

Back

Inside

s
o
g
Lo
rill
G
&
r
a
14.5 B

Description: Three logo variations for a Bar and Grill called Fourteen-Five
(14-5)
Process (Programs, Tools, Skills): Before I started to design the logos
in Illustrator, I sketched them out and tried to find a symbol. I figured a
flame was a great symbol for a bar and grill. After sketching out my ideas,
I designed the logos in Illustrator and I started with the text of the logos.
I wanted text that we contrasting and different to help give variety. Once
I was able to find the right text and color for the logos, I found and picked
five flame clipart to choose for the logos. I matched them with the different
text until I found the perfect fit for each one. The different flames help make
each logo different from each other. I used Adobe Illustrator for this project.
Details: Adobe Illustrator. COMM 130 with Esplin. Feb 2014
Objective: Create a variety of logos to fit a company, using vector based
images, and learning the pathfonder tool.

e
g
a
t
n
o
M
ork
W
y
r
a
ission

Description: This is a montage flier that I made. It is about missionary work

and the definition of what their work it.
Process (Programs, Tools, Skills): I first started with this project with a
theme idea. I picked what I wanted to have in my design, the quote and
color scheme. I was able to watch a tutorial video from my COMM 130
Visual Media Class, and this helped me out a lot. I used photoshop to create
this design. I first started out with the missionary image making it black
and white. I then added a mask layer and colored in the missionaries.
Once finished I worked on the Angel Moroni. I fist switch him to face the
other direction and then I took the lasso tool to cut him out, but I used a
100 feather to create the faded edges. I had a hard time with this part,
but I eventually got the image that I wanted. I then placed on top of the
missionary layer and added a mask, where I faded the image just a bit,
mostly on the edges. I wanted to keep Moroni solid so I didnt make him
fade too much. I then added in my definition. I placed a faded blue box
behind the white words and I also added a shadow so that the text was
readable.
Details: Adobe Photoshop. COMM 130 with Esplin. Feb. 2014
Objective: Learn to manage Photoshop layers, learn to blend images
together smoothly, use filters, and approptiately apply typography.

n
g
i
s
e
D
to

o
h
P

bit
i
h
x
E
t
Ar
t
n
e
d
u
St
Description: This is a flier that I made for a Student Art Exhibit
Process (Programs, Tools, Skills): I started this project by picking two color
schemes. By doing this, I wanted to keep my options open to possibilities.
I made a list of things that I wanted to take on campus and off campus.
Once I was able to take the pictures, I chose the best ones and edited
them on Photoshop Design. I was able to gain skills in using different tools
in Photoshop. I learned about color balance, vibrancy and saturation. After
editing and picking my picture for my project, I sketched out my layout for
my flier. I was then able to incorporate the design and the picture together
on the Photoshop Design. I first set up 8.511 page for my flier. Once I
finished I printed it and then I sized it down for my blog.
Details: Adobe Indesign. COMM 130 with Esplin. Jan 2014
Objective: A personally taken photograph that has been edited/formated
using photoshop.

r
e
s
i
a
r
d
n
u
F
t
n
e
Ev

alk
W
s
s
e
en
r
a
w
A
pe
o
H
f
o
Breath

Description: For this project, my fundraiser is an Awareness Walk for a birth

defect called Diaphragmatic Hernia.
Process (Programs, Tools, Skills): I designed this flier in Word Press. I first
found the picture online, downloaded it and had it printed at a photoshop. I
scanned it and made it into a jpeg file. I incorporated circles into my design
and I had to work to find a balance. I finally found it when I made the photo
smaller than the rest of the circle.
Details: Microsoft Word. COMM130 with Esplin. Jan2014
Objective: Find, scan and import a high-quality image, create a full bleed
design, use text boxes for layout in Word, and insert and edit image in
Word.

r
e
y
Fl
ip
h
s
r
e
d
a
e
L
e
t
a
Gradu

e
c
n
e
r
e
Conf

Description: Black and White flier that promotes A Leadership Conference

for Graduates.
Process (Programs, Tools, Skills): I first sketched out the design before I
went to the computer. I designed it in Adobe InDesign. I wanted something
different that could stand out and I was able to create the three dots on
the top, left and the bottom, right. This provided repetition in the flier
and also a beginning and ending points. My flow is created in a Z shape,
starting with the word Graduate as a beginning point, then leading to the
information and then to the picture. At the bottom is the group that is
providing the conference and additional information. I was given the logo,
pictures and content for the flier.
Details: Adobe Indesign. Comm130 Esplin. Jan 2014
Objective: Apply the design principles and use appropriate typography.
Incorporate basic InDesign skills to improve basic flier layout.