escapology
es·cap·ol·o·gy (ih-skey-pol-uh-jee) n. the practiced art of finding freedom from the limits placed on you, be they literal or figurative
For as long as I can remember, I have been perfecting my act as an escapologist. As a child, I wiggled free of the restraints of everyday life playing in the woods behind the backyard. Growing up, my obsession with literature and storytelling deepened along with my desire to create new worlds of my own through art and writing. My obsession with Chuck Jones and Tex Avery helped guide my aesthetic as I used their characters as blueprints for my own. I came to see my sketchbooks, bookcases, even TV screens as trap doors that I could escape through. The best part about my alternate universes was bringing other people with me. I loved escaping with siblings and friends, sharing a new place where we each brought something to add to the game. This is my favorite thing about graphic design. It’s a way to create the trap doors of the real world and explore fresh ideas and destinations. Tapping into emotions, I eascape to a visceral experience. My training in fine art cultivated a love for illustration and handcrafted elements, which is present in everything I create. My passion for strange and vibrant color palettes and love of texture is also a hallmark of my work. Embracing the constant challenge of design is a portal of discovery.
3
Little Red Book
6
Tiger Tiger Website
14
Frank Sinatra Website
22
Save Our Opera
32
Lovecraft Coffee Shop
36
Oz Children’s Party
44
Logo Page
52
5
Wolf at the door quote Radiohead title Little Red Books instructor Andrea Singer project Accordian Fold
The concept of childhood is a fairly modern idea. One hundred and fifty years ago, children were treated like small adults. The concept of playtime and children’s stories was unheard of. Even special clothing for children is a fairly modern idea, when compared to the history of the human race.
category Handcrafted
The tales we know of today as fairy tales were originally told by adults to other adults around campfires in days of old. They had adult themes encouraging young woman to preserve their chastity and young men to strive against all odds for honor and to reclaim moral ground that had been lost at the beginning of their story. This project is about classic fairy tales with unexpected twists and adult themes. The fun part comes not only in the stories but in the presentation of the tales. Unexpected presentation for unexpected twists. The primary audience for this project is older children who may still like to be read to before bed, but who also are able to read for themselves. The secondary audience is for those of us who have never grown up and can afford hand crafted artist books. The book is not only an engaging story with entertaining illustrations, but the book itself is a work of art perfect for displaying around the home. This book is all about the hand of the artist. The accordion fold that holds the pages of the book is a non-digital illustration that was reworked in Photoshop to be a seamless background for Roald Dahl’s text and my illustrations. The illustrations for the two books are hand drawn and digitally colored, a blend of the resources available, the computer and the hand working together. The color scheme is reminiscent of children’s books, bright and playful. My illustrative inspiration is a mixture of my personal style and MTVs Daria. The font I chose was American Typewriter because it seemed to fit the time period of the poems so well and was a fantastic mixture of retro and modern (very much like the poetry that the books are built around).
7
9
illustrations and trailer
“Our classic stories tell us that not everything is as it seems....
...that predators can lurk anywhere....
...even the most surprising of places.�
11
books and book box
13
Forrest of the night quote William Blake title Tiger! Tiger!
Tiger! tiger! Is a craft beer and food hot spot. Many of the patrons are neighborhood locals who arrive on their bicycles to enjoy one of a kind drinks and food. Users for
instructor Paul Drohan
this site are people who like to drink, who plan on drinking fairly soon and may have
project Restaurant Site
consumed a quantity of alcohol already.
category Interactive
The primary audience is legal drinkers ages 25-40, with refined their palettes who won’t settle for mass produced swill. This demographic is interested in quality over quantity but are not complete snobs. They enjoy riding bicycles around the neighborhood, and have at least one plaid shirt and pair of skinny jeans in their wardrobe. Men sporting elaborate or interesting facial hair who are attached to their smart phone. The first step was to create a style guide based on the existing brand elements. From there the focus was all about the user experience, starting with mobile. According to Super Monitoring, 91% of all people on earth have a mobile phone and 50% of mobile phone users, use their mobile as their primary Internet source. The mobile first user experience needs to be well organized and intuitive. The site I created is navigable by swiping left and right (indicated by bicycle graphic elements), as well as through a pop-up menu. The site is organized according to what information people need first, the text is a mixture of a web safe font (Impact) and an embedded font (American Typewriter), making it search engine optimized, while being true to the brand language already established in the style guide. The aesthetics of the design are drawn from the bar itself. String lights, wooden textures, and chalkboards are prevalent decorations. Illustrated elements like the social menu hand indicator and the bike to indicate swiping forward or backward were created to compliment the existing logo of a tiger in a tux. The color palette was drawn from their printed menu. The fonts and layout were extrapolated from the event blast already in existence, but refined for an easier read.
15
Buttons for beer list and
Live Google
drink specials. Both indicate Photo of beer, food and/or lifestyle, rotates automatically and also has arrows for scrolling from
a menu that opens up on
photo to photo.
either up or down.
Address, phone number and hours of operation. Also, kitchen hours because they are different than the bar hours.
t
images of menu
and address
bigger than the page, it
favorites and specials.
one is open, the other closes and the button is pushed
Beer Page
p
<
both image
the page. If the menu is scrolls up and down. When
Home Page f
Maps Link in Rotating
f
>
t
Food Page
p
f
t
p
<
Specials
Map Page f
t
p
>
Beer List 3025 El Cajon Blvd North Park, Calif 619-487-0401
<
>
<
>
Kitchen closes @ 10PM
<
Specials
Tues-Thurs 5 Pm-Midnite Fri & Sat 11:30Am-1 Am Sun 10:30Am-Midnite
Menu
>
3025 El Cajon Blvd
<
North Park, Calif
Get Here
Kitchen closes @ 10PM Logo Logo Logo Beer Food (Home) Map Events Beer Food Logo Map Events Beer Food (Home) Map Events Beer Food (Home) Map Events (Home)
(Global) Main Navigation. Bike tread texture under nav. buttons. Lines appear over and under the label for whatever page is currently being viewed. Exclamation mark also appear at the end of the word
Instead of photos in square frames, other
Menus open up
images may be used
here just like on
in the background
the beer page. The
behind lists and menus,
information above
for depth and variety. For instance, the leg
and below gets pushed up or down
lamp on display in the
for the opening
bar is a fun nod to the
menu. And the
eclcectic decor and can
menus themselves
make the website feel
scoll up and down if larger than the screen.
Address and phone number, both clickable. Clicking the phone number calls up the call screen on phones so it
Rotating images of event imagery, including posters and past event photos.
Events Page f
t
p
< >
> Brunch
Graphic element indicating a page swipe. Only present when the page continues.
Drinkabout Movie Night Logo Map Events Beer Food (Home)
Sub menus that open up pushing the infomation above and below up and down as needed. They contain images, links and info about
wireframes and style guide
the particular
17
TIGER! TIGER!
STYLE GUIDE
The American Typewriter font is used for mostly body text, subheadings and for articles of speach in blocks of text to break up the visual weight of Impact. The regular and bold formats of the type are the only family members used for Tiger! Tiger!. The Bold form of the type is generally used for the more Subheadings or names of dishes and drinks. The regular form of the type is used for descriptions and longer lines of text. In blocks of text used for advertising, the text is centered. For menus and other ists, the text is aligned left.
American Typewriter ABCDEFGHI JKLMNOPQR STUVWXYZ
The logo for Tiger! Tiger!is used both with and without the buisness name beneath it. The logo is only shown in either black or white. It can be displayed over imagery or even bisected laterally.
LOGO
abcdefghijklm nopqr stuvwxyz
123456789 0!@#$%^&
logo
fac
It i
lowe
of ty
sta
is o
of t
m
I
The Impact typeface is the typeface for Tiger! Tiger!. This type-
ce is for headings and subheadings.
is only used in the uppercase, never
ercase. The leading between the lines
ype is tight, and the type is generally
The beige color is used mainly as a background color. It is the color of the menu background as well as the paper many food items are served on. Black is used both for text on lighter backgrounds, as well as for the logo. It can also be used as the background color itself, when images or reversed out white text is used on top of it. Red is used mostly for headlines and text, and also as an accent color. The white is used most sparingly, as a reversed out logo or as reversed out text.
Lifestyle
Colors
acked in blocks of text. This typface
only used alone when in a single line
text. For blocks of text, it is liberally
mixed with American Typewriter.
IMPACT
#D9B885
#020103
#FFFFFF
#A91F2D
ABCDEFGHI JKLMNOPQR STUVWXYZ 123456789 0!@#$%^&
PRODUCTS
19
social
social
TIGER!TIGER!
BEER
FOOD
MAP
SPECIALS
SPECIALS
GET HERE
3025 El Cajon Blvd North Park, Calif Tues-Thurs 5:00Pm-Midnite Fri & Sat 11:30Am-1:00Am Sun 10:30Am-Midnite
MENU!
swipe
MENU!
mobile site and interactionsquae
social
Kitchen Closes at 10pm!
MENU!
3025 El Cajon Blvd North Park, Calif 619-487-0401
MENU!
3025 ElBEER Cajon Blvd North Park, Calif 619-487-0401 FOOD
MAP EVENTS
Tues-Thurs 5:00Pm-Midnite Fri & Sat 11:30Am-1:00Am Sun 10:30Am-Midnite
MENU!
swipe
SPECIALS! $8 STEINS (1L/33oz) Every day til 6pm. Tues-Thurs 5-6pm Fri-Sun 11:30am-6pm ...and just $9.99 the rest of the time
social
EVENTS
TUESDAY $3 BEERS FOR 3 HOURS From 5-8pm See board for selection.
BRUNCH
DRINKABOUT
FOOD!
MENU!
Wood Fired Sandwiches Toasted Cheese Fontina Cheese on French Country Bread. Side of pickled veg. 8.50 Pork Loin Achiote rubbed, wood-fired pork, fresh
21
email blast
23
Fly Me to the moon Quote Bart Howard Instructor Paul Drohan Class Web Design Project Watch Microsite
Few individuals stand out in the history of mens fashion like Frank Sinatra does. His style and swagger defines a generation. This is the reason the watch brand Oris designed a limited edition timepiece in his honor. I couldn’t resist designing a microsite for the watch and the style to go along with it.
Catregory Interactive Design
The target audience is men between the ages of twenty five and thirty five who are young professionals or fashion conscious individuals with retro taste. These men have at least one suit in their wardrobe and a fedora. They have the interest and means to spend two thousand dollars on a watch, and own a tablet. The aesthetic for the site is clean and modern with a cool, muted palette of gray and navy. Black and white photography is used to reinforce the elegant, classic feel of the Frank Sinatra style. Design elements provide a small pop of color with the call to action buttons as the warm tones in the layout. The design relies heavily on a grid to allow for fluid adjustments, making it truly responsive. The information is broken up into modules that stack easily as the browser window or screen size changes. Not only does the audience have a way to find out all about the watch itself, but there is also a style guide for emulating the late great ‘chairman of the board’. Users can paint themselves as a fashion icon and become a ‘board member’ to show off their style by registering their limited edition timepiece.
25
Watch Page
Home Page 1
home
watches
The
Collection
Collection
2
Watch Page
The
The
style
home
commusocial
watches
Collection
style
home
commusocial
watches
style
commusocial
X
Itâ&#x20AC;&#x2122;s almost like being in love....
3
4
1
Frank Sinatra Watch Story
Click to Enlarge
2
Et aliam faceari nonsed qui con pa conse volupta-
3
+
-
ruptatio te nonsequiamRi
behind the man and the watch.
1
Logo for the site, global, sticky.
2
Main navigation, global, sticky.
4
Find A Store
doluptatate porent re pe-
The homepage, with the story
3
Watch Name
2
Muscient de cus, ommodi re consequid quodite mpore, sandele ctotas ent harum
faccae nim ad qui dolor peruptatio te nonsequiam-
3
Watch Info Nequo es restem faceati volesci musaerum explaborum et eium eri dolupicatur? Simolectio et mos explaut dit ipsame que vendeste esti beribusant volum acipsaepro berrumq uuntiat ma
Omnisitem vent, corum et ipitae porro voloraerest aliquis et parciuscit imus.
tus, solupta perspedit aut doluptatate porent re
1
Rotating photos of sheet music, fedora, other iconic Frank Sinatra style elements with different watches in the collection and song or personal quotes.
Frank Sinatra watch story, provided by Oris. With photo of the watch in its collectors box, along with book.
The watch collection, with the information about each particular model.
1
2 3
Photos of different watch models, cut out, swipe to go to next watch. Tap to enlarge and view more specs and details.
Name and short description of watch model. Elaborated upon in the enlarged description. Link to store locator.
The interaction after you click on a particular watch model.
1
The watch info: story behind it, matierials, innerworkings, etc.
2
Close up view of the watch.
3
Ways to view the watch in 360 degrees, and to zoom in even more for details.
Style Page The
The
Collection
home
watches
Collection
style
social com-
home
watches
style
social com -
Board Members 1
The Chairman of the Board
1
Sinatra’s Story 2
Style Rules 3
The fit of the suit is of the utmost importance. Make sure to fold a pocket square perfectly.
2
Born in 1915 New Jersey, USA, Frank Sinatra was the son of Italian immigrants. He started his career as a singer on local radio shows, though he soon built up a massive following. A key member of the Rat Pack, he was known as The Voice. With songs like “My Way” and films like From Here to Eternity Frank Sinatra sang and acted his way into the hearts of
3
Become A Board Member
Member Name
Nequo es restem faceati volesci musaerum explaborum et eium eri dolupicatur? Simolectio et mos explaut dit ipsame que vendeste esti beribusant volum acipsaepro berrumq uuntiat ma
millions. And that’s why Oris has
Style tips from the chairman of the board himself.
1
Photo of Frank Sinatra in a suit, with headline in decorative type.
2
Video clip from Robin and the 7 Hoods, singing about style.
3
List of style tips from Frank Sinatra’s Bio, The Way You Wear Your Hat.
Social page, where owners can show off themselves and thier timepieces.
1
Personal photos of watch owners, swipe or tap to go to the next profile.
2
Name of the watch owner. Short bio or testimonial about the owener and the watch.
3
Call to Action to get a watch of your very own!
27
Watch Page
Home Page
The Watches The Chairman
ORIS
The Board
The Stores
The Watches The Chairman
The Board
ORIS
The Stores
Worldtimer Limited Edition
It’s almost like being in
Love
Become A Board
Frank Sinatra Watch Story
Style Tip
Born in 1915 New Jersey, USA,
No.3
Frank Sinatra was the son of Italian immigrants. He started his career as a singer on local radio shows, though he soon built up a massive following. A key member
Vests elevate suits to the next level
Click to Enlarge
Case 39.00 x 40.00 mm, 1.535 x 1.575 inches, 18K rose gold
Movement
of the Rat Pack, he was known as The Voice. With songs like “My Way” and films like From Here
Automatic winding worldtimer, chronometer
For Lovers of the Good Life Everything about this homage watch is pure luxury, from the rose-gold case, numerals, and indices to the black guilloche
Style Page
The Watches The Chairman
ORIS
The Board
The Stores The Watches
The Chairman
ORIS
The Watches The Chairman The Board
ORIS
The Board
The Stores
The Stores
C hairman of the Board Only Purchase Oris Watches From Authorised Oris Retailers
It’s All About The Swagger Frank Sinatra’s dress sense is almost as respectable as his singing. To many, he represented the classic swinger and no one can take his place. An important rule to follow if you want to emulate the elegant style of one of the 20th century’s most
Nathan Detroit Owner Of The Frank Sinatra Clip from Robin and the Seven Hoods where Frankie gives lessons in style.
Style Rules The fit of the suit is of the utmost importance.
Cronometer No. 1189 Member Since 2011
Become A Board
Member
It Don’t Mean A Thing if It Ain’t Got That Swing
Authenticity
Oris Watches USA Inc. 50 Washington Street, Suite 412
This watch is the perfect
Buying your Oris watch from an
United States . Norwalk, CT 06854
accessory for any outfit and
authorised Oris retailer ensures
Phone: 203-8574769
any occasion. I love the quality
that you get the full value from your
of the craftsmanship and the
investment. Only an authorised Oris
unique retro style. Whether I am
retailer can guarantee that your
wearing it with a suit to work
watch is authentic. An authorized
or with jeans and a fedora to a
Oris retailer can sell watches on his
poker game, it jives perfectly with
website if the retailer is listed in the
my personal style. The Frank
Choose a Country Choose a State
Sinatra Cronometer it my favorite timepiece in my collection. Hands
homepage, watch page, style page, social page and store locator
29
The Watches
The Chairman
ORIS
The Board
The Stores
Itâ&#x20AC;&#x2122;s almost like being . in
Love
Frank Sinatra Watch Story
Style Tip
No.3
Vests elevate suits to the next level
desktop and mobile formats
31
watch box
33
Whatâ&#x20AC;&#x2122;s
opera, Doc?
Quote Chuck Jones
The San Diego Opera is in trouble. An istitution for the arts in San Diego for almost fifty
Instructor Lisa Starace
years, is scheduled to close at the end of its 2014 season. This project is for a fundraiser
Class Page Layout
meant to help save our opera.
Project Non Profit Catregory Design for Good
The event is gala that celebrates the last half century of spectacuar opera moments combined with a silent auction of handcrafted items that were donated from local artists. These treasures immortalize and pay tribute to the opera in all of its glory. The top contributors will also receive a limited edition, deluxe box that holds a hand cut tunnel book.
The aesthetic for this project is all about cut paper, light and perspective. The layers of the tunnel book are cut from the same color paper, a not quite white. The goal was for a clean, classy, minimal look reflecting the atmosphere of the opera house. I chose the iconic figure of the viking woman belting her heart out to bring lightheartedness to this gathering. It is classic, simple and almost everyonecarries this image in the visual rollidex related to opera. Chuck Jones is a constant inspiration for me and the merry melodies, Whats Opera Doc, is where my reference for this image is draw.
The box design ihas a rich, purple brocade book cloth with a fleur de lis pattern, with lionshead hadles to open it. The best part of the box is the cut out in the bottom that is covered over with vellum, allowing light to shine through, immuminate the inside. This literally allows light from the stage area to shine down on the audience. This handcrafted tunnelbook is an unsual item to be sure, and worthy of being gifted to people willing and able to sepnd thousands of dollars helping to save the San Diego Opera.
35
gift box for top contributors
37
What
of the night?
Quote Djuna Barnes
Coffee has been used for centuries by philosophers and thinkers for its ability to
Instructor Sean Bacon
stimulate the mind. Lovecraft seeks to continue this tradition of using caffeine to
Class Protfolio Project Coffee Shop Catregories Branding
stimulate intellectual endeavors, whether they be as simple as having a conversation, reading a book, or composing a thesis paper for a PhD student.
Lovecraft is a place for those who like the atmosphere as dark and complex as their coffee. It is a haven for night owls, Goths, steam-punks and those that would generally be considered the â&#x20AC;&#x2DC;otherâ&#x20AC;&#x2122;. The age group can vary widely. The primary audience is coffee lovers between the ages of 18 and 25. From those too young for bars who want to be out late, it is an alternative. It is also a great place for students to work and it never closes.
I took a holistic approach to designing for a coffee shop. The problems I solved were not only front of the house (the things the customers would see) but also the back of the house (aspects that employees interact with).
The aesthetic influences came from the strange and dark H.P. Lovecraft sotries combined with the line quality and color intensity of modern street art. The look of antique books played a big part in my choice of visual texture and the typeface. The design is dark and creepy.
What makes this project unique is the tactile quality of it. The visual texture from layering type and the rough edged logo combined with the cut paper and strange red artist paper on the cups makes for an interesting experience to go along with your morning coffee. Also, this project is special because of the element of environmental design, with the wall art and chairs.
39
41
environmental design, cups, shirt
43
back of the house forms
45
Over the rainbow Quote Judy Garland
The Marvelous Land of Oz was created in the early 1900â&#x20AC;&#x2122;s by L. Frank Baum. He
Instructor Candice Lopez
spawned a series that ended up totaling in 23 books, many composed by other
Class Portfolio Project Kidâ&#x20AC;&#x2122;s Party Catregory Handmade
authors after he passed away. Baum regularly corresponded with his readers and too thier feedback to heart. He always kept his audience in mind, and made sure to create an extra special world for them to escape into.
The target audience is children under the age of ten, with a larger, secondary audience of children of all ages. This is for those who may know about the Wizard of Oz movie but may not have experienced the books.
The idea with this project was to create a world for children all about Oz, to incorporate the fantastic characters and events in the stories into a tangible event. With this in mind, I created a series of games. A fortune teller, pinata and a modification on the pin the tail on the donkey game. Also, wrapping paper and character based party hats round out the collection
The color scheme is bright and friendly, based on the colors found in the lands of Oz. There are 4 quadrents all with different colors, purple, red blue and yellow, and these are what I based the game colors on. All the other items are branded green and pink.
47
49
balloon pi単ata, sawhorse game, fortune teller
51
53
s
COM CON
Lil yâ&#x20AC;&#x2122;â&#x20AC;&#x2122;
Rekom
convention tea shop girls apparel biotech company stylist identity theater season
THE ROCKY
orror
SHOW
Little
Shop of
Horrors
HEANGRY DWIINCHG and
the
55