SlideShare a Scribd company logo
1 of 15
Download to read offline
PORTFOLIO
NORIENNE CHRISTENSEN
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
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
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
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
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
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
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
This infographic
was designed to
be comfortably
readable on mobile,
desktop, and tablet.
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
1
2
3
4
5
6
7
8
9
10
11
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
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.
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.
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

More Related Content

What's hot

Week 13 - Portfolio - COMM 130
Week 13 - Portfolio - COMM 130Week 13 - Portfolio - COMM 130
Week 13 - Portfolio - COMM 130nickrouty
 
Rebekah Harris Portfolio Visual Media
Rebekah Harris Portfolio Visual MediaRebekah Harris Portfolio Visual Media
Rebekah Harris Portfolio Visual MediaRebekah Harris
 
Rebekah Gallegos Portfolio
Rebekah Gallegos PortfolioRebekah Gallegos Portfolio
Rebekah Gallegos PortfolioRebekah Gallegos
 
Portfolio Project - Hannah Collier
Portfolio Project - Hannah CollierPortfolio Project - Hannah Collier
Portfolio Project - Hannah CollierHannah Calley
 
13a brandontrimble Portfolio
13a brandontrimble Portfolio13a brandontrimble Portfolio
13a brandontrimble PortfolioBrandon Trimble
 
Portfolio - Daniel Wilson
Portfolio - Daniel WilsonPortfolio - Daniel Wilson
Portfolio - Daniel WilsonDaniel Wilson
 
Adrienne labareportfolio
Adrienne labareportfolioAdrienne labareportfolio
Adrienne labareportfolioAdrienne LaBare
 
Caroline's Portfolio Comm 130
Caroline's Portfolio Comm 130Caroline's Portfolio Comm 130
Caroline's Portfolio Comm 1304shillig
 
13 a jacobvreekenc
13 a jacobvreekenc13 a jacobvreekenc
13 a jacobvreekencJavreeken
 
13 a joselopez2
13 a joselopez213 a joselopez2
13 a joselopez2Jose Lopez
 
13A AimeeJorgensen
13A AimeeJorgensen 13A AimeeJorgensen
13A AimeeJorgensen ajorgensen5
 
COMM-130 Portfolio
COMM-130 PortfolioCOMM-130 Portfolio
COMM-130 PortfolioKylee Priest
 

What's hot (20)

13A Michael Mann
13A Michael Mann13A Michael Mann
13A Michael Mann
 
13 a jerrodthomas
13 a jerrodthomas13 a jerrodthomas
13 a jerrodthomas
 
Week 13 - Portfolio - COMM 130
Week 13 - Portfolio - COMM 130Week 13 - Portfolio - COMM 130
Week 13 - Portfolio - COMM 130
 
Rebekah Harris Portfolio Visual Media
Rebekah Harris Portfolio Visual MediaRebekah Harris Portfolio Visual Media
Rebekah Harris Portfolio Visual Media
 
Portfolio
PortfolioPortfolio
Portfolio
 
Rebekah Gallegos Portfolio
Rebekah Gallegos PortfolioRebekah Gallegos Portfolio
Rebekah Gallegos Portfolio
 
Portfolio Project - Hannah Collier
Portfolio Project - Hannah CollierPortfolio Project - Hannah Collier
Portfolio Project - Hannah Collier
 
My portfoliofinal
My portfoliofinalMy portfoliofinal
My portfoliofinal
 
13ACynthiaBampi
13ACynthiaBampi13ACynthiaBampi
13ACynthiaBampi
 
13a brandontrimble Portfolio
13a brandontrimble Portfolio13a brandontrimble Portfolio
13a brandontrimble Portfolio
 
Portfolio - Daniel Wilson
Portfolio - Daniel WilsonPortfolio - Daniel Wilson
Portfolio - Daniel Wilson
 
Adrienne labareportfolio
Adrienne labareportfolioAdrienne labareportfolio
Adrienne labareportfolio
 
Portfolio
PortfolioPortfolio
Portfolio
 
Caroline's Portfolio Comm 130
Caroline's Portfolio Comm 130Caroline's Portfolio Comm 130
Caroline's Portfolio Comm 130
 
Jessica Swendsen
Jessica SwendsenJessica Swendsen
Jessica Swendsen
 
13 a jacobvreekenc
13 a jacobvreekenc13 a jacobvreekenc
13 a jacobvreekenc
 
13 a joselopez2
13 a joselopez213 a joselopez2
13 a joselopez2
 
