Sei sulla pagina 1di 25

Portfolio

Vanessa Butikofer

Contact
Vanessa Butikofer
3971 E. 460 N. Rigby, ID.
208.821.6383
but12032@byui.edu

Table of Contents
Photo Design

Montage

Adobe Photoshop

Adobe Photoshop

Brochure

Logos

Adobe Photoshop/ InDesign/ Illustrator

Adobe Illustrator

Flier

Web Design

Adobe InDesign

Text Wrangler/ HTML/ CSS

Letter Head

Letter Head 2

Adobe Illustrator/ InDesign

Adobe Illustraor/ InDesign

Business Card

Business Card 2

Adobe Illustrator/ InDesign

Adobe Illustrator

Event ad
Microsoft Word

Photo Design
Date:

Description:

10/19/14

This project features my own photography image and illustrates the


concept of color sampling while giving a spiritually uplifting message.

Programs:
Adobe Photoshop

Course:
Visual Media
Com130-08

Instructor:
Professor Pingel

Objective:
My first objective was to share a message of peace, joy and trusting in
God. I also wanted to renew those feelings in those who viewed my
design and communicate to Christians and Non-Christians alike who have
read or been effected by the scriptures.
An additional objective in this project was to try out my photography
abilities and preform beautiful color sampling.

Process:
For this project I quickly drew some rough sketches of what I wanted
my finished design to look like and began taking photography around
college campus. Once I had gathered some quality photographs, I edited
my best images in Adobe Photoshop. From there, I began sampling my
photograph and extracting colors to use into my design. I then searched
for a scripture I wanted to use for my main text. After choosing my
text content , I then used elements of style such as repeated elements,
contrasting fonts, and white space to make my project come together.

Monochromatic
Green

Proverbs 3:5

Trust in the Lord


with all thine heart; and lean not unto
thine own understanding.
In all thy ways acknowledge him, and he
shall direct thy paths.

Lime

Yellow

Brochure
Date:

Description:

12/06/14

For this project I used all three Adobe Programs to create this double
sided full color brochure with original logo, written content, and layout
design.

Programs:
Adobe Photoshop
Adobe InDesign
Adobe Illustrator

Objective:

Course:

I wanted to encourage participation in the fictitious business Ridge


Extreme Bike Tours and advertise effectively to get men to join the next
years featured competitions and rides.

Visual Media
Com130-08

Process:

Instructor:
Professor Pingel

After brainstorming my layout, content options, and brochure styles,


I decided to do the offset style brochure and sponsor a company for
extreme mountain biking sports. I started with my logo in Illustrator
and found appropriate fonts using Google Fonts. My images I retrieved
form the Internet and edited in Photoshop to enhance the vibrancy and
contrast- one of the images I edited to later use as a text wrap image
using the quick selection and refine edge tools in Photoshop. Once that
was done, I placed all my images and my logo into a prepared InDesign
file and began styling the brochure. Finally, I added my body copy, made
my text wrap, and styled my text using paragraph styles to change the
headings and descriptions.

Logos
Date:

Description:

11/02/14

For this project I crafted different logo designs for the same company. I
provided three options to allow for client opinion and preference.

Programs:
Adobe Illustrator

Course:
Visual Media
Com130-08

Instructor:
Professor Pingel

Objective:
To create a logo to advertise bread for the company NutriOven and
promote it as a heart healthy, home baked bread company. I wanted to
reach people who are interested in becoming more health aware and
purchasing healthy breads.

Process:
First, I sketched out several ideas for what I wanted the business to
represent and the different styles I wanted to explore. Then I took the
sketches to Illustrator and began using the shape and pen tools to
digitize the logos I had sketched out. Once I had the illustration done,
I began adding the title and subtitles using contrasting fonts, different
sizes, capitalization, and spacing from the Characters Pallet. I also applied
different color schemes and font pairings to each design to show more
options to a potential client.

