2. TABLE OF CONTENTS
PHOTODESIGN
PREZI PRESENTATION
BUSINESS IDENTITY: LOGOS
BUSINESS IDENTITY: STATIONARY
CODING: HTML & CSS
WEBPAGE MOCKUP
INFOGRAPHIC
MONTAGE
MAGAZINE COVER
BROCHURE
703.835.7296
NORIENNECHRISTENSEN@GMAIL.COM
NORIENNECOMM130.WORDPRESS.COM
20609 POPPY HILLS TRAIL #1001
ROUND ROCK, TEXAS 78664
PHONE
EMAIL
BLOG
ADDRESS
1
3
5
7
9
11
15
19
21
23
3. LOGOS
Create three logos in Adobe Illustrator for any
business, gather feedback, and choose one
logo to further develop and refine.
DATE COMPLETED
COURSE | INSTRUCTOR
October 25, 2016
COMM 130: Visual Media
Bianca Rodriguez
PROGRAMS USED
Adobe Illustrator
DESIGN PROCESS
When I started this project I knew what kind of a business I
wanted to design a logo for, but I had a few different ideas for
what the audience and aesthetic of the business could be. This
is reflected in my initial three logos: each has a very different
brand aesthetic and appeals to a different market segment. I
posted my first three ideas in several groups on social media to
gather feedback. Eventually I decided on one option to move
forward with, and gradually it evolved into the final design.
1 2
Top: Other possible creative
directions for logo design that
were considered
Above: Evolution of chosen logo
Right: Final logo design
4. STATIONARY
Using the logo from the previous project,
design a business card and letterhead that
create a cohesive and unified brand identity.
DATE COMPLETED
COURSE | INSTRUCTOR
October 26, 2016
COMM 130: Visual Media
Bianca Rodriguez
PROGRAMS USED
Adobe Illustrator, Adobe InDesign
DESIGN PROCESS
To create the wood and word patterned image at the top of the
letterhead and back of the business card, I created a pattern of
eating-related verbs using Illustrator. I then changed the font
color to white, saved it as a .png, and overlaid it on top of the
wood image, reducing the opacity to make the effect more
subtle. I also extracted the wheat stalk from the logo and saved
it separately so that I could use it as a design element. I was
then able to create the letterhead and business card using
InDesign. I wanted to create a design that was contemporary
and sophisticated to match the higher-end aesthetic of the logo.
3 4
5. HTML & CSS
See the live version at bit.ly/2gdfC4e
Create an attractive and well-coded webpage
to showcase the previously-created logo and
its creation process.
DATE COMPLETED
COURSE | INSTRUCTOR
November 10, 2016
COMM 130: Visual Media
Bianca Rodriguez
PROGRAMS USED
Adobe Illustrator, Adobe InDesign, Notepad++
DESIGN PROCESS
First, I wrote out my body copy. Next, I went to my raw files from
the Business Identity project and created, adapted, and resized
the necessary graphics for this webpage. After that, I laid out
my HTML the way I wanted it to be. I then wrote my CSS from
scratch, Finally, I checked my HTML and CSS pages with a
validator.
5 6
6. WEBPAGE
Create a webpage layout for a business using a
960-px grid system.
DATE COMPLETED
COURSE | INSTRUCTOR
November 17, 2016
COMM 130: Visual Media
Bianca Rodriguez
PROGRAMS USED
Adobe Illustrator, Adobe Photoshop
DESIGN PROCESS
First, I decided on the subject for my website. I decided to use
the same fictional restaurant I used for the Business Identity
project and coding project. Next, I sketched out some layout
sketches. After that, I opened up a 16-column grid template in
Photoshop and created my wireframe shape map. From there,
I created the full website design in Photoshop. I used fonts and
images from the past projects for this brand to keep things
cohesive.
7 8
7. Visit bit.ly/2hixfzR to see how I
removed the background but still
preserved the fur and whiskers.
PHOTODESIGN
Create a full-bleed 8.5 x 11” image using an
original photo, a color scheme derived from the
photo, text, and design elements.
DATE COMPLETED
COURSE | INSTRUCTOR
October 12, 2016
COMM 130: Visual Media
Bianca Rodriguez
PROGRAMS USED
Adobe Photoshop
DESIGN PROCESS
Before I began my design and photography process, I
considered potential subjects for my photo and color schemes
that could be derived from them. I decided to use my cat as
the subject of my photo, because her black and white coloring
with yellow eyes would allow for a striking image and lend itself
to a distinct color scheme. The most time-intensive part of my
project was digitally removing the background from the photo
of my cat using Photoshop while maintaining the whiskers
and furry texture around the perimeter. When I was satisfied
with the clipped image, I used Photoshop to create a neutral
background. At this point, I was free to arrange text and design
elements. After a number of iterations, I came up with a design I
was satisfied with.
9 10
8. INFOGRAPHIC
See full infographic at bit.ly/2h899op
In the following pages, you will see the
infographic in more detail.
Create an infographic on any topic that
organizes data in a visually pleasing manner.
DATE COMPLETED
COURSE | INSTRUCTOR
November 3, 2016, updated December 7, 2016
COMM 130: Visual Media
Bianca Rodriguez
PROGRAMS USED
Adobe Illustrator
DESIGN PROCESS
First, I brainstormed to come up with a topic. Since it is election
season in the United States, I decided to create an explanatory
infographic on the Electoral College. Next, I did research to
make sure I understood the topic thoroughly and came up with
the facts and data that I wanted to present in my infographic.
I then did some sketches to come up with a layout as well as
general ideas for how to visually present the information I had
gathered.
I used Adobe Illustrator for all graphics, charts, and icons. I used
a limited color scheme to keep it clean, simple, and easy to
decipher. I tried to add visual interest by varying the scale of the
typography.
11 12
10. PREZI
Create an informational Prezi Presentation on
any subject demonstrating functionality and
features of Prezi software.
DATE COMPLETED
COURSE | INSTRUCTOR
October 6, 2016
COMM 130: Visual Media
Bianca Rodriguez
PROGRAMS USED
Adobe Illustrator, Adobe Photoshop, Prezi
DESIGN PROCESS
Because I had no prior experience with Prezi, my first task was
to learn as much as I could about the software, how it works,
and what its capabilities are. I explored various tutorials until
I felt comfortable using the software. Next, I picked a topic. I
decided to do my presentation on Walt Disney World vacation
planning because it is a topic with which I am very familiar. I then
made several sketches to come up with a plan for how I would
organize and arrange my content.
I used Adobe Illustrator to create the graphics for Cinderella’s
castle and the waitress/food server. I used Photoshop to create
the sky background and grass images.
See full presentation at bit.ly/2gbT92B
In the following pages, you will see the
slides in more detail.
15 16
12. MONTAGE
Create a spiritually-themed poster montage
using images and type.
DATE COMPLETED
COURSE | INSTRUCTOR
October 20, 2016
COMM 130: Visual Media
Bianca Rodriguez
PROGRAMS USED
Adobe Photoshop
DESIGN PROCESS
After I selected my quote, I decided I wanted the text to fill the
page and to be the main focus. For the background, I decided
on a base of cracked pavement. I chose a photo of a sunset and
a photo of the night sky to blend into the pavement image..
Once I selected all my images, I constructed the background in
Photoshop. First, I darkened the image of the cracked pavement
and applied a filter to enhance the crackled effect. Next, I
masked and blended the sunset and night sky images over the
cracked pavement.
Then I added my text, adjusting the size of each line so it was
evenly justified overall. I made the first two lines and the last line
of the quote white; I filled the words “CREATING BEAUTY” with
the image of the sunset. Lastly, I copied the sunset layer and
the night sky layer, reduced their opacity, and layered them so
they fell over the white text but behind “CREATING BEAUTY.”
19 20
13. BROCHURE
Create a brochure on any topic with duplex
printing and at least one fold.
DATE COMPLETED
COURSE | INSTRUCTOR
December 3, 2016
COMM 130: Visual Media
Bianca Rodriguez
PROGRAMS USED
Adobe Illustrator, Adobe Photoshop, Adobe InDesign
DESIGN PROCESS
First, I came up with the idea to do a brochure as an advertorial
insert for a fictional magazine. I knew I wanted to create a
layered effect with the folds, so I sketched out what I wanted it
to look like when folded completely. I then cut out small pieces
of paper in the shape of each of the layers and taped them
together to figure out how the layout needed to be organized.
Next, I took photographs of my holiday place settings. I used
Photoshop for cropping and enhancement. I then created a
title of the brochure and a logo for the fictional magazine using
Photoshopa and Illustrator. I found products to advertise in my
brochure and gathered information and photos of them.
The preliminary phase complete, I created my initial draft in
InDesign using placeholder text. I printed a half-size draft to
make sure everything aligned correctly. Then I added in the
correct text and made all remaining adjustments.
21 22
This is a digital approximation of the
front of the brochure when folded.
The following pages show the
ready-to-print spread on both sides,
including bleed and margins.
14. Once printed, the
white space should be
removed and the place
setting elements cut
out carefuly so that they
layer on top of each
other, visually creating a
complete place setting.
15. MAGAZINE
Create a magazine cover featuring a portrait
and articles about yourself.
DATE COMPLETED
COURSE | INSTRUCTOR
September 29, 2016
COMM 130: Visual Media
Bianca Rodriguez
PROGRAMS USED
Adobe Photoshop, Adobe InDesign
DESIGN PROCESS
First, I selected an image of myself to use and sketched
out a layout. Next, I used Photoshop to digitally remove the
background of the photo and create a neutral one. I added
in the name of the magazine, creating a layered effect with
the image of myself. I also used Photoshop to remove the
background of the photo of the monogram succulent.
In InDesign, I added the article names. I decided to use crafting,
travel, and gluten-free cooking as the subjects of my articles. I
chose to use Century Gothic for all of the text to keep the look
clean, modern, and cohesive. I used variations in color and
weight to differentiate title, headings, and body.
23 24