Nikki Mouille

Portfolio
Contact
Nikki Mouille
707.591.5867
nikkimouille@gmail.com
151 Viking Dr Apt 404
Rexburg, ID 83440
Letter head
Business Card
Brochure
Logos
Event Ad
Photodesign
Web Page
Montage
Flier
Table of Contents
Letterhead
Description:
An professional letterhead designed using Illustrator and InDesign.
Date:
6/14/14
Course/Instructor:
Comm 130 Section 2
Julie Perterson
Programs/Tools:
Adobe InDesign
Adobe Illustrator
Objectives:
Create a new logo to ft a company or personal image.
Design consistent layouts for a business card and letterhead.
Use the basic tools of Illustrator & InDesign.
Process:
I started out creating 6 diferent logos in Illustrator and this one was my favorite. I went through
a series of steps to be able to have the bars from the logo in a diferent color. I then edited font
and layout to match the message. For my stationary, I aligned the text with the logo and the
added a water mark of the partial logo. I made the water mark not the full graphic because I
think it adds an interesting element.
Business Card
Description:
An professional Business Card designed using illustrator.
Date:
6/14/14
Course/Instructor:
Comm 130 Section 2
Julie Perterson
Programs/Tools:
Adobe InDesign
Adobe Illustrator
Objectives:
Create a new logo to ft a company or personal image.
Design consistent layouts for a business card and letterhead.
Use the basic tools of Illustrator & InDesign.
Process:
I started out creating 6 diferent logos in Illustrator and this one was my favorite. I went through
a series of steps to be able to have the bars from the logo in a diferent color. I then edited font
and layout to match the message. For the business card I then enlarged the logo, took out three
bars, reduce the opacity, and rotated it to ft in the design. I added a gradient to one half of the
design.
Description:
Tis is a duplex folded, double sided brochure.
Date:
7/13/14
Course/Instructor:
Comm 130 Section 2
Julie Perterson
Programs/Tools:
Adobe InDesign
Adobe Illustrator
Adobe Photshop
Objectives:
Set up and align a two-sided, folded document.
Create an original company 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 text-wrapped in InDesign so the text follows the cut-
out shape of the image.
Write at least 250 words of original copy with at least three paragraphs, headers, and subheaders.
Trim for a full bleed and print in duplex (two-sided) color.
Process:
I started out by deciding I was going to create a new company for this project. I decided I
wanted to create a water fltration company that focused on all things clean. I chose to create a
simple logo and have clean lines. I went with a grey font color to have it be a little lighter then
the traditional black. I created the rain drop and copied it for the other two drops. I chose to go
with an informational brochure and chose pictures that had a story with them. I then created the
line graphic and then cut the water cup photo with photoshop. Once I had the basics, i went in
and added the grey boxes to add another feature. I added text, and the text wrap. I used Illustra-
tor, Photoshop, and InDesign.
Brochure
Description:
Created three diferent logo designs for the same company.
Date:
6/8/14
Course/Instructor:
Comm 130 Section 2
Julie Perterson
Programs/Tools:
Adobe Illustrator
Objectives:
Create three completely diferent, original logos to ft 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 fares,
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:
I frst started out by creating the company “Holly’s Shake Shack”. I started out by creating the
shapes the sun, waves, and drink container. For the sun I combined circles withe triangle shapes,
I then altered some of the triangle shapes to make the design more interesting. I created curved
lines and then added points so then I could alter the shape further. I then joined the path and
carefully altered the crossed lines with the selection tool. I then typed an ‘S’ and merged it in the
shape, then I erased the bottom half of it. I then created the shake shape with lines and a oval. I
used to rotator tool on the second and third designs. I used Adobe Illustrator.
Logos
Holly’s Shake Shack
hack Shake
H lly’s
Shake Shack

S
h
a
c
k
H
o
l
l
y

s
S
H
A
K
E
H
o
l
l
y

s