NutriOven

H E A R T

H E A L T H Y

B A K E R Y

Heart Healthy Bakery

NutriOven
H E A R T

H E A L T H Y

B A K E R Y

Letter Head
Date:

Description:

11/07/14

Here I designed a company letter head to advertise effectively and help


business communication and outreach.

Programs:

Adobe Illustrator
Adobe InDesign

Course:
Visual Media
Com130-08

Instructor:
Professor Pingel

Objective:
My objective in creating this letter head was to communicate this
companys competency in providing able, personable and homely care to
elderly men and woman in need of a retirement or assisted living home.
My target audience was likewise elderly men and woman looking for a
retirement or assistant living home and adults looking for a retirement
home for their parents. By using a more classic style fonts and evoking
a feeling of nature and peace with the leaf as my logo, I was able to
accomplish this objective.

Process:
I began with my logo in Illustrator and drew out my leaf image, added
color, and began playing with text leading, spacing, contrast and size.
Once I was happy with my logo, I moved on to my letterhead. Creating my
letterhead in Adobe InDesign, I typed out all the information I wanted on
the letterhead including a name, title, phone number, e-mail, fax number
and address. From there I focused on changing the fonts, pairings, sizes,
colors, weights and groupings. Once I was pleased with the way I had my
hierarchy and balance laid out, I added my footer and determined the
location and alignment of the company information and logo.

Red Leaf

R
etirement &
& A
s s i s t e d Living
L i v i n g Home
Home
Retirement
Assisted

JA M E S H U F F I N G TO N
Phone: 208.537.2849
Fax: 450.289.5434
e-mail: redleaf.jamesh@gmail.com
Address:

521 West Heyrend Avenue


Richmond, Virginia

Business Card
Date:

Description:

11/08/14

This project provides matching business cards for the letterhead above
to make a complete stationery.

Programs:
Adobe Illustrator

Course:
Com130-08

Instructor:
Professor Pingel

Objective:
I wanted to create a matching business card that would work as a
companion to my company letter head (see previous page). Just as
in my letterhead, I wanted to communicate RedLeafs abilities to give
professional and personable care to elderly seeking a retirement or
assisted living home.

Process:
Having previously created my logo in Adobe Illustrator, I was able to
move directly to my business card design. For the business card, I worked
in Illustrator and started with a 3.5 x 2 document with two art boards. I
used my previous logo Illustrator file as the back side of my business card
and colored the background gray to give it dimension. For the front side,
I used the same text styles that I used for my letterhead and right aligned
the phone, fax, and address while I enlarged the name and moved it to
the left side with the e-mail. I then utilized the line tool to separate to two
groups of information.

Web Design
Date:

Description:

11/22/14

This project required an understand of web design and displays a business


logo on a very basic web page. The HTML and CSS for this website was
created using Text Wrangler.

Programs:
Text Wrangler
HTML
CSS

Course:
Visual Media
Com130-08

Instructor:
Professor Pingel

Objective:
To display ability to create web pages and feature original logos in an
online format.

Process:
In my HTML (Hyper Text Mark-Up Language) document, I coded in my
content and logo image. Once my HTML structure was complete, I created
an CSS (Cascading Style Sheet) document, saved it and immediately
linked to my HTML file. From there I began to place coding into the CSS to
change font type, font color, background color, lists, header text, padding
and margin spacing, div styles, link styles, and image placement. My colors
used in this web page were selected directly from my logo using the
eyedropper tool in Photoshop to extract the hex colors. I also made sure
to validate my web page using online websites to guarantee there are no
glitches and that my web page can be viewed on all browsers.

Flier
Date:

Description:

10/03/14

This project is a black and white flier created to advertise a graduation


leadership conference for newly graduating students.

Programs:
Adobe InDesign

Course:
Visual Media
Com130-08

Instructor:
Professor Pingel

