SARA MARELLI

PORTFOLIO

CONTACT
INFORMATION

SARA MARELLI
SARAAMARELLI@GMAIL.COM

702.538.4744

200 Lippert Drive West

Apt C112
Port Orchard, WA 98366

TABLE OF
CONTENTS
BROCHURE
ARTIST POSTER
WEB PAGE
STATIONERY
LOGOS
PHOTO DESIGN
MONTAGE
LOGO FILER
EVENT AD

BORCHURE
DESCRIPTION:

A brochure show casing hikes for a pretend hotel

surrounded by hikes.

PROGRAMS USED:

Adobe Indesign
Adobe Illustrator
COURSE: Communications 130-12
INSTRUCTOR: Ben Pingel

OBJECTIVE:

Set up and align a two-sided, folded document.

Create an original, new logo and use it in a brochure. Incorporate quality images. Incorporate at
least four quality images, not including the logo.
One should be clipped in Photoshop and textwrapped in InDesign so the text follows the cutout
shape of the image. Write at least 250 words of
original copy in at least three paragraphs, headers,
and subheaders. Trim for a full bleed and print in
duplex (two-sided) color.

PROCESS:

I first had to try and think of something I wanted

to make a brochure about. I really couldnt think of
everything. I wanted to us my own pictures and as
I looked through them I decided to use my hiking
pictures. I then draw up a logo. I then used Adobe Illustrator to bring it to life. I knew I wanted a
pathway because that is what hikes are like. I then
picked a type of fold. I decided overlay because
it was different from what I typically see around. I
set it up in Adobe Indesign. I used the rulers quick
a bit to make sure things lined up. Once I printed
my project I realized how much I really did like
the overlay. Next I gathered pictures I wanted to
use and set those aside. I then brought them over
and went through different layouts trying to find
something that worked. I honestly had a hard time
finding white space since it was so little.

Nature

???????
?????
?

???

??

??

??

?????????
? ? ?????????????

??
???

??

???

?????
??

??
???
??
??

??

?? ?
????
??????
???????????????????

Pretzel Tree Trail

Angels Landing
Big Foot Rapids
Twin Falls Trails
Sly Park Trail
?? Myster Trail
You are here

??

??

Nature Walks
1 (800) 555 1234
Contact 911 in case of emergency

Walks

ARTIST POSTER
DESCRIPTION:

A poster for an exhitbit of an artist showing at the

SFMOMA.

PROGRAMS USED:

Adobe Illustrator
COURSE: Art 130-01
INSTRUCTOR: Joe Ledosquet

OBJECTIVE:

Learn about artist was influential to their time

period. Create a poster usings the artists style in
mind.

PROCESS:

Developing this poster was a long process. First

I researched Charles and Ray Eames. I learned
about their history and influence. I sketched 36
thumbnails. I picked three thumbnails from those
36. Then, I did 12 more variations of those 3
sketches. After that I picked one thumb nail and
recreated it digitally.

Ais Repi

M S

N 3 - De 31

Nov 3
6-9 PM
RSVP 1 800 235 8456
Or exhibits@sfmoma.com

San Francisco Museum of Modern Art

151 Third Street
(Between Mission and Howard street)
San Francisco, CA 94103

WEB PAGE
DESCRIPTION:
PROGRAMS USED:

Word Pad++
Adobe Photo Shop
Google Chrome Web Browser
COURSE: Communications 130-12
INSTRUCTOR: Ben Pingel

OBJECTIVE:

Size and optimize an original logo as a .png for a

web page so the long side is 300 500 pixels.
Write content to describe the process of creating
your logo and how it appeals to a target audience.
(Minimum of 200 words. Include rationale for colors, appeal to target audience, design skills, etc,)
Acquire a working knowledge of HTML. (Include
all required tags Doctype (provided), html, head,
title, meta charset (provided), body, h1, h2, p, ol or
ul (with li tags), img, hr, and a link to blog)
Acquire a working knowledge of CSS. (Customize
the provided CSS provided to format the HTML to
complement the logo design. Change at least the
following: The h1 text color & background color,
font colors for the paragraphs & list items, the
background color, font families and add at least
one css comment.)
Identify hex colors to match logo, using Photoshop
color picker.
Open the HTML page in a web browser and capture a quality screen shot with .5 inch margins for
printing.