Description:
Tis is a event ad for a fundraiser created only using Microsoft Word and a scanner.
Date:
5/17/14
Course/Instructor:
Comm 130 Section 2
Julie Perterson
Programs/Tools:
Microsoft Word
Canon Scanner
Objectives:
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 Photo-
shop.
Process:
I started out by scanning an image and editing the color in Word. I chose to make the color of
the picture pink to reach out to the audience and to help make the background picture less busy.
I added the title up top in a diferent font to draw in the viewers eye. I then created a ribbon
shape over the picture and add light transparency to it. I added information about the event into
the shape to make it easier to read. I decided to capitalize the words to make the words sophis-
ticated and like a phrase since there are not a lot of words in the design. I decided to leave the
space below the ribbon empty to emphasis the slice of cake and to have the viewer feeling like
they are open to join the event.
Event Ad
Description:
Tis project was to take a photo, have a specifc color scheme and incorporate a relating theme.
Date:
5/24/14
Course/Instructor:
Comm 130 Section 2
Julie Perterson
Programs/Tools:
Adobe Photoshop
Canon PowerShot SX40 HS
Objectives:
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-de-
structive editing.)
Size and crop the image, then place on an 8.5×11 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:
I frst started out by deciding that I wanted to shoot in a natural setting. I started out taking
pictures using a Canon PowerShot SX40 HS camera. I liked this shot because I like how the
lines of the elements play with each other. I really like the glow of the sun coming through the
trees. I started editing it in Photoshop by adjusting the levels, colors, and sharpening some of
the leaves. Tis design was sized at 8.5 x 11 and includes an original photo, text, and a repeating
color scheme. I wanted to focus on the light in the picture and with the quote. To create the
color swatches, I overlapped three of the same custom shape. I then edited the shapes by erasing
a diferent line of each shape. I then changed the color of each shape to correlate with the color
scheme.
Photodesign
Description:
A webpage layout for a company using an original logo.
Date:
6/29/14
Course/Instructor:
Comm 130 Section 2
Julie Perterson
Programs/Tools:
HTML
CSS
Objectives:
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 audi-
ence. (Minimum of 200 words. Include rationale for colors, appeal to target audience, design
skills, etc,)
Design a web page using HTML to display the logo and content. (Use TextWrangler)
Identify hex colors for web design. (Find and use hex colors in Photoshop to match your logo)
Compress multiple fles in a zipped folder to attach as one fle.
Open your HTML page in a web browser, and capture a quality screen shot with .5 inch mar-
gins for printing. (See tutorial below.) See the sample projects on this page as examples (contains
3 fles: .css fle; linked logo .png; .html fle of web page.)
Process:
I created this webpage using the text wrangler software. I used http://www.W3.org as an
HTML validator. I frst created a basic HTML template and while placing my logo up at the
top. I started out with a pre-made CSS template that I later edited. I then used fonts Verdana
and Times New Roman, I select back up fonts in case the person viewing the page does not have
those fonts on their computer. I changed the color scheme to go with the logo. Since my logo
was monochromatic, I decided I did not want a monochromatic web page so I made it triadic
color scheme. I used padding around the logo and the header. I changed the border to be square
instead of curved edges. Tere are 258 words in my post.
Web Page
Description:
ATis is a photo montage where I took two photos and combined them to create an inspiration-
al image.
Date:
6/1/14
Course/Instructor:
Comm 130 Section 2
Julie Perterson
Programs/Tools:
Adobe Photoshop
Objectives:
Use the FOCUS design process with strong focal point and fow
Unify a layout with a consistent theme and dominant 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 flter to one part of the image
Apply typography principles (titles, quotes, events or scriptures…your choice)
Format type: Legibility; Small copy & Title with varying text size. Teme word(s)
Select good quality images
Process:
I used Adobe Photoshop to create this image. I frst started out by fnding two photos and I
edited the frst layer by balancing the colors, light and dark levels slightly. I then masked the
frst layer and added the second photo on top. I fipped the second photo to give lead room and
balance to the shot. I then used the paint brush to blend the photos together. I used diferent
opacity levels to blend the image at diferent points.
Montage
Description:
Tis is a promotional fyer advertising a Leadership Conference for Graduates.
Date:
5/10/14
Course/Instructor:
Comm 130 Section 2
Julie Perterson
Programs/Tools:
Adobe InDesign
Objectives:
Apply the design principles and use appropriate typography.
Incorporate basic InDesign skills to improve basic fier 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:
I frst started out sketching multiple design layouts. I then went into Adobe InDesign and start-
ed to play with new shapes and started to duplicate my sketches onto the program. I decided to
use triangle arrows to help add fuidity and an interesting element to the design. I deciding to
have small body copy, with the top sentence having a heavier weight to pull the reader in. Te
date, time, and place are a larger size to add emphasis to it. I decided to highlight leadership in
the title, and decided to make it in all caps to provide adequate space between the two parts of
the title. Te logo, theme, and picture were given to me.
Flier