Objective:
I wanted to communicate how this professional conference will benefit
and prepare graduates or students preparing to graduate to be leaders in
the world ahead. My target audience was young adults ages 22-30 and I
appealed to this audience by use of classic yet modern styles in this flier.
Not only did I want to catch this audiences attention, I wanted to make
sure my design advertised this in an appealing way so that students would
want to go to the conference to learn more about achieving a competitive
edge in the business world.

Process:
I began this project with rudimentary sketches that contained the
elements I needed to include in the finished flier. I included space for
text, images, title and subtitle in each of my sketches as well as focusing
on white space, balance and contrast. I then chose the design that I
thought was most effective in portraying my message and speaking to my
appropriate audience. Taking the design to Adobe InDesign, I began to
digitize the flier using the provided logo, text and image. Here I continued
to add appropriate detail, choose contrasting fonts, and fine tune the
alignment and unity of the flier.

Graduate

LEADERSHIP CONFERENCE

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 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.
Conference is available to graduating seniors.Space is limited.
Registration and more information available
at: http://www.vouantcomm.com/leaders

http://www.vouantcomm.com/leaders

Event Ad
Date:

Description

10/11/04

This ad is a color, full bleed, beneficiary event ad. I created this in


Microsoft word to demonstrate how good design can be still be applied
with basic programs.

Programs:
Microsoft Word

Course:
Visual Media
Com130-08

Instructor:
Professor Pingel

Objective:
This ad was created to promote an event to help raise money for a
childrens care center. I wanted to target the adults of the community so I
used a photograph featuring adults with simple but bright colors to reflect
the cause of contributing to a childs care center.

Process:
This ad was created in Microsoft Word Processor without any help
from Adobe Illustrator or InDesign. The image used is one I found in
a magazine and scanned in to use on my project. During my project, I
focused on alignment, color, hierarchy, balance and choose to use simple
repetition to create unity in the ad. I also chose this color scheme in
consideration of the beneficiaries of the event and used red, yellow and
blue to encourage the child-centered purpose of the ad.

Cause
Hosted by the Museum of Art, all participation fees will
be donated to the Children Care Center for clothing,
food and other needs.
The ride will begin at River Pier Drive and finish at
North Bridge Park. Water and snacks provided at the
finish line.

October 20th
North River Pier Drive, Rexburg, Idaho
Ride starts at 7:00 am
$15.00 per person
Register at www.rideforacause.com
Phone: 208-800-9000

Montage
Date:

Description:

10/26/14

This project was focused around creating a spiritual montage poster by


blending two or more image and incorporating the use of typography.

Programs:
Adobe Photoshop

Course:
Visual Media
Com130-08

Instructor:
Professor Pingel

Objective:
I wanted to encourage and inspire LDS youth and potential missionaries
to serve missions and emphasize how the gospel is continuing to spread
throughout the world.

Process:
Collecting images that I wanted to use in my design, I moved to Adobe
Photoshop to begin my project. I cropped by background image to 8
1/2 x 11 and overlaid it with a colored texture background. From there
I brought the images I wanted to blend into Photoshop, applied a layer
mask, and brushed the edges of the image until I reached my desired
effect of subtle blending. I then moved on to create an visually appealing
and legible text with color, size, blending modes and effects. I used Color
Balance and De-Saturation to selectively edit the colors of my background
image and finally finished off my project by adding a border using the
Rectangle Tool and Layer Masks.

Letter Head
Date:

Description:

12/11/14

Here I have a letterhead with logo meant to establish business branding


and increase effectiveness and communication.

Programs:
Adobe InDesign
Adobe Illustrator

Course:
Visual Media
Com130-08

Instructor:
Professor Pingel

Objective:
I wanted to communicate a level of professionalism at the same time
imply that this was a fun, young, energetic company selling cosmetics
and beauty products. I also wanted to appeal to younger to middle aged
women who want a reliable beauty company they could come back again
and again to for cosmetic and beauty products.