PROCESS:

I used Adobe Photo Shop, Not Pad ++, and

Google Chrome Web Browser. I first wrote out my
HTML. Then I added my content. Next, I transformed the CSS. Last I changed my logo into a
PNG, and added it to the HTML.

STATIONERY

DESCRIPTION: A business card, and stationery

for a pediatric dentist.

PROGRAMS USED:

Adobe Indesign
Adobe Illustrator
COURSE: Communcations 130-12
INSTRUCTOR: Ben Pingel

OBJECTIVE:

Use the basic tools in Illustrator & InDesign. Create

a new logo to fit a company or personal image.
Do not imitate existing logos or use previous designs. Dont use photos or live trace. Use the new
logo to design consistent layouts for a business
card and letterhead. Photos are okay on business
card and letterhead as additional design elements.
Letterhead should be 8.5 x 11, full-bleed optional,
but trim only .125. Business card should be 3.5
x 2 and printed above center on a vertical page.
Apply typography rules, keeping small copy. Keep
designs simple with light watermarks and drop
shadows and plenty of white space.
Include contact information: name, address, phone,
and email on each piece. Use periods, bullets, or
spaces in phone number; no parentheses/ hyphens.

PROCESS:

I suddenly drew this monster, and I tried to think

of what I could do with him. I then decided that
because it was so smiley and childish I could use
it for a childrens dentist. I than created it in in
Illustrator. My first attempt seemed more scary than
I had anticipated. So I had to recreate it a couple times until it turned out to be similar to what I
doodled. Then I grouped all of my paths together.
Then I transferred my logo from illustrator to a new
document in Indesign. I then look through all the
fonts to find one. Then I created accents for my
stationery that matched. I tried to use new effects
that I had not tried in the past. Over all I had a
good time with this project and I learned a lot.

LOGOS
DESCRIPTION:

Create three logos that represent one company

using different styles.

PROGRAMS USED:

Adobe Illustrator
COURSE: Communications 130-12
INSTRUCTOR: Ben Pingel

OBJECTIVE:

Create three completely different, original logos to

fit a company or personal image that will appeal to
the audience. Do not imitate existing logos or use
previous designs. Use only the Illustrator tools to
create and draw your logos. (No Illustrator pre-fabricated flares, symbols, etc.. No photos or live-tracing. You may use an image or drawing as a guide
to trace it with the pen/pencil, but delete the image
before submitting.) Gather opinions from at least
ten people about which logo appeals most to them.

PROCESS:

First I thought of a business I could create a logo

for. Ive always wanted to own a bakery because
baking is my passion so I decided a bakery. I
have heard of several bakeries called sweet cakes
so I thought I would use that name. I try to think
of what I would want out a logo. I thought a cake,
cupcake, or just a small sign. I then drew out
some sketches of what I could do. I then used
illustrator to recreate them. I mostly used the pen
tool to create my logo.

PHOTO DESIGN
DESCRIPTION:

A poster show casing my photo shop skills.

PROGRAMS USED:

Adobe Photo Shop

COURSE: Communication 130-12
INSTRUCTOR: Ben Pingel

OBJECTIVE:

Learn basic photography skills. Choose a color

scheme, take a photo to match those colors, then
incorporate the colors into the layout. Use a digital camera to take a quality image, then download
it. Adjust image levels, saturation, color balance,
sharpen tool on separate layers for NDE (non-destructive editing.) Size and crop the image, then
place on an 8.511 page layout. Use layers to
design text, and repeating graphic elements in Photoshop. Print with full-bleed margins. Trim only 1/8
(0.125) from all four sides.

PROCESS:

First, I decided my color scheme. I decided orange

and blue because they are complementary colors.
I figured orange was a good choice because it fall
and there is probably a lot to take pictures of that
is orange. I walked around my apartment complex,
and I didnt really find anything interesting. Finally, I decided to take pictures with my pumpkins,
pumpkin lights, and wreath. I thought it was a nice
way to welcome fall. Then I edited my picture,
cropping, levels, color saturation, color vibrancy,
sharpness, and selective color. After I had the
picture, and the colors I wanted to do I do a few
sketches. When I had tired my ideas in photo shop
it was transformed into what you see here. Some
of the things I intended to do did not look very
good with the colors. It looked too busy.

