PORTFOLIO

Jocelyn Smith

TABLE OF CONTENTS
Brochure
Logo
Letterhead
Business Card
Montage
Imaging
Flier
Webpage
Event Ad

CONTAC T

Jocelyn Smith
5291 Fanwood Dr.
Huntington Beach, CA
jocelynsmith813@gmail.com
657.237.3155

BROCHURE
Description
A brochure created for a yoga studio describing the different classes offered in the studio.
Programs
Adobe Illustrator
Adobe InDesign
Date
December 2015
Course
COMM 130 - 05
Instructor
Joel Judkins
Objectives
Create an original, new 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 cutout shape of the image.
Write at least 250 words of original copy in at least three paragraphs, headers, and
subheaders.
Trim for a full bleed and print in duplex (two-sided) color.
Process
I began by using my Namaste Logo design created in Adobe Illustrator. From there I knew
which color scheme I wanted to use throughout the design. I used Adobe InDesign to bring
it all together. To help the brochure visually, I placed the photo with the ladys hands in heart
center and have it open up to reveal the inside of the brochure. I created the flower in
Adobe Illustrator as well, and wrapped the text around a circle to create a nice flow in the
body copy.

N A M A S T E

n a m a s te yo g a .c o m

WELCOME

CLasses
Begin with a free week of Hot Power Yoga at
Namaste Yoga Studios. Each class is taught by
a Yoga Alliance Certied instructor.
Vinyasa Yoga
Translates into
breath-to-movement. Vinyasa Yoga is
fast-paced and the most common form of yoga
in the United States. It is physically exerting,
but still ends in a nal Savasana, allowing the
student to meditate and benet from his or her
practice.

Bikram Yoga
Follows a 26 pose sequence and structured breathing
sequence. It is both physically and mentally challenging,
and allows the student to extend his or herself in all aspects.
Restorative Yoga
More famously known for its meditative qualities, it is also extremely benecial
increase ones exibility and breathing techniques.

Hours of Operation:
Mon - Fri 6:00 am to 10:00 pm
Sat - Sun: 8:00 am to 5:00 pm
6572 Serrenity Dr.
Huntington Beach, CA 92647
714.396.9155

to

We are excited for you to join us in your

Yoga Journey!
From our heart to yours,

NAMASTE

LOGO
Description
A logo created for a yoga studio.
Programs
Adobe Illustrator
Date
November 2015
Course
COMM 130 - 05
Instructor
Joel Judkins
Objectives
To visually display. Create three completely different, original logos to fit a company or
personal image that will appeal to the audience. Do not imitate existing logos or use previous
designs. Market research: gather opinions from at least ten people about which logo appeals
most to them. Use only the Illustrator tools to create and draw your logos. Refine one logo with
variations for color.
Process
I began by brainstorming what symbol I would like to use to portray yoga. I decided on the
lotus flower, and created the flower in Adobe Illustrator. From there, I played around with
different logo ideas. Eventually, the best one was the one on the right. I chose to use a nice teal
color to symbolize peace and tranquility.

N A M A S T E

y ga
N A M A S T E

y
N A M A S T E

y ga

N A M A S T E

ga

ga

LETTERHEAD
Description
A letterhead created for a yoga studio.
Programs
Adobe Illustrator
Date
November 2015
Course
COMM 130 - 05
Instructor
Joel Judkins
Objectives
Use the basic tools in Illustrator & InDesign. Create a new logo to fit a company or personal
image. Do not imitate existing logos or use previous designs. Dont use photos or live trace.
Use the new logo to design consistent layouts for a business card and letterhead. Photos are
okay on business card and letterhead as additional design elements. Letterhead should be
8.5 x 11, full-bleed optional, but trim only .125. Business card should be 3.5 x 2 and printed
above center on a vertical page. Apply typography rules, keeping small copy. Keep designs
simple with light watermarks and drop shadows and plenty of white space. Include contact
information: name, address, phone, website, and email on each piece. Use periods, bullets, or
spaces in phone number; no parentheses/ hyphens.
Process
I began by using my Namaste Logo design created in Adobe Illustrator. For the letterhead
in particular, I created the flower in Adobe Illustrator and lowered the opacity. I decided to
use the flower as my water mark, and placed it on the right edge of my letterhead. I chose
to create a sweeping motion with the top of the letterhead to match the flow found in each
flower petal.

N A M A S T E

ga

Jocelyn Smith
657.237.9156
jocelynsmith43@gmail.com
6572 Harmony Lane
Huntington Beach, CA 92649

BUSINESS CARD
Description
Business card to be used by a yoga instructor teaching at Namaste Yoga Studio
Programs
Adobe Illustrator
Date
November 2015
Course
COMM 130 - 05
Instructor
Joel Judkins
Objectives
Use the basic tools in Illustrator & InDesign. Create a new logo to fit a company or personal
image. Do not imitate existing logos or use previous designs. Dont use photos or live trace.
Use the new logo to design consistent layouts for a business card and letterhead. Photos
are okay on business card and letterhead as additional design elements. Letterhead should
be 8.5 x 11, full-bleed optional, but trim only .125. Business card should be 3.5 x 2 and
printed above center on a vertical page. Apply typography rules, keeping small copy. Keep
designs simple with light watermarks and drop shadows and plenty of white space. Include
contact information: name, address, phone, website, and email on each piece. Use periods,
bullets, or spaces in phone number; no parentheses/ hyphens.
Process
I began by using my Namaste Logo design created in Adobe Illustrator. From there I knew
which color scheme I wanted to use throughout the design. I used Adobe InDesign to bring
it all together. To help the brochure visually, I placed the photo with the ladys hands in
heart center and have it open up to reveal the inside of the brochure. I created the flower in
Adobe Illustrator as well, and wrapped the text around a circle to create a nice flow in the

