{"id":76,"date":"2007-12-18T23:21:38","date_gmt":"2007-12-19T03:21:38","guid":{"rendered":"http:\/\/www.danielpjohnston.com\/2007\/12\/18\/the-perfect-job\/"},"modified":"2009-11-06T23:01:15","modified_gmt":"2009-11-07T04:01:15","slug":"the-perfect-job","status":"publish","type":"post","link":"http:\/\/www.danielpjohnston.com\/graphic-language\/2007\/12\/18\/the-perfect-job\/","title":{"rendered":"The Perfect Job"},"content":{"rendered":"<p class=\"large\">\nSometime 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;<!--more-->\n<\/p>\n<p>\nMy 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 \/>\n<br \/>\n<img src='http:\/\/www.danielpjohnston.com\/graphic-language\/wp-content\/uploads\/2008\/09\/dpj_ebarista_monogram_mark.gif' alt='eBarista \u00e2\u20ac\u0153eB\u00e2\u20ac\u009d monogram mark' \/><br \/>\n<\/p>\n<p class=\"small\">eBarista monogram mark \/ 1999<\/p>\n<p>\nI 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 \/>\n<br \/>\nUnfortunately, 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 \/>\n<br \/>\nAnother 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 \/>\n<br \/>\n<img src='http:\/\/www.danielpjohnston.com\/graphic-language\/wp-content\/uploads\/2008\/09\/dpj_inline_logo.gif' alt='InLine Logo' \/><br \/>\n<\/p>\n<p class=\"small\">InLine logo \/ 1999<\/p>\n<p>\nI 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 \/>\n<br \/>\nLike 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 \/>\n<br \/>\nI 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 \u00e2\u20ac\u201c in exchange for a couple  free haircuts:<br \/>\n<br \/>\n<img src='http:\/\/www.danielpjohnston.com\/graphic-language\/wp-content\/uploads\/2008\/09\/dpj_raleighs_logo.gif' alt='Raleigh\u00e2\u20ac\u2122s Salon logo' \/><br \/>\n<\/p>\n<p class=\"small\">Raleigh&#8217;s Salon logo \/ 1999<\/p>\n<p>\nI 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 \/>\n<br \/>\n<img src='http:\/\/www.danielpjohnston.com\/graphic-language\/wp-content\/uploads\/2007\/12\/dpj_raleighs_bcard.jpg' alt='Raleigh\u00e2\u20ac\u2122s Salon business card (front | back)' \/><br \/>\n<\/p>\n<p class=\"small\">Raleigh&#8217;s Salon business card (front | back); 2 x 3.5 in. (each) \/ 1999<\/p>\n<p>\nIn 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 \/>\n<br \/>\nAs 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 \/>\n<br \/>\n<img src='http:\/\/www.danielpjohnston.com\/graphic-language\/wp-content\/uploads\/2008\/09\/dpj_ah_monogram_mark.gif' alt='?? monogram mark' \/><br \/>\n<\/p>\n<p class=\"small\">?? monogram mark \/ headtube badge \/ 1999<\/p>\n<p>\nCan 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 \/>\n<br \/>\nOne 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 \/>\n<br \/>\n<img src='http:\/\/www.danielpjohnston.com\/wp-content\/uploads\/2007\/12\/dpj_perfect_site_a.jpg' alt='Perfect Wheels web site (home)' \/><br \/>\n<\/p>\n<p class=\"small\">PerfectWheels.net home page \/ 1999<\/p>\n<p>\n<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 \/>\n<\/p>\n<p class=\"small\">PerfectWheels.net home page (rollover state of &#8220;New Bikes&#8221;) \/ 1999<\/p>\n<p>\n<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 \/>\n<\/p>\n<p class=\"small\">PerfectWheels.net interior page: Wheels \/ 1999<\/p>\n<p>\nThe 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&#8217;s Saturn-like logo (I designed neither the old nor the new logo).<br \/>\n<br \/>\nI 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 \/>\n<br \/>\nFor 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 \u00e2\u20ac\u201c by Larry, himself). He came up with two (well-named) models: the Gr\u00c3\u00bcner, 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 \/>\n<br \/>\n<img src='http:\/\/www.danielpjohnston.com\/graphic-language\/wp-content\/uploads\/2008\/09\/dpj_gruner_logo.gif' alt='Gr\u00c3\u00bcner logo \/ hub decal' \/><\/p>\n<p class=\"small\">Gr\u00c3\u00bcner wheel logo (hub decal); 3 x 1.5 in. \/ 2001<\/p>\n<p>\nGr\u00c3\u00bcner 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 \u00e2\u20ac\u201c that&#8217;s when the long, cold, wet, rocky miles come in \u00e2\u20ac\u201c 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 \/>\n<br \/>\n<img src='http:\/\/www.danielpjohnston.com\/graphic-language\/wp-content\/uploads\/2008\/09\/dpj_grizzly_logo.gif' alt='Grizzly wheel logo \/ hub decal' \/><br \/>\n<\/p>\n<p class=\"small\">Grizzly wheel logo (hub decal); 3 x 1.25in. \/ 2001<\/p>\n<p>\nGrizzly 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 \/>\n<br \/>\nI also designed decals for the rims of each wheel:<br \/>\n<br \/>\n<img src='http:\/\/www.danielpjohnston.com\/graphic-language\/wp-content\/uploads\/2008\/09\/dpj_perfect_rim_labels.gif' alt='Perfect Wheels Grizzly and Gr\u00c3\u00bcner rim decals' \/><br \/>\n<\/p>\n<p class=\"small\">Here is how the rim decals looked applied (side view of Grizzly and Gr\u00c3\u00bcner rims) \/ 2001<\/p>\n<p>\n<img src='http:\/\/www.danielpjohnston.com\/graphic-language\/wp-content\/uploads\/2007\/11\/white.gif'  width=\"12px\" height=\"6px\"\/><br \/>\n<br \/>\n<img src='http:\/\/www.danielpjohnston.com\/graphic-language\/wp-content\/uploads\/2007\/12\/dpj_grizzly_wheel.jpg' alt='Grizzly wheel' \/><br \/>\n<\/p>\n<p class=\"small\">Here is a shot of a Grizzly wheel on display at Perfect Wheels (photo by Larry Naylor) \/ 2001<\/p>\n<p>\nI 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 \/>\n<br \/>\n<img src='http:\/\/www.danielpjohnston.com\/graphic-language\/wp-content\/uploads\/2007\/12\/dpj_perfect_wheels_signage_b.jpg' alt='Perfect Wheels Gr\u00c3\u00bcner and Grizzly in-store signage' \/><br \/>\n<\/p>\n<p class=\"small\">Gr\u00c3\u00bcner and Grizzly in-store signage; digital output on foam-core; 8 x 8 x .25 in. (each) \/ 2001<\/p>\n<p>\nLarry 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 \/>\n<br \/>\nLike 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 \/>\n<br \/>\n<img src='http:\/\/www.danielpjohnston.com\/graphic-language\/wp-content\/uploads\/2007\/11\/white.gif'  width=\"12px\" height=\"24px\"\/><\/p>\n<p class=\"large\">\n","protected":false},"excerpt":{"rendered":"<p>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 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,7,24,36],"tags":[],"class_list":["post-76","post","type-post","status-publish","format-standard","hentry","category-design-identity","category-design-interactive","category-signage-display","category-type-fonts"],"_links":{"self":[{"href":"http:\/\/www.danielpjohnston.com\/graphic-language\/wp-json\/wp\/v2\/posts\/76","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.danielpjohnston.com\/graphic-language\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.danielpjohnston.com\/graphic-language\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.danielpjohnston.com\/graphic-language\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.danielpjohnston.com\/graphic-language\/wp-json\/wp\/v2\/comments?post=76"}],"version-history":[{"count":9,"href":"http:\/\/www.danielpjohnston.com\/graphic-language\/wp-json\/wp\/v2\/posts\/76\/revisions"}],"predecessor-version":[{"id":893,"href":"http:\/\/www.danielpjohnston.com\/graphic-language\/wp-json\/wp\/v2\/posts\/76\/revisions\/893"}],"wp:attachment":[{"href":"http:\/\/www.danielpjohnston.com\/graphic-language\/wp-json\/wp\/v2\/media?parent=76"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.danielpjohnston.com\/graphic-language\/wp-json\/wp\/v2\/categories?post=76"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.danielpjohnston.com\/graphic-language\/wp-json\/wp\/v2\/tags?post=76"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}