MONTAGE
DESCRIPTION:

A montage using a filter, and blending pictures

together gradually without deleting pixels.

PROGRAMS USED:
Adobe Photo Shop

COURSE: COMMUNICATIONS 130-12

INSTRUCTOR: Ben Pingel
OBJECTIVE:

Use the FOCUS design process with strong focal

point and flow. Unify a layout with a consistent
theme and dominant spiritual message. Learn to
blend two or more images together gradually, using
masks. Demonstrate more advanced Photoshop
skills for layout with multiple elements
Use a mask to apply a filter to one part of the
image. Apply typography principles (titles, quotes,
events or scripturesyour choice). Format type:
Legibility; Small copy & Title with varying text size.
Theme word(s).Select good quality images.

PROCESS:

I knew I wanted to do something with the temple.

I love the temple and how each of the temples
are so beautiful. I decided to use the temple my
husband and I were married in. The Saint George
Utah Temple. That really seemed to bring things
together. I really wanted to us an illustration because I felt like it changed the tone of the photo.
I tried applying the filter to the temple photo, but
each time I felt like it changed the whole balance
of the picture. Finally I decided to try it on the
picture of Christ. It looked good so I decided to
use the brush tool to feather out the edges on the
picture. First I used the hard brush to take the
edges away. Next I took the hardness away and
then lower the opacity down and slowly brushed
away the hard edges. Over all, this really helped
me know how to use Photoshop a lot better. I
really feel like I could photo shop a lot of my own
pictures that I take.

LOGO

DESCRIPTION:

A logo for an exhibit at a local museum.

PROGRAMS USED:

Adobe Illstrator
COURSE: Art 130-01
INSTRUCTOR: Joe Ledosquet

OBJECTIVE:

Model the research and design procress.

PROCESS:

First I researched about hot air balloons. Next I

sketched 50 thumbnails. I recreated 3 digitally. I
refined and then completed them.

FILER

DESCRIPTION:
PROGRAMS USED:

Adobe Indesign
COURSE: Commincations 130-12
INSTRUCTOR: Ben Pingel

OBJECTIVE:

Apply the design principles and use appropriate

typography. Incorporate basic InDesign skills to
improve basic flier layout. Retrieve image and logo
from links on this page. Create a project folder
with image, logo and InDesign document to keep
links in InDesign intact.

PROCESS:

To create this flier I drew sketches, and then

brought my sketch to life with Adobe InDesign.
When I created my sketch in InDesign I realize it
didnt work with the way I wanted. It looked messy.
I made some changes and this is how it turned
out.

Do you want to have the compititive edge in businness?

Leadership Conference

for Graduates
October 21
8 AM- 5PM
Lincoln
Convention
Center

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. During this dynamic three-day semnar, 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.

Conference is available to graduating seniors. Space is limited.

Registration and more information available at

http://www.vouantcomm.com/leader

EVENT AD
DESCRIPTION:

Event Ad designed in Microsoft Word.

PROGRAMS USED:

Microsoft Word
COURSE: Communications 130-12
INSTRUCTOR: Ben Pingel

OBJECTIVE:

Comprehend image sizing (how pixels and inches

work together). Find, scan and import a high-quality
image. Create a full-bleed design. Choose a color
scheme and typeface(s) that work for your message and audience. Learn to use only Word design
features without using any Adobe programs, including Photoshop.

PROCESS:

First I scanned an image. Then I wrote out some

ideas for the ad. I finally came up with an idea
that I liked and made sense for my picture. I typed
out my content so I could have an idea of how
much text I was going to work with. Then I decided how I was going to incorporate my picture.
If I was going to have it small or large. I initially
wanted it smaller but after having some critiques I
realized it looked better larger. I then arranged my
text and then added the colors and borders.

Bid for a photography shoot and more!

865 WA-304

Tickets $5

5pm-8pm

October 25

Saturday

Oasis Teen Shelter in Bremerton is raising

funds for school supplies, and clothing for
the school year. Local companies have
donated items and services for the
auction. A spaghetti dinner will be provided
for all those who attend.

Silent Auction and Dinner!