<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Graphic Language &#187; Signage / Display</title>
	<atom:link href="http://www.danielpjohnston.com/graphic-language/category/signage-display/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.danielpjohnston.com/graphic-language</link>
	<description>Daniel P. Johnston</description>
	<lastBuildDate>Fri, 23 Dec 2011 20:25:07 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Design for Art&#8217;s Sake</title>
		<link>http://www.danielpjohnston.com/graphic-language/2010/10/05/design-for-arts-sake/</link>
		<comments>http://www.danielpjohnston.com/graphic-language/2010/10/05/design-for-arts-sake/#comments</comments>
		<pubDate>Wed, 06 Oct 2010 01:53:46 +0000</pubDate>
		<dc:creator>Daniel P. Johnston</dc:creator>
				<category><![CDATA[Identity / Systems]]></category>
		<category><![CDATA[Signage / Display]]></category>

		<guid isPermaLink="false">http://www.danielpjohnston.com/graphic-language/?p=1536</guid>
		<description><![CDATA[University of Washington School of Art, Sand Point studio door window sign concept; approx. 3.25 x 6n.; plotted output on foamcore / 2003 In my younger scholastic career, I often charged headfirst through the parametric walls of an assignment to ensure that my work would be noticed. In a drawing class I took early on [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/09/dpj_sandpoint_sign_splat_a.gif" alt="" title="dpj_sandpoint_sign_splat_a" width="500" height="743" class="alignnone size-full wp-image-1537" /><br />
</p>
<p class="small">University of Washington School of Art, Sand Point studio door window sign concept; approx. 3.25 x 6n.; plotted output on foamcore / 2003</p>
<p>
<font class="large">In my younger scholastic career, I often charged headfirst through the parametric walls of an assignment to ensure that my work would be noticed. In a drawing class I took early on at university, the professor told me that the way I worked was like writing an English paper in Russian. I chalked up experiences like this to standard-fare artist plight and soldiered on. Ironically, my head full of steam soon chugged me right on out of the School of Art. Upon my return some years later, I had a clearer head, but I also had a much keener sense of the power of boundaries. I understood that it was actually keeping the rules recognizable that revealed the cleverness of their kneading, pushing or rearranging.</font><br />
<br />
As I was making my comeback into the University of Washington, the School of Art was pushing its own boundaries, acquiring <a href="http://art.washington.edu/65_Gallery" target="_blank">gallery</a> and <a href="http://art.washington.edu/50_Studio-Space" target="_blank">studio space</a> for select students and faculty in a building of the former Sand Point Naval Base in Seattle. Then edging myself toward the sharp end of the student body, I was commissioned to design a way-finding sign system for the building.<br />
<br />
Sign systems are often droll affairs, so bound by their function that they are stiff and invisible. There are good reasons for not getting too editorial in this discipline, of course: you don’t want anyone to get lost in the cleverness of the sign before they find where they’re going, especially in emergency situations where one might need to know exactly how to get to the bathroom, or worse, get the hell out of the building.<br />
<br />
Overseen by School of Art Director and Visual Communication Design Professor Chris Ozubko, I came up with a few concepts that I was pretty confident would get people into the restrooms and out of the building as necessary, but also expressed a bit of the unique personality of what was going on in the space while they could appreciate it&#8230; <span id="more-1536"></span><br />
<br />
The first idea was perhaps the most basic tangible expression of art and its process: a tacit blob waiting for interpretation: a splat of paint, a daub of putty, a raw edge—the remnants of creation or the subject of an observation.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/09/dpj_sandpoint_sign_splat_frontdoor2.gif" alt="" title="dpj_sandpoint_sign_splat_frontdoor" width="500" height="500" class="alignnone size-full wp-image-1573" /><br />
</p>
<p class="small">University of Washington School of Art, Sand Point studio door window sign concept placement; approx. 3.25 x 6in.; plotted output on foamcore / 2003</p>
<p><img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="500px" height="30px"/><br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/09/dpj_sandpoint_map_splat.gif" alt="" title="dpj_sandpoint_map_splat" width="500" height="500" class="alignnone size-full wp-image-1559" /><br />
</p>
<p class="small">University of Washington School of Art, Sand Point studio map sign concept; approx. 7 x 15in.; plotted output on foamcore / 2003</p>
<p><img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="500px" height="30px"/><br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/09/dpj_sandpoint_sign_splat_name.gif" alt="" title="dpj_sandpoint_sign_splat_name" class="alignnone size-full wp-image-1552" /><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/09/dpj_sandpoint_sign_splat_rooms.gif" alt="" title="dpj_sandpoint_sign_splat_rooms" class="alignnone size-full wp-image-1543" /><br />
</p>
<p class="small">University of Washington School of Art, Sand Point studio room signs; approx. 5 x 4in. (each); plotted output on foamcore / 2003</p>
<p><img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="500px" height="30px"/><br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/10/dpj_sandpoint_sign_splat_door_name.gif" alt="" title="dpj_sandpoint_sign_splat_door_name" width="500" height="500" class="alignnone size-full wp-image-1561" /><br />
</p>
<p class="small">University of Washington School of Art, Sand Point studio room sign (placement); approx. 5 x 4in.; plotted output on foamcore / 2003</p>
<p><img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="500px" height="15px"/><br />
The next concept took inspiration from the heritage of the building and the honor of its boarders. This space was not for just anyone. Artists and faculty were granted temporary stays based on the hard-won merit judged by their superiors, much like the honors symbolized by the ribbons of the naval officers before them.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/09/Navy_Ribbons_and_Badges.jpg" alt="" title="&quot;Command master chief badge has returned to its traditional location&quot;Cleared for release CNO PAO" width="500" height="250" class="alignnone size-full wp-image-1564" /><br />
</p>
<p class="small">reference: U.S. Naval ribbons and badges (detail of left breast, partially obscured by lapel); <a class="small" href="http://en.wikipedia.org/wiki/File:Navy_Ribbons_and_Badges.jpg" target="_blank">source</a></p>
<p><img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="500px" height="30px"/><br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/09/dpj_sandpoint_sign_ribbons_frontdoor1.gif" alt="" title="dpj_sandpoint_sign_ribbons_frontdoor" width="500" height="500" class="alignnone size-full wp-image-1574" /><br />
</p>
<p class="small">University of Washington School of Art, Sand Point studio door window sign concept placement; approx. 3.25 x 3.25in.; plotted output on foamcore / 2003</p>
<p><img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="500px" height="30px"/><br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/09/dpj_sandpoint_sign_ribbons_map.gif" alt="" title="dpj_sandpoint_sign_ribbons_map" width="500" height="500" class="alignnone size-full wp-image-1568" /><br />
</p>
<p class="small">University of Washington School of Art, Sand Point studio map sign concept; approx. 6 x 15in.; plotted output on foamcore / 2003</p>
<p><img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="500px" height="30px"/><br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/09/dpj_sandpoint_sign_ribbons_name.gif" alt="" title="dpj_sandpoint_sign_ribbons_name" width="500" height="151" class="alignnone size-full wp-image-1569" /><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/09/dpj_sandpoint_sign_ribbons_rooms.gif" alt="" title="dpj_sandpoint_sign_ribbons_rooms" width="500" height="71" class="alignnone size-full wp-image-1570" /><br />
</p>
<p class="small">University of Washington School of Art, Sand Point studio room sign concepts; approx. 8 x 2.5in. (each); plotted output on foamcore / 2003</p>
<p><img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="500px" height="30px"/><br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/09/dpj_sandpoint_sign_ribbons_door_name.gif" alt="" title="dpj_sandpoint_sign_ribbons_door_name" width="500" height="500" class="alignnone size-full wp-image-1571" /><br />
</p>
<p class="small">University of Washington School of Art, Sand Point studio room sign concepts; approx. 8 x 2.5in. (each); plotted output on foamcore / 2003</p>
<p><img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="500px" height="15px"/><br />
The final, chosen and implemented direction did no such metaphoric nudging. Rather, it punctuated the functional humdrum so brutally so as to disquiet. Discreet bits of information were forced apart and stamped into individually assigned planes of a particular shape, size, rotation and color. The stark economy of visual language gave it a deliberate chord that echoed the very tenor of spacial volume, itself.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/09/dpj_sandpoint_sign_mod_frontdoor.gif" alt="" title="dpj_sandpoint_sign_mod_frontdoor" width="500" height="500" class="alignnone size-full wp-image-1575" /><br />
</p>
<p class="small">University of Washington School of Art, Sand Point studio door window sign; approx. 3.25 x 6.5in.; plotted output on foamcore / 2003</p>
<p><img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="500px" height="30px"/><br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/09/dpj_sandpoint_sign_mod_map.gif" alt="" title="dpj_sandpoint_sign_mod_map" width="500" height="500" class="alignnone size-full wp-image-1580" /><br />
</p>
<p class="small">University of Washington School of Art, Sand Point studio map sign; 10.5 x 18in.; plotted output on foamcore / 2003</p>
<p><img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="500px" height="30px"/><br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/09/dpj_sandpoint_sign_mod_name.gif" alt="" title="dpj_sandpoint_sign_mod_name" width="500" height="500" class="alignnone size-full wp-image-1579" /><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/09/dpj_sandpoint_sign_mod_rooms.gif" alt="" title="dpj_sandpoint_sign_mod_rooms" width="500" height="166" class="alignnone size-full wp-image-1578" /><br />
</p>
<p class="small">University of Washington School of Art, Sand Point studio room signs; 5 x 5in. (each); plotted output on foamcore / 2003</p>
<p><img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="500px" height="30px"/><br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/09/dpj_sandpoint_sign_mod_door_name.gif" alt="" title="dpj_sandpoint_sign_mod_door_name" width="500" height="500" class="alignnone size-full wp-image-1577" /><br />
</p>
<p class="small">University of Washington School of Art, Sand Point studio room sign (placement); 5 x 5in.; plotted output on foamcore / 2003</p>
<p><img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="500px" height="15px"/><br />
I sometimes wonder what that drawing professor would have thought of this system had we ever had the occasion to rap about it (or anything else after I left his class some years before). Would he have been proud of my efforts? Had I learned to visualize in a language he felt appropriate? I can&#8217;t say. At least I spelled his name correctly.</p>
<p><img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="24px"/><br />
<br/></p>
]]></content:encoded>
			<wfw:commentRss>http://www.danielpjohnston.com/graphic-language/2010/10/05/design-for-arts-sake/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Building, A Brand</title>
		<link>http://www.danielpjohnston.com/graphic-language/2010/04/11/building-a-brand/</link>
		<comments>http://www.danielpjohnston.com/graphic-language/2010/04/11/building-a-brand/#comments</comments>
		<pubDate>Mon, 12 Apr 2010 02:56:20 +0000</pubDate>
		<dc:creator>Daniel P. Johnston</dc:creator>
				<category><![CDATA[Copy / Writing]]></category>
		<category><![CDATA[Identity / Systems]]></category>
		<category><![CDATA[Industrial / Product]]></category>
		<category><![CDATA[Interactive / Web]]></category>
		<category><![CDATA[Signage / Display]]></category>

		<guid isPermaLink="false">http://www.danielpjohnston.com/graphic-language/?p=929</guid>
		<description><![CDATA[Washington State Convention and Trade Center building (back/garden) / photo taken 2003 Sometime in the 1940s or &#8217;50s (I&#8217;m not sure of the exact year), the term &#8220;corporate identity&#8221; was coined by Lippincott &#038; Margulies—one of the first major design firms in the world—to describe both the idea that even large businesses have inherent, relatable [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_building_back.jpg" alt="" title="dpj_wsctc_building_back" class="alignnone size-full wp-image-1293" /><br />
</p>
<p class="small"><i>Washington State Convention and Trade Center</i> building (back/garden) / photo taken 2003</p>
<p></p>
<p class="large">
Sometime in the 1940s or &#8217;50s (I&#8217;m not sure of the exact year), the term &#8220;corporate identity&#8221; was coined by Lippincott &#038; Margulies—one of the first major design firms in the world—to describe both the idea that even large businesses have inherent, relatable characteristics, not unlike human beings, and the practice that could express their character through a fitting, comprehensive and consistent design program. An organization&#8217;s identity is expressed in every way they communicate, from their name and logo to their brochures and web site, to the way they answer the phone—whether those &#8220;touchpoints&#8221; are designed by professionals or not—so this was an important &#8220;call-to-action&#8221; (to use another industry term) for organizations to pay attention to everything they were communicating, and, ideally, to pay top-notch professionals like L&#038;M to help them make sure they were doing so effectively.
</p>
<p>
Sometime in the 1990s, the term &#8220;brand&#8221; began to take over as more formal business strategy was becoming more prominently integrated into large-scale identity design programs, and it quickly went from buzz word to industry category, on which uncounted firms jumped. I have always found this nomenclature shift ironic. &#8220;Branding,&#8221; literally translated, is the superficial process of stamping a logo on your property (livestock, originally); this superficial logo stamping is exactly the perception that the &#8220;new&#8221; practice of &#8220;branding&#8221; was supposed to be rising above. Meanwhile, the word &#8220;identity&#8221; could already encompass every aspect what an entity is, from what they do to how they express it. But like many P/C nomenclature shifts of late, whether rational or not, &#8220;branding&#8221; has taken hold, and &#8220;identity&#8221; (preceded by &#8220;corporate&#8221; or not), has been deprecated.<br />
<br />
Whatever it&#8217;s called, my formal introduction to the process of figuring out what an organization stands for and expressing it in a fitting design program was in a class called <i>Identity Systems</i> in the Visual Communication Design program at the University of Washington, sometime in 2003. Like a few other courses in the program, this one was broken into collaborative group and individual phases. Three-person groups were assigned one of four or five major local entities and tasked with research and analysis of the entity, en-route to the creation of a strategic brand platform. Based on this platform, we were then set about designing a fitting logo and building a supporting visual identity system, individually&#8230; <span id="more-929"></span><br />
<br />
Working as a team, Jesse Graupmann, Tim Turner and I made many important discoveries in the course of our research of our assigned entity: The Washington State Convention and Trade Center (WSCTC). Through web exploration, personal interviews with convention center officials, several reconnaissance missions and the study of official documentation, we assessed strengths and weaknesses of its services, location, architecture, transportation integration, primary and secondary local and regional competition, primary and tertiary channels of communication, and its integration with the community, and we determined the primary, secondary and tertiary audiences to whom these mattered. We found that the Washington State Convention and Trade Center offers profound and unique benefits to its constituents that other entities could not match. We also came to the conclusion that their actual visual identity, emanating from the wheat stalk mark in their logo, did little to convey anything about the Center.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/wsctc_logo.jpg" alt="" title="wsctc_logo" width="500" height="250" class="alignnone size-full wp-image-1298" /><br />
</p>
<p class="small">The actual <i>Washington State Convention and Trade Center</i> logo is a mash-up of heavy, stylized wheat stalks and stringy typography that does little if anything to express either what the WSCTC is, what it does, or how it does it; rumor had it that, as a state-funded but Seattle-located entity, this was an attempt to appeal to / appease agriculturally-focused Eastern Washingtonians / photo taken 2003</p>
<p>
Primary among the WSCTC&#8217;s unique and defining aspects is the actual facility. By scale alone, the Center is unmissable, and has some beautiful features, even if it suffers from a somewhat disparate kit of parts. Half of the main façade is laid with flat, earth-tone blocks of stone while the other half has angular full-height windows jutting out into the street. This front meets with blocky glass walls which stair-step their way out the back of the building.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_building_arch_detail.jpg" alt="" title="dpj_wsctc_building_arch_detail" width="500" height="250" class="alignnone size-full wp-image-1300" /><br />
</p>
<p class="small">detail of the<i>Washington State Convention and Trade Center&#8217;s</i> contrasting stone and glass structure / photo taken 2003</p>
<p>
As part of its 2000 expansion, A huge glass and steel arched bridge with a built-in meeting room overhangs Pike Street—a major downtown thoroughfare—bridging the two buildings of the WSCTC complex. This feature won little favor with locals who often express disdain for the sheer imposition, but serves as a nice metaphor for the connections made at the Center (and, it has a pretty great view).<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/wsctc_building_pike_street.jpg" alt="" title="wsctc_building_pike_street" width="500" height="374" class="alignnone size-full wp-image-1302" /><br />
</p>
<p class="small">view of the<i>Washington State Convention and Trade Center&#8217;s</i> enormous bridge and glass arcade, which actually encloses a block of Pike Street; photographer unknown</p>
<p>
The structure is within walking proximity of myriad hotels, shops, restaurants, businesses, and residential complexes, and is connected to Freeway Park, a rich maze of concrete pathways and lush foliage that and ambles upward from Downtown up to culturally-rich Capitol Hill and First Hill neighborhoods.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_garden.jpg" alt="" title="dpj_wsctc_garden" width="500" height="250" class="alignnone size-full wp-image-1306" /><br />
</p>
<p class="small">detail of Freeway Park, an extension of the Washington State Convention and Trade Center; photo taken 2003</p>
<p>
Access to the Center could hardly be easier. It has its own freeway exit, it’s own parking garage, it’s own shuttle and taxi dropoff, and its own station integrated into the Metro Bus Tunnel. There is also a car rental agency just across the street.<br />
<br />
The Washington State Convention and Trade Center caters to three separate but related audiences. Those having primary business interaction with WSCTC representatives are professional event planners in charge of scheduling and coordinating events large and small for businesses, political entities and other organizations. Secondary audience members are the actual exhibitors and attendees of these events. There is also a tertiary audience served by the facility in the general community, who come to attend public exhibitions, meet friends or business contacts, enjoy the many pieces of artwork on display throughout the building, and/or patronize one or more of the many small businesses and shops within the Center.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_building_interior.jpg" alt="" title="dpj_wsctc_building_interior" width="500" height="400" class="alignnone size-full wp-image-1304" /><br />
</p>
<p class="small">view looking up from the interior of the<i>Washington State Convention and Trade Center&#8217;s</i> main hall / photo taken 2003</p>
<p>
Like all major convention centers, the WSCTC provides accommodations for various sizes and types of events. Unlike most other such venues, however, the Washington State Convention and Trade Center has an extremely broad range of capability and the highest levels of service. Different room capacities and modular exhibition space can accommodate anywhere between two and twenty thousand attendees comfortably. In addition, the Center offers state-of-the-art technological services. Great pride is also taken in their award-winning catering service that’s second to none in the industry.<br />
<br />
Being a tax supported state entity, the WSCTC is deeply involved in the interests of the general public. This was expressed most prominently in its expansion, which not only provided a convenient walking path between downtown and Capitol Hill and First Hill, but also afforded a significant increase in the abundance of publicly-funded low-income housing in the area. The building itself also showcases the work of numerous local, national and international artists and provides informal seating and gathering space, all free to the public every day of the week. In addition, the revenue earned by the Center contributes significantly to the state’s budget, leading to greater support of public programs.<br />
<br />
Considering these factors and a wealth of information we had accumulated to support them, Jesse, Tim and I went to work synthesizing our findings and teasing out a simple strategic foundation.<br />
<br />
We created a basic brand positioning framework, based on what the WSCTC offers its audiences, in terms of three &#8220;B&#8221;s&#8230;<br />
<font class="orange">The Business</font><br />
<i>Providing dependable facilities and services for event planners</i><br />
<font class="orange">The Benefit</font><br />
<i>Peace of mind that important experiences will be hosted adeptly</i><br />
<font class="orange">What’s Better</font><br />
<i>Premier location</i><br />
<i>Internationally-renowned service</i><br />
<i>Flexibility of space</i><br />
<i>Ability to host large-scale or complex events</i><br />
<i>Community integration and accessibility</i><br />
<br />
And we decided upon five characteristics that best captured the personality of the organization&#8230;<br />
<font class="orange">Personality Attributes</font><br />
<i>Professional</i> <font class="small">dependable; focused; orderly</font><br />
<i>Accommodating</i> <font class="small">intimate; pleasurable; flexible; inviting</font><br />
<i>Metropolitan</i> <font class="small">urban mystique; downtown; major city</font><br />
<i>Connected</i> <font class="small">access to resources, people and technology/connectivity</font><br />
<i>Progressive</i> <font class="small">fresh; up to date; constantly evolving</font><br />
<br />
As we wove these facets together, we began to recognize a powerful thread that ran seamlessly through: Indeed, this idea in and of itself, was basically it! Something special happens when things come together. This is what the Washington State Convention and Trade Center is all about. When event planners work with hosts, or attendees and visitors experience an event, or each other, or the city, valuable experiences are created. The WSCTC is the venue, the forum, the intersection and the enabler of these powerful moments.<br />
<br />
And so was born our interpretation of the heart of the WSCTC, meant to elegantly encapsulate the motivating factor behind everything the Washington State Convention and Trade Center did, and, in two words, captured both the importance of the physical venue and the service&#8230;<br />
<font class="orange">Brand Essence</font><br />
<i>Facilitating connections</i><br />
<br />
From here, we developed a positioning/style matrix as a tool to visually aid us as designers, as well as the client (theoretically in this case) to ensure our intentions for the direction of the ensuing identity design was aligned, as well as solidifying previously synthesized brand elements. We chose the two most powerful, yet disparate personality traits of the brand, namely &#8220;professional&#8221; and &#8220;accommodating&#8221; as the top and bottom points on the vertical axis, while stylistic differences were opposed laterally between &#8220;representational&#8221; on the left, which would likely lead to a system based on physical features and &#8220;abstract&#8221; on the right, which would likely be more focused on qualitative interpretations of benefits. Scattered on the plot were logos of other organizations, both in and out of category, for reference.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/04/dpj_wsctc_matrix.gif" alt="" title="dpj_wsctc_matrix" width="500" height="330" class="alignnone size-full wp-image-1384" /><br />
<br />
<font class="small"><i>Washington State Convention and Trade Center</i> logo positioning/style matrix; vertical axis: &#8220;professional&#8221; (top) and &#8220;accommodating&#8221; (bottom), horizontal axis: &#8220;representational&#8221; (left) and &#8220;abstract&#8221; (right); initial area of focus for the WSCTC logo exploration circled; 17 x 11in. / 2003</font><br />
<br />
It was soon after this point that each group member would take the research as they saw it and begin creating identity design individually. It is this matrix, then, that would provide the jumping-off point for each member’s design direction and process. Based on such, I made the rough determination that my direction would fall somewhere toward the &#8220;professional&#8221; end of the personality spectrum, and would likely be executed in a relatively abstract manner (as designated by the circle in the matrix above). As it happened, the logo and ensuing visual identity system was rather abstract, but referenced the actual building enough that it would probably be plotted a bit to the left of this initial focus.<br />
<br />
Armed with the results of all of the preceding research (and then some), the sketch book was cracked open and ideas were turned into marks on paper. The scope of exploration was kept as broad as possible without straying from the brand platform. Of paramount importance was in expressing the brand promise, as a product of the personality traits of the organization. Several concepts were explored in a variety of ways, but the idea of &#8220;facilitating connections&#8221; drove the creative process from beginning to end.<br />
<br />
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="500px" height="18px"/><br />
<font class="orange">Conception</font><br />
<br />
Initial sketches utilized the arch as a reference to the building’s prominent architecture as well as a strong metaphor for bridging gaps and making connections. The letter W was integrated into some of these sketches as a connection to &#8220;Washington,&#8221; which could aid name recognition, but the center&#8217;s &#8220;Washington-ness&#8221; wasn&#8217;t a primary communication objective, so pursuing this was not of high importance (the WSCTC doesn&#8217;t compete much nationally, and Seattle is really the draw, anyway). Purely typographic solutions were also explored, utilizing custom ligatures within the logotype to convey the idea of connections. Also referencing the building’s architecture were sketches based on stair-stepped block devices:<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_logo_sketches_a.jpg" alt="" title="dpj_wsctc_logo_sketches_a" width="500" height="385" class="alignnone size-full wp-image-1309" /><br />
<br />
<font class="small"><i>Washington State Convention and Trade Center</i> logo exploration; pencil on paper; 11 x 8.5in. / 2003</font><br />
<br />
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="500px" height="18px"/><br />
<font class="orange">Continuation</font><br />
<br />
At this point, several more abstract marks were considered in addition to refinement of previous ideas. Ideally, the mark would encompass all of the traits of the brand. Differing sizes of squares were used as primary elements as they offered reference to building architecture, event space, metropolitan grid system and so on. Various combinations and compositions were explored in an effort to convey not only connections being made but also a sense of flexibility of space and service:<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_logo_sketches_b.jpg" alt="" title="dpj_wsctc_logo_sketches_b" width="500" height="385" class="alignnone size-full wp-image-1311" /><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_logo_sketches_c.jpg" alt="" title="dpj_wsctc_logo_sketches_c" width="500" height="111" class="alignnone size-full wp-image-1312" /><br />
<br />
<font class="small"><i>Washington State Convention and Trade Center</i> logo exploration; pencil on paper; full sheet and detail of mark studies; 11 x 8.5in. / 2003</font><br />
<br />
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="500px" height="18px"/><br />
<font class="orange">Confirmation</font><br />
<br />
Once the potential of these elements was recognized, the process of digital translation and refinement of various aspects of both the typography and the mark began to ensure they could translate properly to the final state:<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_logo_sketches_d.gif" alt="" title="dpj_wsctc_logo_sketches_d" width="500" height="350" class="alignnone size-full wp-image-1320" /><br />
<br />
<font class="small"><i>Washington State Convention and Trade Center</i> logo exploration; digital sketches / 2003</font><br />
<br />
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="500px" height="18px"/><br />
<font class="orange">Coloration</font><br />
<br />
Moving along further in the design process, color was introduced as an element while the final mark and typography were still being honed.  Initially, just blues and yellows were considered as a professional yet lively palette.<br />
<br />
The typography, too, was making progress. While myriad ligature-based options were explored to various degrees, they competed with the mark and cut down on legibility, so I eventually just cleaned up the type in favor of conceptual simplicity and compositional elegance.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_logo_sketches_e.gif" alt="" title="dpj_wsctc_logo_sketches_e" width="500" height="200" class="alignnone size-full wp-image-1322" /><br />
<br />
<font class="small"><i>Washington State Convention and Trade Center</i> logo exploration / 2003</font><br />
<br />
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="500px" height="18px"/><br />
<font class="orange">Convergence</font><br />
<br />
While refining the overall composition of the mark and logotype, the possibility of the color blocks creating a third color at their intersection presented a very intriguing option. That the third color just so happened to be green, the perfect descriptor for Washington (it is &#8220;The Evergreen State,&#8221; after all) was too enticing to resist, and the mark decision had been made. Soon thereafter, the logotype was finalized and all that was left was to choose the exact color values, which only a comprehensive study could decide:<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_logo_sketches_f.gif" alt="" title="dpj_wsctc_logo_sketches_f" width="500" height="320" class="alignnone size-full wp-image-1324" /><br />
<br />
<font class="small"><i>Washington State Convention and Trade Center</i> logo color study / 2003</font><br />
<br />
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="500px" height="18px"/><br />
<font class="orange">Completion</font><br />
<br />
Everything has come together in the final logo. The simple, lowercase typography is inviting, but also has serious presence. The mark references the facility architecture and services, being created of connections between different elements; that it also dots the &#8220;i&#8221; in &#8220;convention&#8221; is a nod to the attention to detail of their acclaimed service. The composition is dynamic but balanced, crisp and clean.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_logo.gif" alt="" title="dpj_wsctc_logo" width="500" height="350" class="alignnone size-full wp-image-1358" /><br />
</p>
<p class="small"><i>Washington State Convention and Trade Center</i> logo / 2003</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="500px" height="18px"/><br />
<font class="orange">Color Concessions</font><br />
<br />
The mark and logotype have been designed to work well within the confines of any color space. Ideally, the three or four-color version is to be used whenever possible, but grayscale, spot-color and black-only versions have also been created so that the new identity may be used in any application.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_logo_color_variations.gif" alt="" title="dpj_wsctc_logo_color_variations" width="500" height="200" class="alignnone size-full wp-image-1334" /><br />
</p>
<p class="small"><i>Washington State Convention and Trade Center</i> logo color variations: (from left to right) 3 or 4-color version, grayscale version, one color version, black only version / 2003</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="500px" height="18px"/><br />
<font class="orange">Contextualization</font><br />
<br />
As the logo was being finalized, the visual system, or &#8220;kit-of-parts&#8221; of standard design elements and usage began. This ended up being incredibly close-in to the logo, which I now find unnecessarily constricted, as well as a bit stifling of the logo, itself. However, as a starting point for a completely new identity, it certainly would have reinforced recognition much more quickly and could have been built upon later.<br />
<br />
The color palette is just swatch for swatch with the logo, with the cool, marine blue and vibrant yellow, which combine to create a crisp Washington apple green. The sizes of the swatches represent the relative intended usage, with the blue and the green most pervasive, for their strength of value, with the yellow being used for occasional highlights. Throwing in an even gray for a neutral was a bit default, but its recessive elegance does work. If I were to update this system, one of the first things I would look at would be to add a secondary palette of color triads, potentially related to some organizational structure (i.e., color-coding).<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_color_palette.gif" alt="" title="dpj_wsctc_color_palette" width="500" height="229" class="alignnone size-full wp-image-1332" /><br />
</p>
<p class="small"><i>Washington State Convention and Trade Center</i> color palette / 2003</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="500px" height="18px"/><br />
<font class="orange">Typefacial Expression</font><br />
<br />
Any written communication must not only convey what needs to be said, but also express the tone in which it should be understood. For an organization with such a broad range of potential recipients of written communication, a font family with extensive versatility and clarity is crucial, but the brand must also be considered in this decision. With these factors in mind, three weights of Helvetica Neue were chosen for their tonal neutrality, maximum legibility and professional demeanor. Normal weights of standard format body copy is efficient and easily read, while bold, often colored lowercase titles and headings serve to keep the message friendly and contemporary.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/04/dpj_wsctc_typography.gif" alt="" title="dpj_wsctc_typography" width="500" height="330" class="alignnone size-full wp-image-1385" /><br />
</p>
<p class="small"><i>Washington State Convention and Trade Center</i> type system specimen; 17 x 11in. / 2003</p>
<p>
As rational as all that may sound, this type spec is probably my least favorite aspect of this program, looking back on it. My primary dislike is not that it&#8217;s based on Helvetica, which I feel absolutely no shame in using under the right circumstances. The unfortunate thing is that it&#8217;s based on the exact same typeface as the logotype, which dilutes the logo&#8217;s impact and (especially since it&#8217;s Helvetica), makes the design system seem overly minimalist. I think a more traditional serif family actually could have easily given the applications a more sophisticated voice and added richness to the overall visual texture.<br />
<br />
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="500px" height="18px"/><br />
<font class="orange">Multiplying the Message</font><br />
<br />
Nothing makes an identity campaign more powerful than broad and cohesive usage thereof throughout an organization’s vast array of communications. Whether it’s the color of the dinner napkins or the tone of the copy writing on the web site, staying true to the brand is essential. A strong identity system makes it clear just who the organization are to everyone who encounters it.<br />
<br />
Stationery has been the cornerstone of identity systems since I-don&#8217;t-know-when, though this era seems to be coming to an end. However, as archaic as it may seem these days, press-printed stationery is still used by organizations, especially by executives for formal correspondence, so it remains an important touchpoint to execute adroitly.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_stationery.gif" alt="" title="dpj_wsctc_stationery" width="500" height="318" class="alignnone size-full wp-image-1341" /><br />
</p>
<p class="small"><i>Washington State Convention and Trade Center</i> stationery; standard U.S. dimensions / 2003</p>
<p>
More specifically relevant for the Convention and Trade Center were name badges for visitors and staff.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/04/dpj_wsctc_name_badges.gif" alt="" title="dpj_wsctc_name_badges" width="500" height="195" class="alignnone size-full wp-image-1387" /><br />
</p>
<p class="small"><i>Washington State Convention and Trade Center</i> name badges for attendees (left) and staff (right); 4 x 3.25in. and 4 x 1.125in., respectively / 2003</p>
<p>
In the above applications, you can start to see the how intersecting blocks are used as a tertiary design system element. Here, again, the idea seems solid, but way too close to the logo; this is where some of those secondary color triads could come into play to separate and add visual texture to the visual identity. I&#8217;m also not sure that every shape would have to be a rectangle. Perhaps arcs could come in, referencing the arches of the architecture and the idea of bridging, in general.<br />
<br />
Like press-printed stationery, press-printed annual reports (and the design firms that focused on them so heavily) are becoming more and more rare, but this, too, is an incredibly important communication vehicle, and one of the few pieces of graphic design to which executives tend to pay any mind (since the primary audience is shareholders). In my exhibit below, I again reference the logo heavily, though I actually don&#8217;t mind it here, because of how it is used and the context: assuming this was the year the new brand identity was introduced, this could reinforce recognition and meaning by using the mark to highlight the actual facility and connections alluded to by the bridge. The only thing I really dislike about this exhibit is that it seems to imply that the annual report covers two years, which just doesn&#8217;t make sense.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_ar_cover.jpg" alt="" title="dpj_wsctc_ar_cover" width="500" height="400" class="alignnone size-full wp-image-1343" /><br />
</p>
<p class="small"><i>Washington State Convention and Trade Center 2003 | 2004 Annual Report</i> cover; 8.5 x 11in. / 2003</p>
<p>
Sometime in the early- to mid-2000s, the web site took over as the most important touchpoint of almost every brand in the world. Toward the beginning of that range, many of these began with some sort of Flash animated &#8220;intro,&#8221; which were almost invariably the most frivolous wastes of the medium. Being 2003, I created a basic web site &#8220;look and feel,&#8221; duly preceded it by a frivolous (though mercifully short) Flash intro. I don&#8217;t actually mind the basic idea of the animation—of the three logo blocks coming together to create the logo (though, again, it could use modulation of different colors or other means of activating it). I just think it should have been thought of as an sequence for digital event screen backdrops for conference rooms or something equally meaningful for the WSCTC instead of a throwaway on the web site.<br />
<br />
Aside from some system monotony and the difficult small type, I think the web site page design is pretty good; it certainly has a lot more potential than the actual WSCTC site design.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_web.jpg" alt="" title="dpj_wsctc_web" width="500" height="540" class="alignnone size-full wp-image-1344" /><br />
</p>
<p class="small"><i>Washington State Convention and Trade Center</i> web site; logo animation, home page; 800 x 600px.+ / 2003</p>
<p>
There are few more satisfying feelings than seeing your logo built into a sign. When your design is measured in feet, is made out of metal, weighs hundreds of pounds and requires a small crane to put it in place, you know the client is proud. You can also be pretty sure they aren&#8217;t going to change the logo anytime soon, since the time, logistic and monetary costs of sign implementation are formidable, and not something any organization wants to do very often. For the WSCTC, seeing my logo actually put up on the main façade would have been pretty satiating, indeed—especially since the facility more or less is the brand. Of course, this didn&#8217;t happen since this was just a school project, but I did do a sketch of how it might have looked if it had.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_ext_building_sign.jpg" alt="" title="dpj_wsctc_ext_building_sign" width="500" height="340" class="alignnone size-full wp-image-1345" /><br />
</p>
<p class="small"><i>Washington State Convention and Trade Center</i> façade sign; approx. 35 x 20ft. / 2003</p>
<p>
While seeing my logo as shown would have been cool, I must admit that I&#8217;m not completely satisfied with this exhibit, either. I like the simplicity of it, but I think some subtle plane shifts in the mark and more consideration of materials, dimensionality and possibly even lighting could have really brought the sign to the next level, so to speak.<br />
<br />
On a more functional level, I also designed some examples of interior signage. Even though these are based straight off the logo mark—certainly another example of the very close-in approach to the visual identity system—the addition of different levels of informational iconography set on the different levels of the marks helps support the meaning of the identity, rather than clash therewith.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_ext_building_int_signs.gif" alt="" title="dpj_wsctc_ext_building_int_signs" width="500" height="375" class="alignnone size-full wp-image-1351" /><br />
</p>
<p class="small"><i>Washington State Convention and Trade Center</i> interior signs; approx. 12 x 12in. (each); vinyl on acrylic / 2003<br />
top row: room signs (two sections of the same room) | men&#8217;s room | ladies room<br />
middle row: bus transportation | taxi transportation | food/restaurant | coffee shop<br />
bottom row: elevators | public telephones | information desk </p>
<p>
Below, you can see how some of this and other signage could be implemented on the interior. If given another chance at this, I would strongly consider another color for the walls, or at least an accent here and there. The digital sign could use some TLC, as well. And, in a perfect world, I would commission custom carpeting that could incorporate a unique, WSCTC identity system pattern.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_ext_building_int_signage.jpg" alt="" title="dpj_wsctc_ext_building_int_signage" width="500" height="500" class="alignnone size-full wp-image-1348" /><br />
</p>
<p class="small"><i>Washington State Convention and Trade Center</i>interior signage / 2003</p>
<p>
Back outside, then, are a couple tertiary sign locations, where just the mark would be sufficient, as well as temporary event banners (the signs outside the WSCTC were already this angled shape). Here, like the interior signs, the overlapping color system helps differentiate levels of information hierarchy. Though in this case, when used as visual texture, I again would likely assign these an appropriate secondary color triad that would allow the logo to stand out more prominently.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/03/dpj_wsctc_ext_building_signage.jpg" alt="" title="dpj_wsctc_ext_building_signage" width="500" height="340" class="alignnone size-full wp-image-1346" /><br />
</p>
<p class="small"><i>Washington State Convention and Trade Center</i> tertiary signs and event banner signs; approx. 12 x 12ft., 6 x 6ft. and 3 x 9ft., ccw from upper left / 2003</p>
<p>
Perhaps the most interesting extension of the identity system I designed was a sculpture intended for the back garden/park. In this piece, translucent blue and yellow lucite blocks would stack into each other, with the apple green naturally being created at the intersections between them. As a three-dimensional expression of the mark and its references to different spaces, places, and unique connections, it could also become known as landmark meeting point, in and of itself.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/04/dpj_wsctc_sculpture.gif" alt="" title="dpj_wsctc_sculpture" width="500" height="500" class="alignnone size-full wp-image-1389" /><br />
</p>
<p class="small"><i>Washington State Convention and Trade Center</i> park sculpture; approx. 6 x 6 x 6ft.; translucent lucite / 2003</p>
<p>
I&#8217;m not sure whether this class project opened me up to it, but, I have since gone on to spend the majority of my (still rather young) career helping shape the identities of corporations and other organizations (rather than, say, designing annual reports). I&#8217;ve even gotten used to referring to clients&#8217; identities as &#8220;brands,&#8221; though I still bristle at the superficial connotations of the term &#8220;branding&#8221; to describe the work, as the strategic depth and spectrum of expression of the design work brings real value to clients.<br />
<br />
Sometime in 2007, I actually started working at Lippincott (the name has been shortened from the original Lippincott &#038; Margulies, but it&#8217;s still the same company). Though the nomenclature may be different, the core idea the firm brought to light 50 or 60-some years ago still holds true. Organizations, corporate or otherwise, are like people, and in each is an opportunity to awaken their senses from the inside out, to help them discover who they are, what makes them unlike any other, and to help them express their unique character in every way they are met. I don&#8217;t think that will ever change.</p>
<p><img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="24px"/><br />
<br/></p>
]]></content:encoded>
			<wfw:commentRss>http://www.danielpjohnston.com/graphic-language/2010/04/11/building-a-brand/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>What Do You Call Someone Who&#8230;</title>
		<link>http://www.danielpjohnston.com/graphic-language/2010/02/15/whats-in-a-name/</link>
		<comments>http://www.danielpjohnston.com/graphic-language/2010/02/15/whats-in-a-name/#comments</comments>
		<pubDate>Tue, 16 Feb 2010 02:31:35 +0000</pubDate>
		<dc:creator>Daniel P. Johnston</dc:creator>
				<category><![CDATA[Advertising / Campaigns]]></category>
		<category><![CDATA[Copy / Writing]]></category>
		<category><![CDATA[Photography / Film]]></category>
		<category><![CDATA[Print / Editorial]]></category>
		<category><![CDATA[Signage / Display]]></category>

		<guid isPermaLink="false">http://www.danielpjohnston.com/graphic-language/?p=933</guid>
		<description><![CDATA[Rumpelstiltskin would approve. recycling awareness campaign postcard, showing PET bottles going into winter gloves; 7 x 5 in. / 2002 &#8220;Designer&#8221; is an ethereal thing to call oneself, fraught with misconception and expectation. When I describe myself as such, people I meet invariably respond with the exact same, ever-more-annoying, eight-word phrase: &#8220;Oh—that&#8217;s, like, with computers [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/dpj_recycling_postcard.jpg" alt="" title="dpj_recycling_postcard" width="500" height="324" class="alignnone size-full wp-image-1067" /><br />
</p>
<p class="small"><i>Rumpelstiltskin would approve.</i> recycling awareness campaign postcard, showing PET bottles going into winter gloves; 7 x 5 in. / 2002</p>
<p></p>
<p class="large">
&#8220;Designer&#8221; is an ethereal thing to call oneself, fraught with misconception and expectation. When I describe myself as such, people I meet invariably respond with the exact same, ever-more-annoying, eight-word phrase: &#8220;Oh—that&#8217;s, like, with computers and stuff, right?&#8221; (I can only imagine that there was some <i>20/20</i> John Stossel exposé about the suspicious rise of the machines in the late &#8217;80s—replete with footage of designers large in glasses and shoulder-padding huddled around a tiny Macintosh, working to draw pastel and black <a href="http://www.youtube.com/watch?v=eNLFXKyCy0A" target="_blank">magic</a> from it—that permanently ingrained this concept in society at large.) Moreover, most people assume I use my computers and stuff for advertising, where I spin everyday goods into objects of mythical lust&#8230; <span id="more-933"></span>
</p>
<p>
The truth is, they&#8217;re right. Ironically, most of the people who assume my job is about computers rely on them far more than I in order to successfully carry out a project (seriously, who <i>doesn&#8217;t</i> use computers these days?), but computers are used as tools to build design files (the ideas, however, still have to come out of a human head). And the line between advertising and design is blurry and often crossed. In setting up this project for our <i>Visualizations</i> class in the Visual Communication Design program at the University of Washington, our professor relayed a quip from a friend of his that went something like this: &#8220;Design is a lame idea that just looks good. Advertising is a great idea that looks like crap.&#8221; In addition to being pretty humorous, this is also about as true as it is frightening. The last thing I want to do is make something look good for no reason.<br />
<br />
Our assignment, then, was to choose from one of several public interests and devise a suitably &#8220;big idea&#8221; that would powerfully illuminate the subject from a new perspective. This idea would form the backbone of a campaign—typically the domain of the &#8220;Ad Man&#8221; (sorry, ladies; no clever name for you). To keep us thinking big (and to be sure we didn&#8217;t delve into any typical designer-y things involving complex or abstract typography, or ironic plays on the medium), we were limited to just three words for the entire campaign, and they had to carry the idea across a vast range of formats. And, we were supposed to make it look good, too.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/dpj_recycling_poster.jpg" alt="" title="dpj_recycling_poster" width="500" height="750" class="alignnone size-full wp-image-1070" /><br />
</p>
<p class="small"><i>Rumpelstiltskin would approve.</i> recycling awareness campaign poster, showing PET bottles going into canvas messenger bags; 24 x 36 in. / 2002</p>
<p>
My topic was recycling, and my big idea was based on the notion that truth is stranger than fable. Recycling realizes far more than most people believe it can. Every year, hundreds of millions of pounds of PET plastic (e.g., soda pop bottles) are recycled, but where do they go? Well, aside from new soda bottles, many industries have used this material as an effective alternative to more expensive, less eco-friendly, and/or simply inferior traditional resources. In fact, recycled PET is used every day to create new products such as lumber, fencing, furniture, and auto parts.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2010/02/dpj_recycling_bus.jpg" alt="" title="dpj_recycling_bus" width="500" height="333" class="alignnone size-full wp-image-1060" /><br />
</p>
<p class="small"><i>Rumpelstiltskin would approve.</i> recycling awareness campaign bus sign, showing PET bottles going into fleece vests; approx. 20 x 4 ft. / 2002</p>
<p>
Perhaps the most successful example of this visionary recycling is the work of the clothing industry. Though hard to believe, soda bottles and other such containers can be broken down into pellets, which are then spun into very high quality yarn. This fiber can be used exclusively or blended with natural fibers like cotton to create just about any garment one could imagine.<br />
<br />
After an initial struggle with over-complex diagrammatic visual language to show this fantastic process, I ended up settling on a simple arrow form symbolizing the forward progress inherent in this transformation and punctuating the campaign line. I shot photographs of the materials with an antique 35mm camera, then used computers and stuff to scan, colorize and compose the pieces in the different layouts.<br />
<br />
<i>Rumpelstiltskin</i> was invoked to make people consider the amazing—perhaps even mythical—power of modern recycling. We may not be able to spin straw into gold, but spinning pop bottles into polar fleece ain’t bad. </p>
<p><img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="24px"/><br />
<br/></p>
]]></content:encoded>
			<wfw:commentRss>http://www.danielpjohnston.com/graphic-language/2010/02/15/whats-in-a-name/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Wanna Make Something of It?</title>
		<link>http://www.danielpjohnston.com/graphic-language/2009/10/24/wanna-make-something-of-it/</link>
		<comments>http://www.danielpjohnston.com/graphic-language/2009/10/24/wanna-make-something-of-it/#comments</comments>
		<pubDate>Sat, 24 Oct 2009 16:02:15 +0000</pubDate>
		<dc:creator>Daniel P. Johnston</dc:creator>
				<category><![CDATA[Copy / Writing]]></category>
		<category><![CDATA[Identity / Systems]]></category>
		<category><![CDATA[Packaging / 3-Dimensional]]></category>
		<category><![CDATA[Photography / Film]]></category>
		<category><![CDATA[Signage / Display]]></category>

		<guid isPermaLink="false">http://www.danielpjohnston.com/graphic-language/?p=746</guid>
		<description><![CDATA[Materials symbol set promotional poster; 20 x 30in. / 2002 There is something very primal and essential about building things. Behind our most basic needs is the need to build something to facilitate it. Before we can put food on the table, someone has to put the table together. Before we can sleep under anyone&#8217;s [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/10/dpj_materials_poster.jpg" alt="dpj_materials_poster" title="dpj_materials_poster" width="500" height="750" class="alignnone size-full wp-image-747" /><br />
</p>
<p class="small"><i>Materials</i> symbol set promotional poster; 20 x 30in. / 2002</p>
<p></p>
<p class="large">
There is something very primal and essential about building things. Behind our most basic needs is the need to build something to facilitate it. Before we can put food on the table, someone has to put the table together. Before we can sleep under anyone&#8217;s roof, someone has to put that roof over our heads. And, in order to afford such things these days, most of us need to go to work, which, more than likely, is in a <i>building</i>.
</p>
<p>
But modern technology and evolving divisions of labor have rendered the notion of building even the most trifling gaff foreign and anxiety-filling to most. Hardware stores (big-box and corner-shop alike) are stocked floor to ceiling with too many confusing answers to even the most basic questions. For our <i>Marks and Symbols</i> class in the Visual Communication Design (VCD) program at the University of Washington, we were set out to develop a universal language of icons that would help de-mystify this environment and enable people to fulfill their basic need to put stuff together.<br />
<br />
The class was divided into two phases: research and development. In the research phase, we worked in groups to look into issues facing the hardware customer, decide upon the problem we felt had the most potential for amelioration by a concise set of symbols (ten or so), and present our process and findings to the rest of the class. In the second phase, we each developed symbol sets on our own to respond to this problem.<br />
<br />
Our research group, comprising mates Devon DeLapp, Jesse Graupmann, Narith Hoc, Sarah LaMont, Shaun Tungseth and myself, began by thinking of and assessing the potential (and drawbacks) of six possible options: A set of symbols for <i>connectors</i>, which could help people figure out what fit with what else (but seemed too broad to spawn a useful set of just ten symbols), <i>electricity</i> symbols, which could help people figure out the ins and outs of amps and volts (but we couldn&#8217;t figure out how to boil this subject down to ten symbols, either), <i>how-to</i> symbols, which could help people with standard tasks like building a deck or installing a light fixture (but, we quickly realized, would be nearly impossible to describe in mere icons), <i>function/action</i> symbols, which could help explain what a particular tool might do, such as &#8220;twist&#8221; or &#8220;strike&#8221; and might have made for a cool set of symbols (but seemed too basic a concept to actually be of any use to any adult not born on Mars—&#8221;a hammer is for hitting; fancy that!&#8221;), or <i>warning symbols</i>, which could help deter someone from doing stupid things with those tools—like strike themselves with a hammer (but had already been done to death, so to speak).<br />
<br />
After much debate, we decided that <i>materials</i> had the most potential for new exploration of symbols that could enjoy real utility, potentially touching a range of applications within the context of hardware, such as way-finding (&#8220;Where is the wood?&#8221;), contents listing (&#8220;Is this made with wood?&#8221;), and proper use of tools (&#8220;Can I use this on wood?&#8221;)&#8230; <span id="more-746"></span><br />
<br />
Once we had decided on our topic to develop, we halfheartedly debated the merits of different ways to present our preliminary investigation and the resultant &#8220;problem statement&#8221; to the class. We could have done a simple verbal presentation supported by material objects, poster boards, handouts and/or a slide show. In reality, though, having Devon in our group set the foregone expectation among us and the rest of the class that we would do some sort of film (Devon somehow found time to be a Film Studies major in addition to being a Visual Communication Design major, while most of us were killing ourselves just to hold down VCD). And so we made a film.<br />
<br />
The film begins with us visiting a hardware store and shopping around as a metaphor for our exploration of ideas. Each of the members discuss one of the original six directions briefly, culminating with materials. We then find examples of the materials for which we had decided to symbolize in the store and load them onto our cart. The film then moves on to vignettes of our photographic research of our chosen materials with as the supporting soundtrack intensifies. Finally, we review previous such symbol programs and speak to intentions of improvement thereof as we check out of the store, idea in hand (or, rather, on big cart thing).<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/10/dpj_materials_vid_storyboard.gif" alt="dpj_materials_vid_storyboard" title="dpj_materials_vid_storyboard" width="500" height="375" class="alignnone size-full wp-image-758" /><br />
</p>
<p class="small"><i>Materials</i> presentation video (stills); written, directed, acted and narrated by Devon DeLapp, Jesse Graupmann, Narith Hoc, Sarah LaMont, Shaun Tungseth and myself; DV / 2003</p>
<p>
Recently re-viewing this film was a bit painful. It&#8217;s amateurish, we&#8217;re all terrible on screen and it was embellished with plenty of juvenile flourishes (highlights include Eric Clapton&#8217;s &#8220;Cocaine&#8221; playing while showing our semiotic exploration of plaster—which is generally made from a white powder—and the film closing with the obligatory toilet flush out-take—from our discussion of ceramic materials). But it sharpened some great memories of having fun with a project, and reinforced in me the idea that irreverence can be a great vehicle to engage an audience, even if you&#8217;re trying to convey that a lot of work went into something, which it had. I don&#8217;t remember any other groups&#8217; presentations, though I&#8217;m sure they were all solidly delivered. I&#8217;m guessing people remember ours.<br />
<br />
As the credits rolled on our presentation, phase one faded to black and we were off on our own to start creating appropriate symbol sets. With photographic research and general knowledge to draw from, I began my symbol design process by making cursory lists of the semiotic relationships to each material, looking for overlaps between them that would give me a solid base from which to draft a set of ten equivalent marks.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/10/dpj_materials_semiotic_lists.gif" alt="dpj_materials_semiotic_lists" title="dpj_materials_semiotic_lists" width="500" height="570" class="alignnone size-full wp-image-826" /><br />
</p>
<p class="small"><i>Materials</i> semiotic relationships study / 2003</p>
<p>
These lists were in no way exhaustive, but they were effective in helping me figure out routes that had the most or least potential. Only a few of the materials were referenced by commonly known symbolism or metaphor. The greatest potential, therefore, seemed to lay in literal representation stemming from either attributes or examples of the respective materials.<br />
<br />
Then, at last&#8230; I began sketching to test different visual language. To begin, I worked with the three most vastly different materials (glass, metal and rubber) so I could try a range of execution while hopefully ensuring the approach would translate to the other seven. My initial exercises were highly literal representations of canonical objects that were tied visually by a strong common shape, though I soon abandoned this, as the symbols would have been too specific and not thus not necessarily be effective in representing the range of a particular material.<br />
<br />
From this, my next tactic involved slightly more abstract detail views of pattern. I tested different scale to determine optimal overall <i>color</i>, or visual density of the marks.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/10/dpj_materials_gmr_study_1.jpg" alt="dpj_materials_gmr_study_1" title="dpj_materials_gmr_study_1" width="500" height="498" class="alignnone size-full wp-image-761" /><br />
</p>
<p class="small"><i>Materials</i> symbol set study; pencil and marker on paper / 2003<br />
top row: glass<br />
middle row: metal<br />
bottom row: rubber
</p>
<p>
Though simple pattern looked as if it could be successfully carried over to the entire range of materials and make for a relatively effective symbol set, the depth of impact of these marks was relatively shallow. In search of a more sophisticated result, I drew more abstract marks based on interaction. In this system, the materials relate with a common element (a black square) in a unique way, based on the material’s characteristics. For example, the box shows through the glass, it is welded or riveted to the metal, and the rubber stretches over it.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/10/dpj_materials_gmr_study_2.jpg" alt="dpj_materials_gmr_study_2" title="dpj_materials_gmr_study_2" width="500" height="500" class="alignnone size-full wp-image-764" /><br />
</p>
<p class="small"><i>Materials</i> symbol set study; pencil and marker on paper / 2003<br />
top row: glass<br />
middle row: metal<br />
bottom row: rubber
</p>
<p>
Intellectually stimulating as it was, the idea of ten different materials interacting with one formal element in ten different and relevant ways was more or less doomed to failure. In an effort to create an interesting and sophisticated set that would also be truly usable, I realized a balance needed to be struck between literal and abstract. My first attempt at this approach combined solid shapes and lines. Initial experimentation with a three-by-three grid also began at this stage and, while the solid shapes were not working well with the linear elements, I felt like the solution was close at hand.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/10/dpj_materials_gmr_study_3.jpg" alt="dpj_materials_gmr_study_3" title="dpj_materials_gmr_study_3" width="500" height="500" class="alignnone size-full wp-image-766" /><br />
</p>
<p class="small"><i>Materials</i> symbol set study; pencil and marker on paper / 2003<br />
top row: glass<br />
middle row: metal<br />
bottom row: rubber
</p>
<p>
From this point, the challenge was in formulating an elegant and cohesive set that would perform at many levels of display. This process led to the foundation of the final solution: a set of square marks comprising geometric line drawing based on a three-by-three grid.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/10/dpj_materials_3x3_grid.gif" alt="dpj_materials_3x3_grid" title="dpj_materials_3x3_grid" width="500" height="500" class="alignnone size-full wp-image-768" /><br />
</p>
<p class="small"><i>Materials</i> symbol set study; structural grid / 2003
</p>
<p>
More for facility of quick rendering than any conceptual theme, I had been working within the confines of a square containing shape without much deviation from the very beginning of my process, so this was the last nail in the coffin of any other shape exploration. Looking back, the symbols do seem somewhat artless and rigid for the box, but I&#8217;m not ashamed or regretful. These marks are for the most basic inanimate objects in the context of hardware; it seems quite appropriate. The structural grid made them feel even more solidly built and made for a very legible system with nearly limitless potential for application and extension to additional materials.<br />
<br />
Once the formal method had been established, it was applied to other elements of the set. Care had to be taken to maintain the balance between the literal and abstract; utility and interest.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/10/dpj_materials_all_study_1.jpg" alt="dpj_materials_all_study_1" title="dpj_materials_all_study_1" width="500" height="500" class="alignnone size-full wp-image-770" /><br />
</p>
<p class="small"><i>Materials</i> symbol set study; pencil and marker on paper / 2003<br />
top row: stone<br />
middle row: cloth<br />
bottom row: soil
</p>
<p>
Some materials took to the system quite readily while others required many iterations and changes of focus. Plastic, for example, can be made into almost any form imaginable, so establishing one mark to represent it in its entirety required extensive exploration.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/10/dpj_materials_all_study_2.jpg" alt="dpj_materials_all_study_2" title="dpj_materials_all_study_2" width="500" height="500" class="alignnone size-full wp-image-775" /><br />
</p>
<p class="small"><i>Materials</i> symbol set study; pencil and marker on paper / 2003<br />
top row: wood<br />
middle row: plastic<br />
bottom row: drywall
</p>
<p>
One great thing about geometrically drawn symbols based on a grid is that they are extremely easy to render digitally. This allowed for even more extensive exploration and variation once the marks were translated to the computer.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/10/dpj_materials_digi_study_1.gif" alt="dpj_materials_digi_study_1" title="dpj_materials_digi_study_1" width="500" height="500" class="alignnone size-full wp-image-777" /><br />
</p>
<p class="small"><i>Materials</i> symbol set study; digital sketches / 2003<br />
top row: glass<br />
middle row: metal<br />
bottom row: rubber
</p>
<p>
Since different iterations could be generated quickly and accurately, creating and evaluating variations went quite smoothly for most of the set. The ceramic symbol serendipitously benefited from a perfect relationship with the grid and required only one take.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/10/dpj_materials_digi_study_2.gif" alt="dpj_materials_digi_study_2" title="dpj_materials_digi_study_2" width="500" height="664" class="alignnone size-full wp-image-779" /><br />
</p>
<p class="small"><i>Materials</i> symbol set study; digital sketches / 2003<br />
top row: drywall<br />
second row: wood<br />
third row: soil<br />
bottom row: ceramic
</p>
<p>
Unlike the ceramic mark, some of the materials required significant trial and error to perform at a similar level functionally and formally. Plastic called for many different sources of inspiration (and, I must say, I&#8217;m least pleased with its final mark), while other materials, such as cloth, necessitated numerous formal interpretations. However, a complete final set was well within view at this point.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/10/dpj_materials_digi_study_3.gif" alt="dpj_materials_digi_study_3" title="dpj_materials_digi_study_3" width="500" height="500" class="alignnone size-full wp-image-781" /></p>
<p class="small"><i>Materials</i> symbol set; color, positive and reverse flexibility / 2003<br />
top row: stone<br />
middle row: plastic<br />
bottom row: cloth
</p>
<p>
Soon enough, the complete set came together, and was put through its paces to see if the symbols could answer their duty. Could they reverse out?<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/10/dpj_materials_set_pos_rev_bw.gif" alt="dpj_materials_set_pos_rev_bw" title="dpj_materials_set_pos_rev_bw" width="500" height="666" class="alignnone size-full wp-image-785" /><br />
</p>
<p class="small"><i>Materials</i> symbol set; positive and reverse / 2003<br />
top row: ceramic | cloth | glass<br />
second row: drywall | metal | rubber<br />
third row: soil | wood | plastic<br />
bottom row: stone
</p>
<p>
Could they be color coded? And what about that linear execution; what if that were reversed?<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/10/dpj_materials_set_pos_rev_c.gif" alt="dpj_materials_set_pos_rev_c" title="dpj_materials_set_pos_rev_c" width="500" height="666" class="alignnone size-full wp-image-791" /><br />
</p>
<p class="small"><i>Materials</i> symbol set; color, positive and reverse flexibility / 2003<br />
top row: ceramic | cloth | glass<br />
second row: drywall | metal | rubber<br />
third row: soil | wood | plastic<br />
bottom row: stone
</p>
<p>
But the most important question for any design, especially in a hardware store, is: Does it work? The following is but a brief study of applications, but shows how they could be useful for proper use of hardware or tools.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/10/dpj_materials_app_woodscrews.jpg" alt="dpj_materials_app_woodscrews" title="dpj_materials_app_woodscrews" width="500" height="215" class="alignnone size-full wp-image-840" /><br />
</p>
<p class="small"><i>wood</i> symbol application; proper use of hardware / 2003</p>
<p>
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/10/dpj_materials_apps_pb_sp.jpg" alt="dpj_materials_apps_pb_sp" title="dpj_materials_apps_pb_sp" width="500" height="750" class="alignnone size-full wp-image-841" /><br />
</p>
<p class="small"><i>drywall</i>, <i>wood</i>, <i>metal</i> and <i>plastic</i> symbol application; proper use of tools / 2003</p>
<p>
As mentioned above, the standardization of material symbols could not only help people determine whether something should or should not be used on a particular material, it could also help people quickly identify whether a pipe was plastic or rubber, or where to find glass or wood, and so on. With smart implementation, the potential utility of the system is quite vast. Someone just has to build it.</p>
<p><img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="24px"/><br />
<br/></p>
]]></content:encoded>
			<wfw:commentRss>http://www.danielpjohnston.com/graphic-language/2009/10/24/wanna-make-something-of-it/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Prosophobia</title>
		<link>http://www.danielpjohnston.com/graphic-language/2009/09/29/prosophobia/</link>
		<comments>http://www.danielpjohnston.com/graphic-language/2009/09/29/prosophobia/#comments</comments>
		<pubDate>Wed, 30 Sep 2009 02:48:54 +0000</pubDate>
		<dc:creator>Daniel P. Johnston</dc:creator>
				<category><![CDATA[Content / Architecture]]></category>
		<category><![CDATA[Copy / Writing]]></category>
		<category><![CDATA[Identity / Systems]]></category>
		<category><![CDATA[Industrial / Product]]></category>
		<category><![CDATA[Interactive / Web]]></category>
		<category><![CDATA[Naming / Words]]></category>
		<category><![CDATA[Print / Editorial]]></category>
		<category><![CDATA[Signage / Display]]></category>

		<guid isPermaLink="false">http://www.danielpjohnston.com/graphic-language/?p=672</guid>
		<description><![CDATA[Prosophobia promotional poster; 24 x 36in. / 2002 The most celebrated role of the designer has always been that of creator of positive change through innovation, but battling the public’s inclination to treasure the old and suspect the new has historically been tough going. The current of ominous world events (especially at the time of [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/09/dpj_prosophobia_poster_front.gif" alt="dpj_prosophobia_poster_front" title="dpj_prosophobia_poster_front" width="500" height="750" class="alignnone size-full wp-image-679" /><br />
</p>
<p class="small"><i>Prosophobia</i> promotional poster; 24 x 36in. / 2002</p>
<p></p>
<p class="large">
The most celebrated role of the designer has always been that of creator of positive change through innovation, but battling the public’s inclination to treasure the old and suspect the new has historically been tough going. The current of ominous world events (especially at the time of this project&#8217;s conception, painfully close to 9/11) only serves to shore up such public reservation. For many people, the comfort of the familiar is too valuable to risk on new ideas. This promotes a homogeneous, retro-centric design market in which the new is often merely another iteration of the old.
</p>
<p>
<i>Prosophobia</i> (&#8220;fear of progress&#8221;) was a concept for an international design conference that would explore why many of these constructs exist and how we as designers can continue to champion progress in this environment. Featured presentations were to be given by historians, behaviorists and economists, as well as a diverse range of design leaders  successfully implementing progressive work, despite this prosophobic culture.<br />
<br />
Being a design event (and a design school project, no less), a promotional / informational poster was a critical application, and set the visual theme for the balance of the comprehensive identification and communication suite. After several dramatic, antagonistic early concepts, including a God-like hand pushing down the sunrise, a Volkswagen &#8220;New Beetle&#8221; reversing into the viewer and even a revolver loaded with antiquities and ready to fire, an approach more considerate of both sides of the matter prevailed. The front presents the issue in a re-contextualized image reminiscent of the silent film era, showing a figure literally hanging onto the past for dear life, while the flip-side speaks to the present (signified by digital visual language) offering information on the voices on offer in the conference, and an invitation to participate in the future&#8230;<span id="more-672"></span><br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/09/dpj_prosophobia_poster_back.gif" alt="dpj_prosophobia_poster_back" title="dpj_prosophobia_poster_back" width="500" height="750" class="alignnone size-full wp-image-702" /><br />
</p>
<p class="small"><i>Prosophobia</i> promotional poster (back); 24 x 36in. / 2002</p>
<p>
When discussing professional issues of the times, designers love trading between roles of preacher and choir, probably more than any other group of people in the world. Such is the nature of a profession that practitioners find unequivocally noble but cannot hope to defend quantitatively, and thus can only be explained to those who &#8220;get it,&#8221; thus, ensuring that those who don&#8217;t get it never will. While there is no denying that <i>Prosophobia</i> would primarily be an event by and for designers, the issue at hand is societal, so a widespread awareness campaign was designed to stimulate dialogue in the greater human community about the conference, its premise and what it means to them.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/09/dpj_prosophobia_sub_ad.gif" alt="dpj_prosophobia_sub_ad" title="dpj_prosophobia_sub_ad" width="500" height="500" class="alignnone size-full wp-image-688" /><br />
</p>
<p class="small"><i>Prosophobia</i> subway poster; 22 x 22in. / 2002</p>
<p>
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/09/dpj_prosophobia_print_ad.gif" alt="dpj_prosophobia_print_ad" title="dpj_prosophobia_print_ad" width="500" height="500" class="alignnone size-full wp-image-689" /><br />
</p>
<p class="small"><i>Prosophobia</i> magazine sidebar ad; 3.25 x 9.5in. / 2002</p>
<p>
Of course, the best way to reach someone is to talk to them directly, which this contact card was designed to help facilitate.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/09/dpj_prosophobia_contact.gif" alt="dpj_prosophobia_contact" title="dpj_prosophobia_contact" width="500" height="427" class="alignnone size-full wp-image-687" /><br />
</p>
<p class="small"><i>Prosophobia</i> contact card (front and back); 2 x 3.5in. (each) / 2002</p>
<p>
In order to reach specific audiences, it&#8217;s crucial to influence the influencers in prominent media of such respects. That&#8217;s where the letterhead and media release come in, as vehicles for formal correspondence and PR. With proper information and prodding, people would have been compelled to bring their influence and the rest of their bodies to the actual event, which is made simple with a sharp registration form.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/09/dpj_prosophobia_correspondence.gif" alt="dpj_prosophobia_correspondence" title="dpj_prosophobia_correspondence" width="500" height="650" class="alignnone size-full wp-image-685" /><br />
</p>
<p class="small"><i>Prosophobia</i> letterhead, media release and registration form; 8.5 x 11in., 8.5 x 14in. and 8.5 x 11in., respectively / 2002</p>
<p>
Envelopes make such correspondence much easier to mail.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/09/dpj_prosophobia_envelopes.gif" alt="dpj_prosophobia_envelopes" title="dpj_prosophobia_envelopes" width="500" height="750" class="alignnone size-full wp-image-686" /><br />
</p>
<p class="small"><i>Prosophobia</i> No.10 commercial envelope (back / flap and front) and No.10 catalog envelope (back / flap and front with die-cut, crack-and-peel address label) / 2002</p>
<p>
Once the audiences&#8217; attention has been captured for a minute, they are directed to a promotional / informational web site, where the minute quickly disappears (and then so does more and more time). This flash of loss animates into the the primary content, where visitors could gain knowledge of the event, such as speaker bios, accommodations, and features, as well as register for the conference.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/09/dpj_prosophobia_site.gif" alt="dpj_prosophobia_site" title="dpj_prosophobia_site" width="500" height="409" class="alignnone size-full wp-image-715" /><br />
</p>
<p class="small"><i>Prosophobia</i> web site; 1024 x 768px.+; interactive Flash interface (shown here in an animated storyboard) / 2002</p>
<p>
As a symbolic celebration of Modernity&#8217;s rare but powerful triumphs, the conference was to be held in conjunction with the grand re-opening of the <i>MoMA</i> in New York after Yoshio Taniguchi&#8217;s architectural expansion / remodel in 2005. (Taniguchi was also to give the keynote address.) Seen here is a detail of way-finding signage in-situ.<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/09/dpj_prosophobia_signage.gif" alt="dpj_prosophobia_signage" title="dpj_prosophobia_signage" width="500" height="500" class="alignnone size-full wp-image-693" /><br />
</p>
<p class="small"><i>Prosophobia</i> directional signage; vinyl on Plexiglas; 10 x 10 x .25in. (each) / 2002</p>
<p>
Once at the conference, attendees would be provided a number of things to help them kick the <i>Prosophobia</i>: A time table of all of the events they could plug into&#8230;<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/09/dpj_prosophobia_schedule.gif" alt="dpj_prosophobia_schedule" title="dpj_prosophobia_schedule" width="500" height="678" class="alignnone size-full wp-image-694" /><br />
</p>
<p class="small"><i>Prosophobia</i> program schedule tri-fold brochure (outside spread / inside spread); 3 x 6in. (finished), 9 x 6in. (flat) / 2002</p>
<p>
A DVD documenting the feature presentations, breakout sessions and round-table discussions&#8230;<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/09/dpj_prosophobia_dvd.gif" alt="dpj_prosophobia_dvd" title="dpj_prosophobia_dvd" width="500" height="500" class="alignnone size-full wp-image-695" /><br />
</p>
<p class="small"><i>Prosophobia</i> documentary DVD; standard dimensions / 2002</p>
<p>
And, of course, a commemorative watch, so attendees could always have the public interest at hand (it runs backwards).<br />
<br />
<img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/09/dpj_prosophobia_watch.gif" alt="dpj_prosophobia_watch" title="dpj_prosophobia_watch" width="500" height="539" class="alignnone size-full wp-image-696" /><br />
</p>
<p class="small"><i>Prosophobia</i> commemorative wrist watch; reverse movement / 2002</p>
<p>
Don&#8217;t be late!</p>
<p><img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="24px"/><br />
<br/></p>
]]></content:encoded>
			<wfw:commentRss>http://www.danielpjohnston.com/graphic-language/2009/09/29/prosophobia/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fat and Invisible at the Same Time</title>
		<link>http://www.danielpjohnston.com/graphic-language/2008/06/08/fat-and-invisible-at-the-same-time/</link>
		<comments>http://www.danielpjohnston.com/graphic-language/2008/06/08/fat-and-invisible-at-the-same-time/#comments</comments>
		<pubDate>Sun, 08 Jun 2008 20:12:26 +0000</pubDate>
		<dc:creator>Daniel P. Johnston</dc:creator>
				<category><![CDATA[Identity / Systems]]></category>
		<category><![CDATA[Print / Editorial]]></category>
		<category><![CDATA[Signage / Display]]></category>
		<category><![CDATA[Uniforms / Apparel]]></category>

		<guid isPermaLink="false">http://www.danielpjohnston.com/2008/06/08/fat-and-invisible-at-the-same-time/</guid>
		<description><![CDATA[FatPort logo / 2001, 2008 Though the Internet has been around, in one form or another, for many decades, it had little public awareness until about twenty years ago. By the mid 1990s, the World Wide Web had been plotted by a smattering of amateur &#8220;home pages,&#8221; which generally consisted of some &#8220;lite&#8221; personal information [...]]]></description>
			<content:encoded><![CDATA[<p><img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/09/dpj_fatport_logo_revised.gif' alt='FatPort logo (revised)' /><br />
</p>
<p class="small"><i>FatPort</i> logo / 2001, 2008</p>
<p></p>
<p class="large">
Though the Internet has been around, in one form or another, for many decades, it had little public awareness until about twenty years ago. By the mid 1990s, the World Wide Web had been plotted by a smattering of amateur &#8220;home pages,&#8221; which generally consisted of some &#8220;lite&#8221; personal information about the site&#8217;s owner (or &#8220;webmaster&#8221;) and their hobbies (one of those invariably being &#8220;the Internet&#8221;). By the late 1990s, these folksy homes were being overwhelmed by the sprawl of &#8220;dot-coms&#8221; from corporate startups and stalwarts flocking to the new marketplace, and Internet tools like email were beginning to make their way into everyday practice. But, until the early 2000s, the only place in the whole wide world that one would likely experience these sites and services was from the office, or through their droolingly slow modem at home, which made anything but the most formal or mundane tasks a bit difficult for most folks.
</p>
<p>
Soon enough, though, many public establishments started offering wireless Internet service, enabling the populace to get out into the world and peruse the Web at office-like speeds from their own laptops at places that they already liked going, like coffee shops or bookstores. This service is often referred to casually as &#8220;Wi-Fi,&#8221; which is a contraction of &#8216;Wireless&#8217;&#8230; um&#8230;&#8217;Fidelity&#8217;??, a name created by those wacky kids over at <a href="http://www.interbrand.com" target="_blank">Interbrand</a> for <a href="http://www.wi-fi.org" target="_blank">an actual alliance</a> supporting the &#8220;IEEE 802.11b Direct Sequence&#8221; specifications (I&#8217;m not making this stuff up).<br />
<br />
Whatever the protocol may be named (or numbered, or whatever), one of the first Wi-Fi service providers primarily for consumer usage in public establishments was FatPort, a Vancouver, B.C. startup established by a few programmers, including my good friend <a href="http://www.ingy.net" target="_blank">Ingy</a>, who hired me to help develop the venture&#8217;s visual identity (but left a relatively short time thereafter).<br />
<br />
Before I was brought in, the name of this service had been established by the founders. A &#8220;fat port&#8221; is sort of programmer-slang for a good, wide-open connection. Ingy actually had the idea for a &#8216;fat&#8217; radio tower mark, which I thought was good, so I basically just did it. I then set the type in &#8220;fat&#8221; and &#8220;open&#8221; weights to reinforce the idea in a distinctive word-mark. The strong, simple palette of red, white and black hints at the Canadian roots of the program and is highly versatile for any number of applications&#8230;<span id="more-184"></span><br />
<br />
This is one of only a few projects that I feel compelled to show a revision of, as I can&#8217;t figure out why I did what I did initially. Above, I show how the logo would look if the radio tower mark (unchanged from my initial design) was paired with type set in the quintessential Modern, geometric, sans-serif <i>Futura</i>, which echoes the weight and geometric nature of the radio tower quite nicely, if I do say so, myself. However, the original logo was set with modified weights of <i>Hoefler Text</i>, which is a perfectly fine serif face (particularly suited to lengths of copy, as the name suggests), but has very little correlation with the mark, and whose &#8220;fat&#8221; modification here borders on the comical. This didn&#8217;t come totally out of the blue, as the founders were not of the MBA set; they were an enterprising mix of fringe programmers (they called their mass consumer-facing business <i>FatPort</i>, after all). Their quirky quality is reflected in this setting, but the lockup is somewhat disjointed for the cause.<br />
<br />
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/09/dpj_fatport_logo.gif' alt='dpj_fatport_logo.jpg' /><br />
</p>
<p class="small">This is the original FatPort logo. The type on its own is actually pretty strong, overall, and works well with identity extensions like the &#8216;Network&#8217; logo below. It&#8217;s just that it clashes with and overwhelms the tower mark, which is the hero of the lockup. / 2001</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/06/dpj_fatport_network_logo.jpg' alt='dpj_fatport_network_logo.jpg' /><br />
</p>
<p class="small">FatPort Network lockup (reversed out of black). Here is an example of the flexible modularity of color usage between black, red and white.</p>
<p>
Nevertheless, the logo, even with the original type, was a powerful signal to the strength of the offering and the resolve of the entrepreneurs&#8217; belief in its market potential. It was also instantly meaningful and unique. (This came well before T-Mobile&#8217;s comparably weak wordmark for it&#8217;s <a href="http://hotspot.t-mobile.com/: target="_blank">&#8220;HotSpot&#8221;</a> service and countless other emanating wave marks for other such services since).<br />
<br />
Applications of the identity in signage, equipment badges and representative identification provided a clear beacon for business and retail consumers alike:<br />
<br />
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/06/dpj_fatport_signage_b.jpg' alt='dpj_fatport_signage_b.jpg' /><br />
</p>
<p class="small">clockwise from top-left: FatPort <i>inside</i> clear window decal for service providers like coffee shops, bookstores, libraries, etc., 6in. x 8in.; small FatPort equipment label, 2in. x .5in.; alternate FatPort <i>inside</i> window decal, 4in. x 5.5in.; Fatport <i>inside</i> representative button, 2in.ø</p>
<p>
And, it also happened to look tough as crap on a T-shirt:<br />
<br />
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/06/dpj_fatport_tshirt.jpg' alt='dpj_fatport_tshirt.jpg' /><br />
</p>
<p class="small">FatPort T-Shirt; [cropped] front and full back</p>
<p>
And it worked! The business was a huge success from the very start and has grown dramatically since, now serving as the leading wireless Internet service provider in Canada and spreading. I hear the sunset calling (or is it emailing?)&#8230;<br />
<br />
But, alas, as any bookworm knows (remember books?), happy endings are for kids, and we&#8217;re all adults here. FatPort <a href="http://fatport.com/" target="_blank">changed their logo</a> a few years ago—and not just the typography; we&#8217;re talking full-on throw-out-the-baby redesign. I must say, I admire them for wanting to be different from the growing ranks of look-a-like logos for Wi-Fi service, but the new logo just doesn&#8217;t make sense: Why are they working so hard to keep the doors closed on the fat port? And if the original typography was not perfect, at least it had character (so to speak), as opposed to their anemic usage of Helvetica. On top of all that, the new mark looks like it belongs in a kid&#8217;s book, which just doesn&#8217;t go with the plot of this story.</p>
<p><img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="24px"/><br />
<br/></p>
]]></content:encoded>
			<wfw:commentRss>http://www.danielpjohnston.com/graphic-language/2008/06/08/fat-and-invisible-at-the-same-time/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>The Perfect Job</title>
		<link>http://www.danielpjohnston.com/graphic-language/2007/12/18/the-perfect-job/</link>
		<comments>http://www.danielpjohnston.com/graphic-language/2007/12/18/the-perfect-job/#comments</comments>
		<pubDate>Wed, 19 Dec 2007 03:21:38 +0000</pubDate>
		<dc:creator>Daniel P. Johnston</dc:creator>
				<category><![CDATA[Identity / Systems]]></category>
		<category><![CDATA[Interactive / Web]]></category>
		<category><![CDATA[Signage / Display]]></category>
		<category><![CDATA[Type / Fonts]]></category>

		<guid isPermaLink="false">http://www.danielpjohnston.com/2007/12/18/the-perfect-job/</guid>
		<description><![CDATA[Sometime between the day I decided that I needed to get a real design job and the day that that happened, I realized that I should probably build some kind of portfolio. I picked up just about any project I could get my hands on and basically hoped for the best, since my relative inexperience [...]]]></description>
			<content:encoded><![CDATA[<p class="large">
Sometime between the day I decided that I needed to get a real design job and the day that that happened, I realized that I should probably build some kind of portfolio. I picked up just about any project I could get my hands on and basically hoped for the best, since my relative inexperience denied any assurance of success (or financial compensation)&#8230;<span id="more-76"></span>
</p>
<p>
My good friend <a href="http://www.ingy.net/" target="_blank">Ingy</a> was a great resource for me because he was always coming up with ideas for all kinds of new groups or products or businesses that needed some sort of design work. In the coffee-and-internet-crazed Seattle of the late &#8217;90s, eBarista (.com), a coffee delivery service based on web-ordering sure seemed like a winner. This is the mark I created for the identity:<br />
<br />
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/09/dpj_ebarista_monogram_mark.gif' alt='eBarista “eB” monogram mark' /><br />
</p>
<p class="small">eBarista monogram mark / 1999</p>
<p>
I really wanted to tweak this thing before posting it, as it has some serious formal issues that wouldn&#8217;t be hard to fix, but I resisted. This is the mark as I drew it originally: an &#8220;eB&#8221; monogram abstracted into a two-finger-handled paper coffee cup with a froth swirl and a bit of steam. I also set an accompanying logotype and even a cute animated version where the steam rose, dissolved, and started over again ad infinitum, but I can&#8217;t find them.<br />
<br />
Unfortunately, eBarista never actually made it out of the starting gate. It may have had something to do with the fact that, if it had run, there&#8217;s no way that the supplier (a guy who sold Americanos out of the van he lived in) could have kept up with demand. Or maybe it was something else; I couldn&#8217;t say for sure.<br />
<br />
Another identity I worked on for Ingy was for one of his self-initiated computer programming projects, InLine, which (as I understand it) allows programmers to write modules of Perl, a relatively simple but limited programming language <i>inline</i> with other languages, like C++ that are more cumbersome to deal with but better for more complex operations, resulting in a best-of-both-worlds comprehensive program that can be both powerful and efficient.<br />
<br />
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/09/dpj_inline_logo.gif' alt='InLine Logo' /><br />
</p>
<p class="small">InLine logo / 1999</p>
<p>
I believe the InLine project has actually been pretty successful (in fact, I think Ingy has spoken about it all over the world and its international following of hardcore programmers continues to grow). Moreover, I like the logo. I had it in my portfolio for a while and it was always met with positive remarks. Ironically, I&#8217;m not sure the logo has ever actually been used to identify the program.<br />
<br />
Like most of the projects I&#8217;ve done for/with Ingy (there have been many over the years), I took payment for the eBarista and InLine identity work in the form of rides to bike races, a good barbecue dinner out on his patio, some <a href="http://en.wikipedia.org/wiki/New_Wave_music" target="_blank">New Wave</a> cassette tapes, or whatever else I might have needed at the time.<br />
<br />
I went to a cool little salon pretty regularly at this time, and I had developed some rapport with my hair stylist (the owner&#8217;s daughter). At a certain point, she asked me what I did, and I told her that I was a graphic designer. She then inquired (quite seriously): &#8220;Are you any good?&#8221; This is a surprisingly common reaction, so I had a pretty standard retort on hand: &#8220;Depends on who you ask.&#8221; I don&#8217;t think she ever actually asked anyone else, but she had me do their visual identity and business cards anyway – in exchange for a couple  free haircuts:<br />
<br />
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/09/dpj_raleighs_logo.gif' alt='Raleigh’s Salon logo' /><br />
</p>
<p class="small">Raleigh&#8217;s Salon logo / 1999</p>
<p>
I drew the custom Raleigh&#8217;s logotype in reference to high-style Art Deco letterforms, with the lowercase &#8220;g&#8221; doubling as an abstracted pair of scissors.<br />
<br />
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/12/dpj_raleighs_bcard.jpg' alt='Raleigh’s Salon business card (front | back)' /><br />
</p>
<p class="small">Raleigh&#8217;s Salon business card (front | back); 2 x 3.5 in. (each) / 1999</p>
<p>
In applications, the g-scissors extend to clip a supergraphic R-waved hair. My hairdresser was insistent on the promo message on the back of the business card.<br />
<br />
As I noted in <a href="http://www.danielpjohnston.com/graphic-language/2007/11/23/just-what-im-going-through-they-cant-understand/" target="_blank">an earlier post</a>, I had also begun developing an identity for a prominent new bike company, but it was never used after the client (not the person for whom the company is named) decided to go with something his girlfriend came up with while I was out of town. I believe this was a huge missed opportunity for both myself and the new company. I won&#8217;t say what company this was, which means that I can&#8217;t show you the full logo or explain any of the strategy behind any of the work, but I will show you this:<br />
<br />
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/09/dpj_ah_monogram_mark.gif' alt='?? monogram mark' /><br />
</p>
<p class="small">?? monogram mark / headtube badge / 1999</p>
<p>
Can you guess who this could be for? I spent about a month working and meeting with the client about this project before having it pulled out from under me (there&#8217;s a lot more work that I&#8217;m not showing). Needless to say, I never got paid anything for any of it.<br />
<br />
One of my best patrons in my freewheeling freelance days was Larry Naylor, the proprietor of Perfect Wheels, a local bike shop he had started in place of another shop that had called it quits. Shortly after establishing his shop, I somehow persuaded him to let me design, code, maintain, troubleshoot IT problems, and do whatever else might have needed to be done with the shop&#8217;s web site. Considering that I was relatively uneducated (or just totally winging it) in every one of these disciplines, the site worked pretty well for quite a while.<br />
<br />
<img src='http://www.danielpjohnston.com/wp-content/uploads/2007/12/dpj_perfect_site_a.jpg' alt='Perfect Wheels web site (home)' /><br />
</p>
<p class="small">PerfectWheels.net home page / 1999</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/12/dpj_perfect_site_b.jpg' alt='Perfect Wheels web site / home (rollover)' /><br />
</p>
<p class="small">PerfectWheels.net home page (rollover state of &#8220;New Bikes&#8221;) / 1999</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/12/dpj_perfect_site_c.jpg' alt='Perfect Wheels Web Site / Wheels' /><br />
</p>
<p class="small">PerfectWheels.net interior page: Wheels / 1999</p>
<p>
The primary hook of the site was a background of a spoked bicycle wheel whose hub also served as a framing device for icons I created to illustrate the various topics/pages covered within the site. I also shot much of the photography and wrote a lot of the content. While I think this site was unique and useful as it was, it did end up looking dated after some time (as most web sites from the late &#8217;90s did), so actually don&#8217;t mind that he has since <a href="http://www.perfectwheels.net" target="_blank">updated</a> it (even if the new version isn&#8217;t exactly how I would have designed it). I&#8217;m also glad that he has replaced his very 90&#8242;s Saturn-like logo (I designed neither the old nor the new logo).<br />
<br />
I ended up being the sort-of de-facto design consultant for the shop for a couple years after the initial web site project. Over the course of our collaboration, Larry and I discussed and worked on a number of other projects, both large and small, as he continued to refine the <i>Perfect</i> experience.<br />
<br />
For a while, Larry was selling his own version of high-end, pre-built road wheels, similar to those popularized by <a href="http://www.mavic.fr/" target="_blank">Mavic</a> and other major players in the wheels game (except that all of Larry&#8217;s wheels were guaranteed to be be built by hand – by Larry, himself). He came up with two (well-named) models: the Grüner, a lightweight set for fast recreational use or possibly racing, and the Grizzly, a beefier set for pounding out the everyday miles. I designed the logos for both, as well as hub and rim decals and in-shop displays.<br />
<br />
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/09/dpj_gruner_logo.gif' alt='Grüner logo / hub decal' /></p>
<p class="small">Grüner wheel logo (hub decal); 3 x 1.5 in. / 2001</p>
<p>
Grüner was the name of one of Larry&#8217;s friends, a slim, cute hipster girl of some sort (from what I remember from brief accounts and a picture; I never actually met her). The lightweight type and tweak of the &#8220;u&#8221; with the umlaut was a nod to this chic, cheeky sensibility. By the way, I have used a set of these wheels for five or six straight years of hard winter riding – that&#8217;s when the long, cold, wet, rocky miles come in – and they&#8217;re still just about as good as they were new; I can&#8217;t imagine what one could do with the Grizzlys:<br />
<br />
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/09/dpj_grizzly_logo.gif' alt='Grizzly wheel logo / hub decal' /><br />
</p>
<p class="small">Grizzly wheel logo (hub decal); 3 x 1.25in. / 2001</p>
<p>
Grizzly was the name of Larry&#8217;s (rather aggressive) black cat. The extra-bold weight and cropping reference these characteristics. The two wheel identities, while expressing different qualities, were meant to be of a family. In addition to being based on the same font (different weights of Futura), both logos played off the theme of faces (since they were named after representative beings). The Grizzly logo, then, is dotted by the cat&#8217;s eyes.<br />
<br />
I also designed decals for the rims of each wheel:<br />
<br />
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2008/09/dpj_perfect_rim_labels.gif' alt='Perfect Wheels Grizzly and Grüner rim decals' /><br />
</p>
<p class="small">Here is how the rim decals looked applied (side view of Grizzly and Grüner rims) / 2001</p>
<p>
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif'  width="12px" height="6px"/><br />
<br />
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/12/dpj_grizzly_wheel.jpg' alt='Grizzly wheel' /><br />
</p>
<p class="small">Here is a shot of a Grizzly wheel on display at Perfect Wheels (photo by Larry Naylor) / 2001</p>
<p>
I also made some wall display signs that looked something like this (the signs were made and displayed in the shop, but I never got a real picture, so this mock-up will have to suffice):<br />
<br />
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/12/dpj_perfect_wheels_signage_b.jpg' alt='Perfect Wheels Grüner and Grizzly in-store signage' /><br />
</p>
<p class="small">Grüner and Grizzly in-store signage; digital output on foam-core; 8 x 8 x .25 in. (each) / 2001</p>
<p>
Larry and I worked on a few other projects together as the years added up, including various photo shoots, bike repair and upgrade case studies, a shop brochure (conceived but never quite born), a couple newspaper ads, some other little stickers and things, and innumerable philosophical discussions on topics that only involved the shop about half of the time. The best part of the whole process was that Larry was ever-committed to making Perfect Wheels the best shop he could imagine, and, indeed, the <i>Perfect</i> bike shop experience gets better and better every time I go back. I haven&#8217;t worked with Larry for a number of years now, but I feel proud to have been involved as that process began.<br />
<br />
Like most of the projects I have discussed in this post, the Perfect Wheels &#8220;account&#8221; allowed me to collaborate directly with the visionary of his own business. Of course, working with the top gun doesn&#8217;t necessarily guarantee success in any project, just as working with less than the boss does not ensure failure. But passion is contagious, and with no committees, no project managers, no &#8220;brand ambassadors,&#8221; or any other layers of filtration between ideas and realization, the most powerful work often has the greatest potential to fly. And for two determined individuals anxious to get their new careers off the ground, what could be more perfect than that?<br />
<br />
<img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif'  width="12px" height="24px"/>
<p class="large">
]]></content:encoded>
			<wfw:commentRss>http://www.danielpjohnston.com/graphic-language/2007/12/18/the-perfect-job/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Go, Fight, Swim</title>
		<link>http://www.danielpjohnston.com/graphic-language/2007/10/10/go-fight-swim/</link>
		<comments>http://www.danielpjohnston.com/graphic-language/2007/10/10/go-fight-swim/#comments</comments>
		<pubDate>Wed, 10 Oct 2007 19:13:54 +0000</pubDate>
		<dc:creator>Daniel P. Johnston</dc:creator>
				<category><![CDATA[Identity / Systems]]></category>
		<category><![CDATA[Signage / Display]]></category>

		<guid isPermaLink="false">http://www.danielpjohnston.com/?p=401</guid>
		<description><![CDATA[Nathan Hale (NH) High School Swim Team logo; spray paint stenciled on paper / 1994 When I got to high school, it wasn&#8217;t a very good scene: I was short, fat, slow, uncoordinated and keenly aware of all of these things. I was also overwhelmed by boredom with my classes and mates and hid myself [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2009/02/dpj_nh_logo_stencil.jpg" alt="Nathan Hale High School Swim Team logo (stencil) by Daniel P. Johnston" title="dpj_nh_logo_stencil" width="500" height="250" class="alignnone size-full wp-image-400" /><br />
</p>
<p class="small">Nathan Hale (NH) High School Swim Team logo; spray paint stenciled on paper / 1994</p>
<p></p>
<p class="large">
When I got to high school, it wasn&#8217;t a very good scene: I was short, fat, slow, uncoordinated and keenly aware of all of these things. I was also overwhelmed by boredom with my classes and mates and hid myself as well as possible so as not to be dragged into the morass of class discussion. So, how does a chunky, nonathletic, awkward guy with an invisible personality play his cards in high school? That&#8217;s right, he straps on a <i>Speedo</i> and joins the swim team. I still remember those first steps out of the locker room onto the pool deck as some of the more terrifying of my life.
</p>
<p>
Somehow, though, over the next few years, I would get in deep with the team. Aside from the year my leg was broken, I swam in every single practice and every meet. I got into incredibly good physical condition (I grew about eight inches from freshman to senior year, but my body weight remained almost the exactly same throughout). I was even voted captain two years in a row, which probably said more about my personality than my swimming prowess, which was okay, but no match for the purebreds.<br />
<br />
All this engendered in me a strange new feeling: school pride. Nathan Hale  was home to the <i>Raiders</i> and, somewhere along the way, I actually considered myself as such. But if I was a <i>Raider</i>, I wasn&#8217;t one of those red-white-and-blue caricatures in skinny pants, piano coats and a funny hats, reduced to hokey cartoons in the halls. That scene was so far removed from the times that a teenager could barely imagine how or why it happened, not to mention understand what it meant. In a way, it seemed that it must have just been a tale meant to fulfill the requisite mascot needs of high schools around the country 200-some years later&#8230;<span id="more-401"></span><br />
<br />
To me, the L.A. (now Oakland) Raiders <a href="http://www.sportslogos.net/logo.php?id=2337" target="_blank">had the right idea</a>. They embodied the spirit of the Raiders without hearkening. Similarly, the identity I designed for our team showed a stone-cold killer in battle gear (an NH cap). More menacingly than even L.A. could do, our Raider stared you down through anonymous goggles. The black and white stencil allowed for DIY tagging in any territory.<br />
<br />
If I was a Raider, I fought for a revolution, alright, but my cause was only in proving toughness. My guns were attached to my shoulders and my battlefield was the pool, and the blood, sweat and tears were all chlorinated.</p>
<p><img src='http://www.danielpjohnston.com/graphic-language/wp-content/uploads/2007/11/white.gif' width="12px" height="24px"/><br />
<br/></p>
]]></content:encoded>
			<wfw:commentRss>http://www.danielpjohnston.com/graphic-language/2007/10/10/go-fight-swim/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