13A AimeeJorgensen
13A AimeeJorgensen 13A AimeeJorgensen
13A AimeeJorgensen
 
COMM-130 Portfolio
COMM-130 PortfolioCOMM-130 Portfolio
COMM-130 Portfolio
 
13 a kimberleecurtiss
13 a kimberleecurtiss13 a kimberleecurtiss
13 a kimberleecurtiss
 

Viewers also liked

Balloon Sinuplasty - An Effective Way of Removing Sinus Obstructions
Balloon Sinuplasty - An Effective Way of Removing Sinus ObstructionsBalloon Sinuplasty - An Effective Way of Removing Sinus Obstructions
Balloon Sinuplasty - An Effective Way of Removing Sinus ObstructionsAngelo Consiglio
 
Analisis kebutuhan PPT Lingkaran
Analisis kebutuhan PPT LingkaranAnalisis kebutuhan PPT Lingkaran
Analisis kebutuhan PPT Lingkarandediyansen
 
Web-Inhalt-EED-Heft-13-Franz Kopie
Web-Inhalt-EED-Heft-13-Franz KopieWeb-Inhalt-EED-Heft-13-Franz Kopie
Web-Inhalt-EED-Heft-13-Franz KopieAndreas Kahler
 
Wilson disoza Resume
Wilson disoza ResumeWilson disoza Resume
Wilson disoza Resumewilson Disoza
 
LIFT SAR 2016 (28Nov2016)-FINAL-compressed
LIFT SAR 2016 (28Nov2016)-FINAL-compressedLIFT SAR 2016 (28Nov2016)-FINAL-compressed
LIFT SAR 2016 (28Nov2016)-FINAL-compressedMaurice Schill
 
The art of sleeping well and at will
The art of sleeping well and at willThe art of sleeping well and at will
The art of sleeping well and at willPawan Mishra
 
Cuadro relacion competencias, objetivos, obj. específicos, contenidos, activi...
Cuadro relacion competencias, objetivos, obj. específicos, contenidos, activi...Cuadro relacion competencias, objetivos, obj. específicos, contenidos, activi...
Cuadro relacion competencias, objetivos, obj. específicos, contenidos, activi...Fran Pino
 
U456 postgre sql
U456 postgre sqlU456 postgre sql
U456 postgre sqlJr. Serrano
 
Defesa da Fé Católica
Defesa da Fé Católica  Defesa da Fé Católica
Defesa da Fé Católica JORGE ALVES
 
Online Personal Branding - Develop your Personal Brand Today!
Online Personal Branding - Develop your Personal Brand Today! Online Personal Branding - Develop your Personal Brand Today!
Online Personal Branding - Develop your Personal Brand Today! Stefania Sigurdson Forbes MBA
 
Personal branding online program by jasmine sandler copy righted 2015
Personal branding online program by jasmine sandler   copy righted 2015Personal branding online program by jasmine sandler   copy righted 2015
Personal branding online program by jasmine sandler copy righted 2015Jasmine Sandler
 

Viewers also liked (15)

Krysthel aguayo
Krysthel aguayoKrysthel aguayo
Krysthel aguayo
 
Biography indonesia designer
Biography indonesia designerBiography indonesia designer
Biography indonesia designer
 
Balloon Sinuplasty - An Effective Way of Removing Sinus Obstructions
Balloon Sinuplasty - An Effective Way of Removing Sinus ObstructionsBalloon Sinuplasty - An Effective Way of Removing Sinus Obstructions
Balloon Sinuplasty - An Effective Way of Removing Sinus Obstructions
 
Analisis kebutuhan PPT Lingkaran
Analisis kebutuhan PPT LingkaranAnalisis kebutuhan PPT Lingkaran
Analisis kebutuhan PPT Lingkaran
 
Web-Inhalt-EED-Heft-13-Franz Kopie
Web-Inhalt-EED-Heft-13-Franz KopieWeb-Inhalt-EED-Heft-13-Franz Kopie
Web-Inhalt-EED-Heft-13-Franz Kopie
 
Wilson disoza Resume
Wilson disoza ResumeWilson disoza Resume
Wilson disoza Resume
 
Tendencias pedagógicas
Tendencias pedagógicasTendencias pedagógicas
Tendencias pedagógicas
 
LIFT SAR 2016 (28Nov2016)-FINAL-compressed
LIFT SAR 2016 (28Nov2016)-FINAL-compressedLIFT SAR 2016 (28Nov2016)-FINAL-compressed
LIFT SAR 2016 (28Nov2016)-FINAL-compressed
 
