STEPHANIEHORVILLEUR Graphic Design Portfolio
ART IS AN IDEA THAT HAS FOUND ITS PERFECT VISUAL EXPRESSION. AND DESIGN IS THE VEHICLE BY WHICH THIS EXPRESSION IS MADE POSSIBLE. ART IS A NOUN, AND DESIGN IS A NOUN AND ALSO A VERB. ART IS A PRODUCT AND DESIGN IS A PROCESS. DESIGN IS THE FOUNDATION OF ALL THE ARTS. PAGE
— PAUL RAND 3
THE DESIGN PROCESS IS LIKE A SPINNING TOP
PAGE
My process of design is like a spinning top. It spins off in stages, it’s layered and complex with winding paths. Design is never simply a linear line; it takes work, process and quality time to produce a quality product. My portfolio I will demonstrate my value of process.
5
Understanding the parameters of design is much like picking up a top. The project still hasn’t taken off. Research initiates movement.
Grease Postcards
8
Shenanigans website
STEP 2 RESEARCH TWO PROJECTS Barriers magazine
14
PAGE
TWO PROJECTS
PAGE
STEP 1 PROBLEM SOLVING
Tarzan book cover
MY DESIGN PROCESS IS LIKE A SPINNING TOP
“When you start an idea you expect it to go in one direction. What really happens is the idea spins off itself, generating superior ideas.” -Stephanie Horvilleur
Balanced, montion reaches its pinnacle; the design’s character emerges. Now the top is spinning all over the page at a fast pace, the ideas are moving in different directions as the detials are being discovered. As the top sins, the design’s aspects fortify.
24 STEP 6 REFINE WayFinding
26
PAGE
CHARACTER Hindu pokercards
PAGE
STEP 5
20
THUMBNAILS Facebook PSA
Slowly, the top sways as the design process comes to an end, preparing it for client review.
The top is still in motion but it’s slowing down. The designing portion nears an end, but it’s in the final stages of work.
PRODUCTION Epica
28
STEP 8 FINAL DELIVERABLE Breathe
30
PAGE
STEP 7
PAGE
MaCeltic
STEP 4
PAGE
STEP 3 ANALYSIS
When design is in motion ideas generate exponentially.
22
PAGE
You organize information to understand how it works. Movement begins.
Understanding the parameters of design is like picking up a top.
STEP 1 PROBLEM SOLVING Grease Postcards
TYPE: Print/Promotion
CLIENT: Theater department CSUS
ART DIRECTOR:
BRIEF: The purpose of this project was to create a set of postcards based on a play. I had to capture the mood and essence of the play using only color and photographs of paper.
Richard Pratt
FORMAT: 9x6 Postcard double sided
DESCRPTION: The play has two moods: happy, and dark. Bright colors represent the poodle skirts, school dances and innocence. Dark colors represent the leather jeckets, the greasers, rebellion.
PAGE
9
STEP 1
TYPE: WEB
PROBLEM SOLVING shenanigans website
ART DIRECTOR: Richard Pratt
FORMAT: Website/ iphone app
BRIEF: To learn and make use of basic html and css while creating a strong design. DESCRIPTION: This website “shenanigans” was created to inspire young, adventurous adults to explore new activities outdoors. It all begins by choosing how your adventure will take off: by foot, land or on water. I came up with the content of this website through my process of a mind map, which helped me discover possible ideas.
18 -29 YR S OLD ADVENT
URIOUS DARING
SPONTA T
IONS
THE DA
RING ADVENT
URES
WHO? WHAT? SHENAN IGA
NS
WHERE ? W HY? OUTDO ORS ON FOO T ON WAT ER
WANDE R
RAFTIN
OCEAN WAKEB OA
RDING
WAKES URFING
PAGE
NG
11
PAGE
13
The project still hasn’t taken off. Research initiates movement.
STEP 2 RESEARSH Barriers magazine
TYPE:
BRIEF: The GreenHouse, a new, local chairty needed to recruit volunteers to increase awareness and showcase financial need.
CLIENT: GreenHouse
ART DIRECTOR: Gwen Amos/ John Forrest
FORMAT: Stale stitch magazine
DESCRIPTION: The magazine became the vehicle to accomplish the goal. The campaign provided awareness to the cause.
SOCIAL
FACTORS O
gender
F POVERT
age ethnicity religion citizenship
Y ECONOM IC
law policy
money flo w
PHYSICA L
physical h ealth mental he alth violence/c rime substance abuse
WHO IS P
OOR?
FOUR RE SEA
teens/chil dren single wo men immigran ts rural com munities mentally il l families w ith childre n
RCH QUE ST
IONS WHAT IS BEING DO NE TO HELP THE POOR? percep
WHY ARE
immigrati on disappeari ng middle cla ss education policy
tions of p overty policy/leg islation charities
THEY PO OR?
WHAT IS BEING DO NE TO HELP THE POOR? chariti
es gov’t aid religious p
eople
PAGE
15
Exclusive magnetic calendar, including monthly event information.
Bilboard for “One Real Relationship” campaign for The GreenHouse.
PAGE
Social makerting campaign via Facebook.
17
STEP 2 RESEARSH Tarzan
TYPE:
BRIEF:
To redesign an old book cover using only type and texture with a metaphor.
ART DIRECTOR: Mario J. Estioko
FORMAT: Book Cover
DESCRIPTION: The giant T flashcard is a metaphor for Tarzan leaving the primal, ape-like society and entering into a literate, human society.
PAGE
19
STEP 3
Infographic of the breakdown of my culture.
ANALYSIS McCeltic
Breakdown of my Father’s side from France and Nicaragua.
Breakdown of my Mother’s side from Germany, Spain, and Nicaragua.
The MeCeltic logo is a combination of my overall culture based from my parents.
You organize information to understand how it works. Movement begins.
TYPE:
ANALYSIS
MaCeltic
ART DIRECTOR: Gwen Amos
FORMAT: Logo / Letterhead system
BRIEF: To create a logo based on the culture of my mother and father, combining tow ideas into one. DESCRPTION: Most people in America are a mixture of various cultures. This project helped me understand my roots and how to construct a logo based on two contarsting ideas.
PAGE
STEP 3
21
When design is in motion ideas generate exponentially.
STEP 4 THUMBNAILS Facebook PSA
TYPE: Print
ART DIRECTOR: Mario J Estioko
FORMAT: 19 x 25 inches Poster
BRIEF: To create a PSA poster DESCRPTION: The poster creates awareness for Facebook users do not understand what they post can be detrimental to their jobs.
PAGE
23
Balanced, montion reaches its pinnacle; the design’s character emerges.
STEP 5
CHARACTER hindu pokercards
TYPE:
BRIEF:
To construct a deck of playing cards, reinforcing structures and systems based on multiple levels of hierarchy.
ART DIRECTOR: Richard Pratt
FORMAT: Playing cards
DESCRIPTION: The inspiration from the cards came from Indian culture. The face cards are Hindu gods and the beckground texture is henna and jewels.
PAGE
25
Now the top is spinning all over the page at a fast pace, the ideas are moving in different directions as the details are being discovered. As the top spins, the design’s aspects fortify.
STEP 6 REFINE WayFinding
TYPE: Print/Promotion
CLIENT: California State University, Sacramento
ART DIRECTOR: Richard Pratt
FORMAT: 9 x 6 standard pokercard size
BRIEF: To create a way finding system for “The Well” fitness gym at California State University, Sacramento. The system was created within a group. DESCRIPTION: This project was a collaborative effort, creating pictograms, which were used as signage. We developed an informational postcard, which was used to direct a person from the informational booth to “The Well.”
PAGE
27
To create the anamorphic qualities, foam letters were used a puppets.
GPHD 140 ¡ Time-Based Design Professor Mario Estioko Fall 2011
DESIGNER Stephanie Horvilleur PROBLEM STATEMENT Create a brand logo and animated television bumper for a new cable channel called Epica. The logo should function for both print and broadcast applications; it should also evoke the essence of the " (( &5, *+)!+ ''#(! " 6( & .'* + ,").& .# %-#' ')/ 6& 4 , )( , #( .+ -#)( -" - " + , -) -" ,- ( + 1 CHANNEL DESCRIPTION The channels goal is to entertain middle aged house wives that can speak * (#," " " (( & #, !)#(! -) 6&& with Spanish soap operas like Telemundo and Universo or Lifetime in English.
The top is still in motion but it’s slowing down. The designing portion nears an end, but it’s in the final stages of work.
STEP 7
PRODUCTION EPICA
TYPE: Animation
ART DIRECTOR: Mario J. Estioko
FORMAT: Animation FlipBook
AUDIENCE PROFILE The channel’s average viewer is female 0#-" + -#' * (#," ,* %#(! ($)2, + #(! !),,#* ' ! 3#( , &#% "+#,-#( - ( * )*& #( ,* ()& 2 . # ( ,")*, - ),, -" 2 " / -" -#' -) ).*)( ,")* ( &))% )+ , & , 2 . # ( + ,- 2 - ")' ')', ")., wives or even child care providors. " , 0)' ( 0)+%).- #( ,) # & &#/ &2 *& , ( ) .' 0"# " #, & -#( ( + #) & ,, , - -" #+ &) & ").+ !2', " 2 ,* ( ,)' ) -" #+ freetime on Facebook catching up on gossip and drama via the internet.
VISUAL STYLE
" #(7. ( , )( letter forms with h The space will fee will be on the lette emotions shown th animation.
The bumper will be 2 animation. Using co of the space.
The logo will have a like the polladia type
The music for the pie effects and two song head (Miss world rem frapps’s 2000 album is mysterious and giv
PAGE
PROJECT Cable Channel ID & Promo Bumper
29
FINAL DELIVERABLE Breathe
TYPE: Product Line
ART DIRECTOR:
WS
Slowly, the top sways as the design process comes to an end, preparing it for client review.
Gwen Amos
FORMAT: Clothing Skateboard Yoga Bag SwatchBook Letterhead System Packaging
PAGE
STEP 8
31
Stephanie Horvilleur Breathe
Steph.Horvilleur@gmail.com
8769 Maranello Way Elk Grove, Ca 95624 www.breathe.com (916) 501-0052
Breathe
8769 Maranello Way Elk Grove, Ca 95624 www.breathe.com (916) 501-0052
Breathe 8769 Maranello Way Elk Grove, Ca 95624 www.breathe.com (916) 501-0052
PAGE
33