Process:
The first thing I created was my logo which I did using Adobe Illustrator.
I created a clean, modern logo with simple shapes using the shape tools
and adjusted the fonts, sizes and colors appropriately using the character
pallet. I then brought my logo into an 8 1/2 x 11 InDesign document to
create my letterhead. I placed the contact information and name of a
sale associate at the top and styled the text using paragraph styles. From
there, I placed a fill text into my letterhead to reflect what the letter would
look like in actual use.

Janna Linburg

54 Bleaker Street
San Francisco, CA
700.341.5573
belle@gmail.com

Kaitlyn Thompson,
Quiant iberit laborpor restrum ipsandae lab incidem perumen imosandit oc to
optas sus eum aut qui omnimus volore autecatio blatia peleceped et fuga. Ed unt essed
endaepudae parchilit eos sit, odipiduciis rehenim quis comnis minum sit fugit fugiam,
tecae net lant quaepedis dionem aute nobis ersperc hiciis aut es essitatis il ipicieturit re
porest et harum accuptat pro ociis velicatus, non nihit rehent perit quo ducit esequi
tecte plam veles aut porum niae. Lection essimusamet fugit oditini hiliquos rere et
occaborem ium ut reic tem conem repelest volorera cus, qui naturiori simpor re etur
sum nonsendis explabo rrovid que simagnatem sum dolor ad et vellaut etur, seque
doluptatur, soluptae lab isi untem que sum ut et re pliquassin nonsequis ma dolupta
quibus sitia comnis nonsecaest et voluptin con natem volutat velia porporum eiciendent qui dolorae suntur senim est, ut ipsam que exeris est, quatiature voluptat eles ex
et digenihilia voluptio illeseque voluptatur.
Heni tessitiae pa quatiisit as dolum cor solorestius di doluptatur, alitatur? Harum dendi occulparum es eiunt odignisquos doluptis corro bla volore, si renim dolor aut velis
repersp itatenis ellabore quatam aut delitatia sim vollaccum fuga. Lictur, ommolor
asperitam est, sin periber ferepel excestin prae doluptatas volenducid excero cusae
molorit est aliass Ratiur? Faceptam eatet dolupta esequat iasimus maioribus et que qui
ad ut hillor abor aliquis adias volesequam qui quate nonem que quia con nobiscium
vollor as moditem poriorero volorrovid quia comnis suntiis sunt qui volenim inctus
volorist la pratur alit rehendunti volorep elignatis quossin ctatio optam elendis aut aut
harum volupta derundita vent.
Janna Linburg
Belle Cosmetics & Beauty

BELLE

Cosmetics & Beauty

Business Card
Date:

Description:

12/11/14

This project was focused on creating a matching business card for the
Belle Cosmetics & Beauty business letter head.

Programs:
Adobe Illustrator

Course:
Visual Media
Com130-08

Instructor:
Professor Pingel

Objective:
Again, I focused on creating a business card that would appeal to
younger to middle age women. I also wanted to repeat similar themes as
represented on the letter head. This business card would likely come with
purchased beauty products to further advertise the company and supply
contact information for the future, so I wanted to make the information
and branding clear.

Process:
I created this business card in Adobe Illustrator and made sure to mimic
the same branding I developed for my letter head. I used a standard size
of 3 1/2 x 2 and the same paragraph styling on my letter head to feature
on my business cards. Using the shape tool, I also reflected the same
simple gray shape concept as you find on my letter head. On the front of
the business card, I displayed the logo, name, and contact information.
On the flip side, I spotlighted the name of the sale associate, their phone
number, and company name.

BELLE

Cosmetics & Beauty

Janna Linburg
54 Bleaker Street
San Francisco, CA

Cosmetics & Beauty

700.341.5573
belle@gmail.com

CBI
BELLE
Creative Base Inc.

Cosmetics & Beauty

Janna Linburg
700.341.5573