The art of sleeping well and at will
The art of sleeping well and at willThe art of sleeping well and at will
The art of sleeping well and at will
 
Cuadro relacion competencias, objetivos, obj. específicos, contenidos, activi...
Cuadro relacion competencias, objetivos, obj. específicos, contenidos, activi...Cuadro relacion competencias, objetivos, obj. específicos, contenidos, activi...
Cuadro relacion competencias, objetivos, obj. específicos, contenidos, activi...
 
U456 postgre sql
U456 postgre sqlU456 postgre sql
U456 postgre sql
 
Defesa da Fé Católica
Defesa da Fé Católica  Defesa da Fé Católica
Defesa da Fé Católica
 
Online Personal Branding - Develop your Personal Brand Today!
Online Personal Branding - Develop your Personal Brand Today! Online Personal Branding - Develop your Personal Brand Today!
Online Personal Branding - Develop your Personal Brand Today!
 
Personal branding online program by jasmine sandler copy righted 2015
Personal branding online program by jasmine sandler   copy righted 2015Personal branding online program by jasmine sandler   copy righted 2015
Personal branding online program by jasmine sandler copy righted 2015
 
Presentacion empresa
Presentacion empresaPresentacion empresa
Presentacion empresa
 

Similar to Portfolio - Norienne Christensen

Similar to Portfolio - Norienne Christensen (20)

Visual Media Portfolio
Visual Media PortfolioVisual Media Portfolio
Visual Media Portfolio
 
Blake Jensen's Visual Communication Portfolio
Blake Jensen's Visual Communication PortfolioBlake Jensen's Visual Communication Portfolio
Blake Jensen's Visual Communication Portfolio
 
Portfolio Project
Portfolio ProjectPortfolio Project
Portfolio Project
 
12A Portfolio Project
12A Portfolio Project12A Portfolio Project
12A Portfolio Project
 
Portfolio Project
Portfolio ProjectPortfolio Project
Portfolio Project
 
Portfolio
PortfolioPortfolio
Portfolio
 
Portfolio Chearsten Webb
Portfolio Chearsten WebbPortfolio Chearsten Webb
Portfolio Chearsten Webb
 
Jaren Walker Portfolio #2
Jaren Walker Portfolio #2Jaren Walker Portfolio #2
Jaren Walker Portfolio #2
 
Portfolio
Portfolio Portfolio
Portfolio
 
13 a brittaniconrad
13 a brittaniconrad13 a brittaniconrad
13 a brittaniconrad
 
13 a brittaniconrad
13 a brittaniconrad13 a brittaniconrad
13 a brittaniconrad
 
Comm 130 portfolio
Comm 130 portfolioComm 130 portfolio
Comm 130 portfolio
 
13 a cassidystrong
13 a cassidystrong13 a cassidystrong
13 a cassidystrong
 
Kory Ainsworth Portfolio
Kory Ainsworth PortfolioKory Ainsworth Portfolio
Kory Ainsworth Portfolio
 
Miranda Duncan Portfolio
Miranda Duncan PortfolioMiranda Duncan Portfolio
Miranda Duncan Portfolio
 
Portfolio Project
Portfolio ProjectPortfolio Project
Portfolio Project
 
13 a racheljones
13 a racheljones13 a racheljones
13 a racheljones
 
Kathleen Baber Portfolio
Kathleen Baber PortfolioKathleen Baber Portfolio
Kathleen Baber Portfolio
 
13AJennaJesperson
13AJennaJesperson13AJennaJesperson
13AJennaJesperson
 
13a rebekahgallegos
13a rebekahgallegos13a rebekahgallegos
13a rebekahgallegos
 

Recently uploaded

HED Office Sohayok Exam Question Solution 2023.pdf
HED Office Sohayok Exam Question Solution 2023.pdfHED Office Sohayok Exam Question Solution 2023.pdf
HED Office Sohayok Exam Question Solution 2023.pdfMohonDas
 
How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17Celine George
 
What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?TechSoup
 
5 charts on South Africa as a source country for international student recrui...
5 charts on South Africa as a source country for international student recrui...5 charts on South Africa as a source country for international student recrui...
5 charts on South Africa as a source country for international student recrui...CaraSkikne1
 
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptxPractical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptxKatherine Villaluna
 
How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17Celine George
 
