miles hammond portfolio
DESCRIPTION
ÂTRANSCRIPT
Book Design 13
Miles Hammond
4
14
22
30
38
48
56
64
72
4 14 2230 38 4856 64 72
4 14 22 30 38 48 56 64 72
Font Design
Book Design
Foldout
Restaurant Rebrand
Box Set
Sales Collateral
App Design
Web Design
Way Finding
4
14
22
30
38
48
56
64
72
4 14 2230 38 4856 64 72
4 14 22 30 38 48 56 64 72
Capi
tolfont Design
Skills Used: photoshop illustrator Glyphs print
The goal of this project was to design a font which embodied all aspects of a local neighborhood. A font book was then produced to exhibit the font and all its uses.
Capi
tol
Capitol
Several hours were spent exploring the neighborhood to get a clear idea of what made this location unique and to become fluent in the local vernacular. Photos were geocoded and mapped to aid in discovering patterns.
The Researchresearch
A landscape which fed off the very capitalism it condemned. Everything that existed there had one purpose, to generate income. Most operations were independent which was evident by their humanistic imperfections and handmade quality. This place was governed by a dystopian capitalism.
What I Found
Font Design 5
the process
Capital was inspired by the dollar bill. Letters were printed, crumpled, scanned, traced and then transformed into a working font using Glyphs software.
process
abcdefghi
jklmnopqr
stuvwxyz
To reflect the idea of a dystopian capitalist society the letters were designed to have the look of a crumpled dollar bill.
Extensive exploration via sketches located the
best way of portraying the neighborhood in Berkeley, California.
Iterations
Font Design 7
Deterioration
a b c d
e f g h
i j k l
m n o p
q r s t
u v w x
the final product
yz
type Specimine
But not only has the bourgeoisie forged the weapons that
bring death to itself, it has also called into existence the
men who are to wield those weapons the modern working
class, the proletarians
tradesell
buy
consumetrade
capital
consume5no the lower strata of the middle class -- the small tradespeople,
shopkeepers, and retired tradesmen generally, the handicraftsmen
and peasants, all these sink gradually into the proletariat thus,
the proletariat is recruited from all classes of the population.
cashonly
it has resolved personal worth into exchange value, and in place of the numberless
indefeasible chartered freedoms, has set up that single, unconscionable freedom. the
bourgeoisie has torn away from the family its sentimental veil, and has reduced the
family relation into a mere money relation..
the final productfinished font Book
operatinGManUal
Book Design
Skills Used: photoshop illustratortypography print
Book Design
This book was designed for Buckminster Fuller’s Operating Manual for Spaceship Earth. All design choices reflected the content as well as the target reader.
operatinGManUal Operating Manual
As Buckminster’s writings were very practical and technical, the design follows the principles of constructivism. Heavy use of geometric shapes and ample white space were essential.
The Researchresearch
Images used were monochromatic and used sparingly to retain a vintage look as if from an outdated science book.
The layout of the book reflected
the aesthetics of modernist graphic design using solid shapes and plenty
of white space to construct an
environment for the text to live.
The dymaxion map was created by Buckminster himself, and paying homage to this design was a key part the books layout.
Imagery
Layout
Book Design 13
Graphics
The Process
Multiple rough spreads were designed using different variations of the themes previously mentioned. Each one related to the next but with its own unique identity.
process
BUCK
M I N S T E R
Comprehensive Propensities
I am enthusiastic over humanity’s extraor-dinary and sometimes very timely ingenu-ities. If you are in a shipwreck and all the boats are gone, a piano top buoyant enough to keep you afloat that comes along makes a fortuitous life preserver. But this is not to say that the best way to design a life pre-server is in the form of a piano top. I think that we are clinging to a great many piano tops in accepting yesterday’s fortuitous con-trivings as constituting the only means for solving a given problem. Our brains deal exclusively with special-case experiences. Only our minds are able to discover the generalized principles operating without exception in each and every special- experience case which if detected and mastered will give knowledgeable advantage in all instances.
01
BUCK
M I N S T E R
Because our spontaneous initiative has been frustrated, too often inadvertently, in earliest childhood we do not tend, customarily, to dare to think competently regarding our potentials. We find it socially easier to go on with our narrow, shortsighted specializa-tion’s and leave it to others — primarily to the politicians — to find some way of resolving our common dilemmas. Countering that spontaneous grownup trend to narrowness I will do my, hopefully “childish,” best to confront as many of our problems as possible by employing the longest-distance thinking of which I am capable — though that may not take us very far into the future.
Having been trained at the U.S. Naval Academy and practically experienced in the powerfully effective forecasting arts of celestial navigation, pilotage, ballistics, and logistics, and in the long-range, anticipatory, design science governing yesterday’s naval mastery of the world from which our present day’s general systems theory has been derived, I recall that in 1927 I set about deliberately exploring to see how far ahead we could make competent forecasts regarding the direction in which all humanity is trending and to see how effec-tively we could interpret the physical details of what comprehensive evolution might be portending as disclosed by the available data. I came to the conclusion that it is possible to make a fairly reasonable forecast of about twenty-five years. That seems to be about one in-dustrial “tooling” generation. On the average, all inventions seem to get melted up about every twenty-five years, after which the metals come back into recirculation in new and usually more effective uses. At any rate, in 1927 I evolved a forecast. Most of my 1927’s prognos-ticating went only to 1952 — that is, for a quarter-century, but some of it went on for a half-century, to 1977.
In 1927 when people had occasion to ask me about my prognos-tications and I told them what I thought it would be appropriate to do about what I could see ahead for the 1950’s, 1960’s, and 1970’s
5
CO
MP
RE
HE
NS
IVE
PR
OP
EN
SITIE
S
OPERATING MANUAL
FOR SPACESHIP EARTH
by Buckminster Fuller
COMPREHENSIVE PROPENSITIES
I am enthusiastic over humanity’s ex-traordinary and sometimes very timely ingenuities. If you are in a shipwreck and all the boats are gone, a piano top buoyant enough to keep you afloat that comes along makes a fortuitous life preserver. But this is not to say that the best way to design a life preserver is in the form of a piano top. I think that we are clinging to a great many pi-ano tops in accepting yesterday’s fortuitous contrivings as constituting the only means for solving a given problem. Our brains deal exclusively with special-case experiences. principles operating without exception in each and every special-experience case
C H A P T E R O N E
A delicate balance between these two elements had to be reached to stay consistent with the desired visual language.
Buckminster’s ideas were bold and revolutionary, yet simple in nature. The design reflects these attributes.
Book Design 15
Image & Shape
Bold
Finished Book
Images and graphics occurred in calculated patterns to create a particular rhythm and flow as the reader moved through the book.
15Book Design 17
Rhythm
The Process
DreSSeD for SUC-
foldout
Skills Used: photoshop illustrator printCollage
The goal of this project was to design a foldout which was a visual representation of both qualitative and quantitative aspects of the song Pavement by the band Here.
DreSSeD for SUC- Dressed for Success
The song was listened to hundreds of times to become familiar with every nuance which could aid in graphically representing the song in both structure and meaning.
i waS DreSSeD for SUCCeSS
The ResearchThe Processresearch
BUt SUCCeSS it never CoMeS
I was dressed for success But success it never comes And I’m the only one who laughs At your jokes when they are so bad
Go down to the outlet once again. Painted portrait of minion’s slaves Crotch mavens and one night plays But success it never comes
Go down to the outlet once again. Painted portrait of minion’s slaves Crotch mavens and one night plays Are they the only ones who laugh?
Go down to the outlet once again. Painted portrait of minion’s slaves Crotch mavens and one night plays Are they the only ones who laugh?
Are they the only ones who laugh?But they’re not as bad as this. And all the Spanish candles
Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
i waS DreSSeD for SUCCeSS
BUt SUCCeSS it never CoMeS
I was dressed for success But success it never comes And I’m the only one who laughs At your jokes when they are so bad
I was dressed for success But success it never comes And I’m the only one who laughs At your jokes when they are so bad
And your jokes are always bad But they’re not as bad as this. Come join us in a prayer We’ll be waiting, waiting where
Everything’s ending here. And all the sterile striking it Defends and empty deck you cast away As rain up on your forehead
Where the mist’s for hire if it’s Just too clear. Let’s spend our last 1/4 stance randomly
Go down to the outlet once again. Painted portrait of minion’s slaves Crotch mavens and one night plays Are they the only ones who laugh?
Go down to the outlet once again. Painted portrait of minion’s slaves Crotch mavens and one night plays But success it never comes
Go down to the outlet once again. Painted portrait of minion’s slaves Crotch mavens and one night plays Are they the only ones who laugh?
Are they the only ones who laugh?But they’re not as bad as this. And all the Spanish candles
At the jokes when they are so bad And the jokes are always bad But they’re not as bad as this. And all the Spanish candles
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll...
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’llUntold have gone away to this
And a “run-on piece of mount on” Trembles, shivers runs down the freeway I
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’llUntold have gone away to this
And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Untold have gone away to this And a “run-on piece of mount on” Trembles, shivers runs down the freeway I guess she spent her last quarter Randomly I guess it’s the best I’ll
Everything’s ending here. And all the sterile striking it Defends and empty deck you cast away As rain up on your forehead
the process
To maintain an open minded design process, emphasis was placed on working off the computer. Craft and multiple mediums were essential during this stage.
process
FPO
Music Foldout 23
CollageThis was a technique which allowed my design to contain several layers and meanings which all contributed to an overall theme and message.
The Final Product
The outside of the foldout was composed of a simple and rough linen texture with the title loosely spelled out using string to represent a peaceful unraveling.
A suit was constructed out of textures and
images which referenced different verses in the song. To represent failed ambition
and being hollow inside I added a cutout of a tie.
FPO
Image: standing, final music foldout, showing backside
In-world photograph on dark coffee table
finished foldout
Outside
Inside
FPO
Image: open final music fold-out, laying on it’s back
In-world photograph on dark coffee table
Music Foldout 25
Inside
the BaltiC
This bar/restaurant has been around since 1904 and was in need a brand face lift. Focus was placed on the logo but also the overall identity, language, and other brand assets.
Rebranding
Skills Used: photoshopBrandingillustrato print
restaurant rebrand
the BaltiC The Baltic
Trends in logos for similar services were extensively explored. The bar was visited several times to gain inspiration from it’s unique qualities and customers.
The Researchresearch
EthnographicResearch
Book Design
The bar had a rich heritage and loyal customer base that needed to be retained. At the same time an update to the overall identity was a necessity.
Restaurant Rebrand 29
FPO
Image: Initial Sketches for Baltic Rebrand
Full Bleed photograph
The Processprocess
Book Design
Thumbnails were sketched and then the strongest ideas were refined in illustrator. These versions were then further explored using multiple iterations of each in Adobe illustrator.
est. 1904
Hom
eof
authe
ntic German food &drink
The BalticThe Baltic
est. 1904 est. 1904
B
rats Burgers
Beer
Hom
e of a
uthentic German food & drink
The Baltic
Restaurant Rebrand 31
Roughs
Combinations of concepts, colors, and fonts were explored efficiently in illustrator.
Finished Brand Guideline
A booklet was produced to give a complete brand guideline explaining why certain design choices were made as well as different uses of visual brand assets. This ensured a consistent use of color, type, and logo.
Restaurant Rebrand 33
Brand Guidelines
pow
erSt
rUCtU
reS
A box set containing DVD, poster, book, and packaging was designed for a fictional event commemorating political activist and writer, Amiri Baraka (Leroi Jones).
Commemorative Box Set
Skills Used: photoshoplaser Cutterpackaging final Cut pro illustrator print
Box Set
pow
erSt
rUCtU
reS
Power StructuresPower Structures
The Research
Amiri Baraka was a multifaceted artist, producing political and controversial plays, poems, books, and speeches.
research
Much of Amiri’s work was very aggressive toward existing power structures which he condemned as being highly oppressive.
Box Set 37
The Process
Every aspect of the box set was designed to reflect the life and works of Amiri. A repeating theme was eviscerated white space exposing the controversial ideas and works of Amiri.
process
Book Design
metamorphosis of a poet.
The packaging itself was laser cut and required the user to physically rip open the package to reach the content. This represented the destructive and aggressive style of Amiri which he sought to instill in his followers.
Box Set 39
The Vessel
The Final Product
The packaging in its open form after the content has been extracted. The power structures have been ripped in two, and the
truth has been exposed.FPO
Image: Vessel
Slightly open on white back-ground
finished Box Set
The DVD cover mimics the poster in it’s destructed qualities, while also paying homage to the vinyl record, as Amiri was greatly
influenced by the blues in his early life. Many of is live poems
deteriorate into free-form scat blues.
DVD
Box Set 41
The packaging in its open form after the content has been extracted. The power structures have been ripped in two, and the
truth has been exposed.
Vessel
The Final Productfinished Box Set
The text layout perpetually grows more chaotic from chapter to chapter representing the deterioration of power structures, and the metamorphosis of Amiri Baraka.
Book
Book
priStine
A startup by the name of Pristine was in need of an information leave behind for their sales team. I was directly involved in the discovery process of the specific identity that would represent them.
Marketing Collateral
Skills Used: photoshopBranding illustrator print
Sales Collateral
priStine Pristine
The Research
The founders of Pristine wanted a very modern look for the company. The challenge was finding an identity that was contemporary yet appealing to a high end customer base.
research
ModernRefined
Many team meetings were spent brainstorming about who we were as a company, product, and a service.
Brand Analysis
Book Design 45
SecureAdvanced
IntelligentOrganized
High End
Modern
InformativeSleek
Refined
Bold
The Process
Given the feedback from the meetings I came up with hundreds of iterations for the information sheets, one of which would eventually work as a template for all other brand collateral.
process
Each direction had a unique visual language which portrayed a specific brand experience
Exploration
Sales Collateral 47
The Final Productfinished assets
A flat and minimalist aesthetic was decided on capturing the modern and technical qualities of the product with muted colors add slightly vintage look to the brand.
These were designed using the conventions determined by the information sheets.
Business Cards
This page existed to give a snapshot of our product and grab the attention of the viewer.
Front Page
Sales Collateral 49
watCh
Book Design
Skills Used: photoshop illustratorwireframing
app Design
This iphone app was designed as a UI component for a prospective fitness tracker. It was essential to understand user needs and all functions of the band to come up with a substantial and effective interface
watChWATCH
Research of existing products was key to undersanding my products place in the market and what similar items had to offer. This information also allowed me to see trends in what features are expected in a produt like this.
The Researchresearch
A brief was given to explain the products aesthetic and its key features.
App Design 53
Product Pitch
The Process
A responsive website was designed as a supplementary brand asset. The website uses visual language that is consistant with the WATCH brand. Users recieve an overview of the product as well as purchasing options.
process
55App Design
Interaction and purchasing was made available through multiple platforms.
Ipad Purchase Screen
finished app
Ease of use and simplicity were key features for a user with a fast and active lifestyle.
Home Screen
Simple charts and infographics were used to make tracking a fun and easy process.
Tracking Your Progress
lUpa trattoria
Book Design
Skills Used: Dreamweaver illustratorwireframingphotoshop
web Design
Lupa Trattoria is a local Italian restaurant in S.F. that has a lot of charm, but was in need of an updated web presence. Many new customers use the web to search for new dining locations, and therefore having a strong website is very important.
lUpa trattoriaLupa Tratoria
Lupa was visited several times to get a better idea of the restaurant and it’s patrons. An inspiration image map was created to find a style that was modern while not a complete departure from the existing one.
The Researchresearch
Web Design 61
The original website was functional, but not responsive. It also used some design conventions that were slightly outdated.
Existing Website
This would be what customers should expect to see inside of a restaurant with the website that was being designed.
The Interior
The internet was scanned for images which would begin to
paint a picture of what the new websites look could be.
Inspiration Image Map
The Process
A persona was created based off of the clients that were observed at the restaurant. The local demographic and potential customer base were also taken into account.
process
LUPA TRATTORIA Home Menu About Gallery
4109 24th StreetSan Francisco, CA 94114Phone: (415) 282-5872
AppetizersNemo enim ipsam voluptatem quia
voluptas sit aspernatur aut odit aut fugit,
sed quia consequuntur magni
dolores.
SidesUt enim ad minima veniam, quis nos-trum exercitatio-nem ullam corpo-ris suscipit laborio-sam, nisi ut aliquid
ex ea commodi conseq?
EntreesAd minima
veniam, quisrum exercitationem ullam corporis
suscipit laborio-sam, nisi ut aliquid ex
ea commodi.
A 960 grid system was used to ensure consistancy and modularity across multiple platforms.
The Grid
Web Design 63
The Grid
Finished Website
LUPA TRATTORIA Home Menu About Gallery
AntipastiINTINGOLO DI COZZE E VONGOLE 12.75Prince Edward Island mussels and Manila clams sauteed in a lightly spicy tomato broth
RADICCHIO E CAPRINO 12.50Roasted radicchio and goat cheese in a balsamic vinaigrette
BURRATA E SPECK 13.25Imported creamy mozzarella cheese with Tyrolian speck and arugola
CARPACCIO DI CARNE 12.50Beef carpaccio with arugola, capers and shaved parmiggiano
SCAMORZA AI FUNGHI 12.75Melted smoked mozzarella with mix sauteed mushrooms
PROSCIUTTO PERE E MASCARPONE 12.50bosc pear and mascarpone cheese wrapped in parma prosciutto
InsalateINSALATA DI SPINACI 9.75baby spinach salad with raspberry vinaigrette,goat cheese and caramelized walnuts
MISTICANZA 8.25Organic young lettuces with extra virgin olive oil and balsamic vinegar
INSALATA ALLA CESARE 9.00Classic Caesar salad
Primi PiattiPENNE ALLA RUGANTINO 14.50tube pasta with caramelized onions, sun dried tomatoes, black olives and romano cheese
GNOCCHI AL CINGHIALE 17.00Homemade potatoes dumplings with 5 hours braised wild boar sauce
RAVIOLI ALLA MODENESE 16.00Homemade ravioli filled with ricotta cheese and spinach in a brown butter and sage sauce with fried garlic chips
PAPPARDELLE SUGO D’ AGNELLO 17.00Homemade pappardelle with lamb Bolognese sauce
FETTUCCINE TARTUFATE 16.50Homemade fettuccine with porcini, shitake and oyster mushrooms in a black truffle sauce
BUCATINI AMATRICIANA 16.00Straw shaped pasta with caramelized onion, pancetta and Romano cheese in a tomato sauce
TORTELLONI ALLA CARDINALE 16.50Homemade tortelloni filled with beef and pork in a pink sauce with mix mushrooms, peas and prosciutto
LASAGNA ALLA BOLOGNESE 17.00Homemade lasagna with meat sauce, bechamel, mozzarella and parmiggiano cheese
Menu
LUPA TRATTORIA Home Menu About Gallery
The ChefStefano Coppola began his restaurant career as a chef and partner in a family restaurant in Nemi, a small town outside of Rome. The focus was on traditional Roman cuisine - fresh ingredients spiced just enough to bring out the natural flavours of the food. In the late 1990's he came to San Fran-cisco where he worked as a chef in several successful Italian restaurants including Ristorante Ideale and Pasta. He opened his first restaurant in 1999, and then in 2002, he opened Lupa Trattoria as a casual restaurant specializing in Roman tratto-ria are of the highest quality at a moderate price.
The Legend of LupaThe legend says that the young Rea Silvia, (daughter of the king of Albalonga, Numitore, nephew of the cruel Amulio, whom usurped the throne that was due to his brother) was a priestess of the goddess Vesta, protector of the domestic �replace; because this was her function she could not marry nor have sons. But she fell in love with the God Mars and from that love two sons were born. When uncle Amulio found out about it, he con�ned the niece to a cellar and he ordered his servant to kill the two twins. But the man had pity and, instead of killing them, he abandoned them on the Tiber shores.
About
4109 24th StreetSan Francisco, CA 94114Phone: (415) 282-5872
15Web Design 65
LUPA TRATTORIA Home Menu About Contact
4109 24th StreetSan Francisco, CA 94114Phone: (415) 282-5872
EmailHead chef and restau-rant owner Stefano is always interested in
costumer’s questions & comments.
Walk-Ins WelcomeWe are located in
beautiful Noe Valley and always
welcome to no reservation dining.
4109 24th St.San Francisco,
California
ReservationsReservations are
made by phone, we will always do our best to accommo-date all parties big
or small.
(415) 282-5872
some examples of the pages that would be included in the website. Rustic images and modern graphic styles were used side by side.
Wireframes
way finding
Skills Used: photoshop illustrator live Surface researchasana
The focus of this project was on research methodology and design process. The goal was to redesign the wayfinding system in a parking garage to reduce amount of parking citations being administered.
Parking Restructure
Several hours were spent exploring the neighborhood to get a clear idea of what made this location unique and to become fluent in the local vernacular. Photos were geocoded and mapped to aid in discovering patterns.
The Researchresearch
A litterature review was necessary to establish perspective and expertise on the subject of wayfinding. Experts from relevant fields were then interviewed and market research was performed.
Extensive
Wayfinding 69
Simple
Park and Re-CreationInspiration Image Map
DimensionalEye-Catching
the process
Concepts were sketched and then refined in illustrator. Mock-ups were produced from final concepts and then evaluated and user tested.
process
Font Design
EXIT
STUDENTSTAFF
EXIT
EXIT
STUDENTSTAFF
EXITSTUDENTPARKING
STUDENTPARKING
FACULTYPARKING
FACULTYPARKING
FACULTY
STUDENT
EXIT
STUDENTSTAFF
EXIT
the final productfinal prototypes
The final solution focused primarily on simplicity. Research showed that even
mildly complex or stylized designs were ineffective at communicating to students.
This final version makes use of simple color coding to alert drivers of the dif-
ferent environments within the structure. The color system continues throughout
the structure and is accompanied by supplementary linguistic information.
Visual information is delivered on two basic levels, linguistically and by color
coding, each supported by research as highly effective communication methods.
Solution
Simple
Communication
thankyoU