N A M A S T E

ga

Jocelyn Smith
657.237.9156
jocelynsmith43@gmail.com
namasteyoga.com
6572 Harmony Lane
Huntington Beach, CA 92649

MONGTAGE
Description
An inspirational picture.
Programs
Adobe Photoshop
Date
October 2015
Course
Description
COMM 130 - 05

Programs
Instructor
Date
Joel Judkins

Course
Objectives
Instructor
Use the FOCUS design process with strong focal point and flow. Unify a layout with a
Objectives
consistent theme and dominant spiritual message Learn to blend two or more images
together
gradually, using masks. Demonstrate more advanced Photoshop skills for layout
Process
with multiple elements. Use a mask to apply a filter to one part of the image. Apply
typography principles (titles, quotes, events or scripturesyour choice). Format type:
Legibility; Small copy & Title with varying text size. Theme word(s). Select good quality
images

Process
I chose two photos of my niece that my brother took. These photos go well together
because they were taken on the same day and thus have similar lighting. In Photoshop I
created multiple layers, and with my top layer made a mask. With that mask I then erased
some of the top layer to reveal the picture of my niece. For the fonts I chose a sans serif font,
and created emphasis with the word champion by increasing the size and weight of the
text.

IMAGING
Description
Title
A picture used to show my use of color schemes.

Description
Programs
Programs
Adobe Photoshop
Date

Course
Date
October 2015

Instructor
Objectives
Course
COMM 130 - 05
Process
Instructor
Joel Judkins
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-destructive editing.) Size and crop the image, then place on an 8.511
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
For this picture, I used a photo of my roommate. Originally, she was looking into the photo
from the left. In photoshop I changed the direction of the photo to have her looking from
the right. Then I sharpened the colors in her sweater and in the bricks. From there I created
color swatches to match the different brick colors on the wall. I also used the eye dropper to
use that same color in some of my body copy.

FLIER
Description
A flier showcasing a business conference
Programs
Adobe InDesign
Date
September 2015
Course
COMM 130 - 05
Instructor
Joel Judkins
Objectives
Apply the design principles and use appropriate typography. Incorporate basic InDesign
skills to improve basic flier 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
The photos and body copy used for this project were provided by the school. I chose the
photo of the two people looking down so it could lead the eye to the text. From there I
looked at the text and decided to make it into a paragraph format to keep it organized. For
contrast I put the title of the conference along the side of the flier.

GRADUAT E
leadership conference
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 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.

October 21
8 a.m. 5 p.m.
Lincoln Conventioun Center
Registration and more information
available at vouantcomm.com

WEBPAGE
Description
A webpage to increase my skills in html and css coding.
Programs
TextWrangler
Date
November 2015
Course
COMM 130 - 05
Instructor
Joel Judkins
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 audience. (Minimum of 200 words. Include rationale for colors, appeal to target
audience, design skills, etc,) Acquire a working knowledge of HTML. (Include all required
tags Doctype (provided), html, head, title, meta charset (provided), body, h1, h2, p, ol or ul
(with li tags), img, br, and a link to blog). Acquire a working knowledge of CSS. (Customize
the provided CSS provided to format the HTML to complement the logo design. Change at
least the following: The h1 text color & h1 background color, font colors for the paragraphs &
list items, the background color, font families and add at least one css comment.)
Identify hex colors to match logo, using Photoshop color picker.
Open the HTML page in a web browser and capture a quality screen shot with .5 inch
margins for printing.
Process
As students, we were given somewhat of a template to work with while using HTML and CSS.
I decided to stray away from the CSS template give, and chose to use the logo design from
my Adobe Illustrator logo project. I also created a teal box on the bottom with the curved top
to match the look of the first. I changed the fonts from oldstyle to sans serif and modern.

EVENT AD
Description
An ad created for a benefit in a mountain city to raise money for their hospital
Programs
Microsoft Word
Date
September 2015
Course
COMM 130 - 05
Instructor
Joel Judkins
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 Photoshop.
Process
This activity was to teach us how to scan high quality images. I scanned a photo of
Bamff, Canada in National Geographic. I decided to make a mock benefit for the local
hospital. I created two white lines to go through the add to bring a sharpness and to
match the white on the mountains. I also used low opacity black boxes to contain the
text.

Taste of the Town

Saturday October 23, 2015

4:00 pm 11:00 pm
Enjoy an evening with local vendors and
live music in Banff, Canada.
Profits will be donated to Banff Mineral
Springs Hospital.
For info and tickets visit: www.banffbenefit.com