In - Vivo and In - Vitro Correlation.pptx
In - Vivo and In - Vitro Correlation.pptxIn - Vivo and In - Vitro Correlation.pptx
In - Vivo and In - Vitro Correlation.pptxAditiChauhan701637
 
CapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptxCapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptxCapitolTechU
 
The basics of sentences session 10pptx.pptx
The basics of sentences session 10pptx.pptxThe basics of sentences session 10pptx.pptx
The basics of sentences session 10pptx.pptxheathfieldcps1
 
Philosophy of Education and Educational Philosophy
Philosophy of Education  and Educational PhilosophyPhilosophy of Education  and Educational Philosophy
Philosophy of Education and Educational PhilosophyShuvankar Madhu
 
Human-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming ClassesHuman-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming ClassesMohammad Hassany
 
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRADUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRATanmoy Mishra
 
Quality Assurance_GOOD LABORATORY PRACTICE
Quality Assurance_GOOD LABORATORY PRACTICEQuality Assurance_GOOD LABORATORY PRACTICE
Quality Assurance_GOOD LABORATORY PRACTICESayali Powar
 
M-2- General Reactions of amino acids.pptx
M-2- General Reactions of amino acids.pptxM-2- General Reactions of amino acids.pptx
M-2- General Reactions of amino acids.pptxDr. Santhosh Kumar. N
 
Presentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a ParagraphPresentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a ParagraphNetziValdelomar1
 
How to Manage Cross-Selling in Odoo 17 Sales
How to Manage Cross-Selling in Odoo 17 SalesHow to Manage Cross-Selling in Odoo 17 Sales
How to Manage Cross-Selling in Odoo 17 SalesCeline George
 
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...Nguyen Thanh Tu Collection
 
Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...raviapr7
 

Recently uploaded (20)

HED Office Sohayok Exam Question Solution 2023.pdf
HED Office Sohayok Exam Question Solution 2023.pdfHED Office Sohayok Exam Question Solution 2023.pdf
HED Office Sohayok Exam Question Solution 2023.pdf
 
How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17
 
What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?
 
5 charts on South Africa as a source country for international student recrui...
5 charts on South Africa as a source country for international student recrui...5 charts on South Africa as a source country for international student recrui...
5 charts on South Africa as a source country for international student recrui...
 
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptxPractical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptx
 
How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17
 
In - Vivo and In - Vitro Correlation.pptx
In - Vivo and In - Vitro Correlation.pptxIn - Vivo and In - Vitro Correlation.pptx
In - Vivo and In - Vitro Correlation.pptx
 
CapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptxCapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptx
 
The basics of sentences session 10pptx.pptx
The basics of sentences session 10pptx.pptxThe basics of sentences session 10pptx.pptx
The basics of sentences session 10pptx.pptx
 
Philosophy of Education and Educational Philosophy
Philosophy of Education  and Educational PhilosophyPhilosophy of Education  and Educational Philosophy
Philosophy of Education and Educational Philosophy
 
Human-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming ClassesHuman-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming Classes
 
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRADUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
 
Quality Assurance_GOOD LABORATORY PRACTICE
Quality Assurance_GOOD LABORATORY PRACTICEQuality Assurance_GOOD LABORATORY PRACTICE
Quality Assurance_GOOD LABORATORY PRACTICE
 
M-2- General Reactions of amino acids.pptx
M-2- General Reactions of amino acids.pptxM-2- General Reactions of amino acids.pptx
M-2- General Reactions of amino acids.pptx
 
Presentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a ParagraphPresentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a Paragraph
 
How to Manage Cross-Selling in Odoo 17 Sales
How to Manage Cross-Selling in Odoo 17 SalesHow to Manage Cross-Selling in Odoo 17 Sales
How to Manage Cross-Selling in Odoo 17 Sales
 
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
 
Prelims of Kant get Marx 2.0: a general politics quiz
Prelims of Kant get Marx 2.0: a general politics quizPrelims of Kant get Marx 2.0: a general politics quiz
Prelims of Kant get Marx 2.0: a general politics quiz
 
Personal Resilience in Project Management 2 - TV Edit 1a.pdf
Personal Resilience in Project Management 2 - TV Edit 1a.pdfPersonal Resilience in Project Management 2 - TV Edit 1a.pdf
Personal Resilience in Project Management 2 - TV Edit 1a.pdf
 
Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...
 

Portfolio - Norienne Christensen

  • 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
  • 9. This infographic was designed to be comfortably readable on mobile, desktop, and tablet.
  • 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