Portfolio

Natalie Dansie

Contact
Natalie Dansie

6227 Short Iron Circle

801.699.8988
natalie@charmingbliss.com

Table of Contents
1. Business Card
2. Letterhead
3. Event Ad
4. Brochure
5. Photo Design
6. Logo
7. Web Page
8. Photo Montage
9. Flyer

Business Card
Description:

Business card (as part of a matching stationery set) designed using a personally
created logo.

Date:
2/27/16

Course/Instructor:

COMM 130 15 | Sara Tranberg

Program(s)/Tools:

Adobe Illustrator | Adobe InDesign

Objectives:

Create a new logo to fit a company or personal image.

Design consistent layouts for a business card and letterhead.
Use the basic tools of Illustrator and InDesign.
ic tools of Illustrator & InDesign.

Process:

I created the logo in Adobe Illustrator. I used dotted lines to create the circles
for the logo as well as the border. I chose fonts that had plenty of contrast. One
is an all caps serif font and the other is a script font. The colors are pulled from a
Design Seeds color scheme. Once the logo was created, I opened up a 2-page
document in Adobe InDesign. There I created the text for the name and business
information. I repeated the logo on the letterhead and again on the business
card. I also repeated the dotted border to tie the design together. I took the
medium blue color from the dots and found the lightest hue of that blue and
made that the background for the business card.

Letterhead
Description:

Letterhead (as part of a matching stationery set) designed using a personally

created logo.

Date:
2/27/16

Course/Instructor:

COMM 130 15 | Sara Tranberg

Program(s)/Tools:
Adobe InDesign

Objectives:

Create a new logo to fit a company or personal image.

Design consistent layouts for a business card and letterhead.

Process:

I created the logo in Adobe Illustrator. I used dotted lines to create the circles
for the logo as well as the border. I chose fonts that had plenty of contrast. One
is an all caps serif font and the other is a script font. The colors are pulled from a
Design Seeds color scheme. Once the logo was created, I opened up a 2-page
document in Adobe InDesign. There I created the text for the name and business
information. I repeated the logo on the letterhead and again on the business
card. I also repeated the dotted border to tie the design together.

NATALIE DANSIE
GRAPHIC DESIGNER

natalie@charmingbliss.com
801.263.1720
6227 Short Iron Circle
Murray, UT 84123
www.charmingbliss.com

Event Ad
Description:

A color full-bleed event ad to promote a fundraiser using only Microsoft Word

and a scanner.

Date:
1/29/16

Course/Instructor:

COMM 130 15 | Sara Tranberg

Program(s)/Tools:

Microsoft Word | HP Officejet 6500 Scanner | PDF2JPG.net (PDF converter)

Objectives:

Find, scan and import a high-quality image.

Create a full-bleed design
Use text boxes for layout in Word.
Insert and edit images in Word.

Process:

I scanned the image of the lady practicing yoga. I added the box of blue to the
right to mimic the blues from the sky and mountains, and also to keep the feel of
the ad calm. I chose white for the text because of the high contrast against the
blue. I kept the fonts clean and simple. There is a lot of white space in the photo
as well as in the blue box on the right. I used an Oldstyle font for the name of the
retreat and I used a clean sans serif font for the rest of the text.

NAMASTE
CLOTHING COMPANY

presents

yoga

Mountainside

Retreat

August 25-26
Check-in 10am
Check-out 5pm

Snowbird Resort

Enjoy yoga, meditation,

organic meals and
wellness classes.

$150
All proceeds benefit

namaste.com/retreat
for more info

Brochure
Description:

A two sided (duplex), tri-fold, offset, full-bleed brochure.

Date:
3/26/16

Course/Instructor:

COMM 130 15 | Sara Tranberg

Program(s)/Tools:

Adobe InDesign | Adobe Illustrator | Adobe Photoshop

Objectives:

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

Write content to describe the process of creating your logo and how it
appeals to a target audience.
Design a web page using HTML to display a logo and content.
Acquire a working knowledge of HTML and basic understanding of CSS.
Identify hex colors for web design.
Compress multiple files in a zipped folder to attach as one file.

Process:

I created the brochure design and layout in Adobe InDesign. I split the layout into
three sections. The front of the brochure is an offset fold, so when its folded and
closed, the soccer ball on the grass image continues on the page beneath it.
For the large soccer ball in the inside of the brochure, I used the quick selection
tool in Adobe Photoshop to remove the background of the image. I used the refine
mask dialogue box to smooth, feather, and shift the edge to make a softer image
that doesnt look so stark and cutout against the brochures background. I then
placed the image of the soccer ball into InDesign where I used the text wrap
option to wrap the text in the center around the alpha channel of the image.
I created the original logo for BenD United Soccer. I designed the logo in Adobe
Illustrator. I used a live trace to create the black parts of the soccer ball. I used the
pen tool to draw the shield.

inside fold #1

back cover

Hr wr
bas tln
we tln
dent
wr hr.

Kci I
SUMMER SOCCER
CAMPS FOR KIDS
presented by

You miss 10 of the

shots you dont take.

BenD
UniteD

Color Scheme: Analogous

Green #296331
Lime #78dd10
Yellow #ffdd19
BenD
UniteD

www.bendunited.com

inside left fold

inside center fold

inside right fold

Dtis

Kci I Cms

Aot Bn

Wo

Every child who enrolls in a Kickin It Soccer Camp will

train with renowned soccer coach, Ben Dansie. Each camp
session lasts one week, Tuesday through Thursday. The
focus will be on soccer skills, foot work, and having fun.
Kids will play games that teach them skills. Every camp
participant will receive a free t-shirt
on the first day of camp. Visit
www.bendunited.com for
more information and
to register your child.
Space is limited
to 20 kids per
session, so dont
delay. Sign your
child up today!

Soccer player at Murray High School

24 years coaching youth soccer
11 years coaching multiple teams in
competitive soccer leagues
Olympic Development coach
Director of Coaching for the Murray
Max soccer club
D and C soccer licenses
Goal Keeper license
National Youth License
Member of the Positive Coaching
Alliance

Youth ages 5-15

Dts
June 14-16, June
21-23, June 28-30,
July 5-7, July 12-14,
July 19-21,
July 26-28

Tm:

8:30-10:30am

Pae
Germania Park
Soccer Field (5243
Murray Parkway)

Cs:
$100

Bens coaching philosophy is to allow

players to develop while having fun.

Photo Design
Description:

A personally taken photograph that has been edited/formatted using Photoshop.

Date:
2/3/16

Course/Instructor:

COMM 130 15 | Sara Tranberg

Program(s)/Tools:

Nikon D90 Camera | Adobe Photoshop

Objectives:

Learn basic photography skills.

Use a digital camera to take a quality image, then download it.
Size and crop the image.
Adjust image brightness, contrast, hue and saturation levels.
Use a selection tool to isolate a portion of an image. ge.

Process:

I took a picture with my Nikon D90 camera. I metered the sky and took the
photo to capture the blue. I made focal point of the water converging along the
bottom and right third of the image. I uploaded the photo into Photoshop and
edited it using levels, sharpness, selective color, and vibrance. I used Photoshop
to design the decorative chevron banners and the typography elements.

Logo
Description:

Three logo variations for the same company.

Date:
2/20/16

Course/Instructor:

COMM 130 15 | Sara Tranberg

Program(s)/Tools:
Adobe Illustrator

Objectives:

Create a variety of logos to fit a company or personal image.

Use the basic tools of Illustrator.

Process:

I created this logo for Winterwood, an acoustic music band. The entire logo
is created in Adobe Illustrator. I used the os and the d to serve double duty
as both the letters in the band name as well as the tuner keys on the top of
the guitar neck. I chose a mahogany, brick color for the guitar neck and then
worked in a triadic color scheme to pull the whole design together. You can see
what the logo looks like in full color, greyscale, and as a negative space against
a color background.

Winterwood

Winterwood
ooo
Winterwood
ooo
Winterwood
ooo

Web Page
Description:

A web page designed to showcase a personally created logo.

Date:
3/9/16

Course/Instructor:

COMM 130 15 | Sara Tranberg

Program(s)/Tools:

Notepad++ | Adobe Photoshop | www.W3.org HTML validator

Objectives:

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

Write content to describe the process of creating your logo and how
it appeals to a target audience.
Design a web page using HTML to display a logo and content.
Acquire a working knowledge of HTML and basic understanding of CSS.
Identify hex colors for web design.
Compress multiple files in a zipped folder to attach as one file.

Process:

I created this web page using Notepad++. I manipulated HTML and CSS code to
create this design to showcase my logo. I also used the http://www.W3.org HTML
validator to check all of my HTML and my CSS to make sure everything validated.
After I wrote my content and inserted my image, I attached a pre-made CSS
document to my HTML. I pulled colors from my logo to coordinate my webpage
to the colors in the logo. I pulled up my logo in Photoshop and found the
coordinating HEX colors using the eyedropper tool. Then I used those colors in
my CSS. I also changed my fonts to Arial Black and Palatino Linotype. I declared
a back up font just in case the viewers browser didnt have these exact fonts.
I added padding around the logo to give it ample white space and breathing
room and to make it the focal point of the page. I also added padding to the
text to set them apart from the edge of the webpage.

Photo Montage
Description:

An inspirational montage made by the blending of three images, and the

use of typography.

Date:
2/9/16

Course/Instructor:

COMM 130 15 | Sara Tranberg

Program(s)/Tools:
Adobe Photoshop

Objectives:

Learn to manage Photoshop layers.

Learn to blend images together smoothly, using masks.
Use filters.
Apply appropriate typography.

Process:

I cropped the image of the stormy ocean. I used the lasso in Photoshop to pull
the rainbow from another image into this one. I used a mask and a 100% opacity
brush to soften the edges of the rainbow. I used a 30% opacity brush to soften the
whole thing and blend it into the stormy ocean. I found an image of falling rain
and layered that over the ocean image. I used a blending mode and reduced
the opacity to make the raindrops really subtle. I added in the typography by
grabbing the purple color from the water and finding contrasting fonts that work
well to convey the quote. I positioned the white copy so it forms a very subtle
continuation of the rainbow shape to further emphasize the design. I added the
border and erased part of the edges to allow the key words in the quote
to break through.

Flyer
Description:

Black & White promotional flyer to promote a graduate leadership conference.

Date:
1/23/16

Course/Instructor:

COMM 130 15 | Sara Tranberg

Program(s)/Tools:
Adobe InDesign

Objectives:

Apply the design principles and use appropriate typography.

Incorporate basic InDesign skills to improve basic flier layout.
Create a project folder with image, logo and InDesign document to keep links
intact.
Create a project folder with image, logo and InDesign document to keep links it.

Process:

I started out with four sketches for ideas. I liked the one with the square elements,
so I recreated my sketch in InDesign. I used strong contrast to create the title by
putting a bold text against a black background. I used alignment throughout
the entire design. Every element aligns with something else. I used Photoshop to
mask the image. By doing so, I created a strong sense of white space. The small
squares are repeating elements and they are following the rule of odds because
they are always in sets of three.

Graduate
LEADERSHIP CONFERENCE

DATE:
OCTOBER 21
TIME:
8AM - 5PM
PLACE:
LINCOLN
CONVENTION
CENTER

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. During this dynamic threeday 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