tag:blogger.com,1999:blog-86796243082621587732024-03-21T07:53:19.424-04:00Hartley WorkingA blog from award-winning, published graphic designer Erik Hartley.Unknownnoreply@blogger.comBlogger13125tag:blogger.com,1999:blog-8679624308262158773.post-40150349826180028672017-04-12T21:55:00.004-04:002017-04-13T16:50:44.380-04:00WHERE IS THE NEW SITE?You may be wondering what happened to the new, beautifully responsive HartleyWorking website. Unfortunately, a recent Drupal update caused a site-wide error to occur. We are working hard to resolve this, and hope to have it completed soon.<br />
<br />
Please enjoy some nostalgic 2011 design while you wait. We appreciate your patience.<br />
<br />
If you require additional or more up-to-date portfolio examples, please send a request using the <a href="http://design.erikhartley.com/contact.php">contact</a> page.Unknownnoreply@blogger.comtag:blogger.com,1999:blog-8679624308262158773.post-64470620256440928322012-05-23T23:31:00.000-04:002012-07-07T18:31:39.263-04:00The Cost of Fuel<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnEkFEOYvYl8burTgmBlx6vS6HEQS2WtHr218l2Xnb8r17OgreV1CNsEAVy6am17jJ_KFOH3Vv1Nd41pGN_WiDM8dZdaAxHmsJt0iwWorjNCodr81AmGjLCFWE_w_zXBkZqNt4pRmrLTX8/s1600/homeless_poster2.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnEkFEOYvYl8burTgmBlx6vS6HEQS2WtHr218l2Xnb8r17OgreV1CNsEAVy6am17jJ_KFOH3Vv1Nd41pGN_WiDM8dZdaAxHmsJt0iwWorjNCodr81AmGjLCFWE_w_zXBkZqNt4pRmrLTX8/s1600/homeless_poster2.jpg" /></a></div>
<br />
The digital poster <i>The Cost of Fuel</i>, depicts a tired, homeless man begging in the streets of Detroit, surrounded by the call to action, <br />“the change I want doesn’t come from pockets.” The poster speaks <br />to a deep desire for revolution, and a return to Detroit’s pre-existing patrimony, through the accentuation and stylistic appropriation of alternative artists like Shepard Fairey and Banksy, each made <br />famous through their subversive, satirical style of street art that concentrates on social and political commentary.<br />
<br />
The style of <i>The Cost of Fuel</i>, is deeply rooted in Fairey’s Constructivist influences, a modern art movement championed by Vladimir Tatlin, that was born out of the early 20th century Russian Revolution, borrowing ideas from Cubism, Suprematism and Futurism. Constructivists strove to abolish the traditional view of composition by replacing it with “construction;” pieces that were created not in order to express beauty, or to represent the world, but to carry out a fundamental analysis of the materials and forms of art.<br />
<br />
This revolutionary way of thinking was brought about through Communist values, but began to decline in the mid 1920s, partially due to the Bolshevik regime’s increased hostility towards the avant-garde world of art. However, the ideals of the Russian Constructivists moved west, inspiring the artists of the International Constructivism movement that flourished during the predominant <br />
part of the Nazi regime in Germany; where it’s influence can also <br />
be seen throughout the design and use of Nazi propaganda.<br />
<br />
Establishing itself as a powerful communication tool, even after <br />
the war, Constructivism found new life through social commentary, inspiring artists from all over the globe, including not only Shepard Fairey, but other well known artists like El Lissitzky, Hans Richter, George Rickey and Wang Guangyi, quickly defining a visual vocabulary in Design and Propaganda.<br />
<br />
The heritage of this movement continues through its use in <i>The </i><br />
<i>Cost of Fuel</i>. Aimed at inspiring an introspective look at the history <br />
of Detroit and the effect of the ever-declining automotive industry, this poster uses bold, clever word play to grab the viewer’s attention. It’s purpose is to inspire those who view the piece to consider the plight of the city more assertively, and to bring a new perspective and voice to the countless individuals left homeless due to the failing infrastructure that was the automotive industry.<br />
<br />
Subtle in distinction and purpose, the focus of this piece lies directly upon the subject. It is through his sunken, defeated posture; his defined, specific emotion that inspires empathy and remorse in the viewer, enticing them to ask questions. However, as is with many <br />
of the less-fortunate souls that wander the streets, without a more in-depth investigation, the man remains faceless, purposeless and relatively unimportant to those passing by.<br />
<br />
Instead of blatantly displaying the outright meaning to the viewer, the composition makes use of loosely based iconography that reference popular industry and culture commonly associated with Detroit. These icons include logos from sports teams, popular clothing and stylized automotive parts, each woven into the piece, playing off the viewer’s curiosity and requiring them to become more intimate and involved with the subject matter. Further expanding upon the iconography, the roughened texture of the piece is created through layering of topical maps of Michigan, created in the early 19th century around the time <br />
of the first successful, working automobile.<br />
<br />
Though simple in content, the main intent of <i>The Cost of Fuel</i>, is to help inspire the less fortunate, and inform those less knowledgeable. In order to create a solution, a return to the patrimony of Old Detroit must occur; a reinvention of hard work, pride and drive. Those that have the means to help, need to understand that simply handing a man a small amount of change that would otherwise be left dancing <br />
in a pocket with your keys, only perpetuate a stereotype and exacerbates the waning stature of the human spirit. Money has <br />
never been the solution to life’s problems.Unknownnoreply@blogger.comtag:blogger.com,1999:blog-8679624308262158773.post-30171383013565165742012-03-27T09:30:00.000-04:002012-03-27T09:32:43.476-04:00Music in 3DAn After Effects 3D experiment, using texture, lighting effects and camera varients.<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="192" mozallowfullscreen="" src="http://player.vimeo.com/video/39247748?title=0&byline=0&portrait=0" webkitallowfullscreen="" width="342"></iframe>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-8679624308262158773.post-91800263500176258332012-03-01T13:36:00.000-05:002012-03-01T13:39:36.776-05:00Purchasaur, an iPhone App<style>
img.thesisimg {border: 1px solid #ffcc00;}
</style>
As part of my graduate thesis, I will be developing a shopping application for the iPhone. Below, you can see the development of the branding, ultimately settling upon an appropriated logo from a previous assignment.<br />
<br />
<img class="thesisimg" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSpzXD4T_GA_y292o435viZTjzaktoMx7HThd9GCOZC3C3lTg0V5knJZk8KA7MG8zdoCaxRBUGQudI35ct7Imsq6W4MVbb3bfu3NzfN7y71ExQ1BN7vXBEzqJfYehVwPfc9hIjEC16xKPw/s640/logos.jpg" width="444" /><span style="font-size: xx-small;">Identity Options</span><br />
<br />
<img class="thesisimg" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNU9J8m10LQcdaFwSc4pb9Bzyv3ovvJnym-gArxBvYEpIQ4LQ2tidszEVyPxcuXSeuy3MBLhwnzd_-JekkBbiqxL2_ft0PBB594nuHkI1WawQfGr9ZQqNP0B4oX-MmGrxwaTMlkRHPdWXF/s640/final_logo.jpg" width="640" /><span style="font-size: xx-small;">Selected Identity</span><br />
<br />
Upon selecting branding and an aesthetic direction, I began to move forward with UI design. Here are some selected screens:<br />
<br />
<img class="thesisimg" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiltfr1Fwy36q-xsXIFhUie8nez3xCppQn7MgRoKqfFGPOqttDTaQgnQHrRvZPbLtdohVwjxpASw9AM_9NjHcTEOrO1En0i9prJJ3Au9HhyLF5qJAefs2sG4JfLd8Ny4xmEARyIWCl9eNab/s640/my_account.jpg" width="444" /><span style="font-size: xx-small;"><i>My Account</i> Area</span><br />
<br />
<img class="thesisimg" height="492" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWdI3V6B7h1tEjJtb-vZREky2ORsepYEjjZR7NL92oTPk3TKxZqgYc4yIOkXIbXMCKQvpkdXgwSASgGrMEm0ZGBFClpnmBeR3ACP7Cqrl83QKvtUWNsMYJ6GUNare8rmniJoEnaRmPX0Sh/s640/photo.jpg" width="342" /><span style="font-size: xx-small;">Search by Photo</span><br />
<br />
<img class="thesisimg" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_bLpC_43LMKx1yX6pJtif3pkjmgcY-00JKU3FVFdvdR2aEthjddIwPRuoEg8EJJetluT_-w1ocA46zH1rqpzX5w99J05oW_9sZ5UUakEw03_Gq5pEKE0_pcb0evryEg0TszGn8aX702Cb/s640/barcode.jpg" width="444" /><span style="font-size: xx-small;">Search by Barcode</span><br />
<br />
<img class="thesisimg" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM0ZOEcT4IWnjCwIP4SnKQCfQ8JCx8Nq2ULPTQXOipwkxxHcl3wqhpfUKQJOJSSLhYNV_3QQlpTkaZgzbZQjwGC0gFjLyoFr5C4QMIccB8bd33Xx9hP-mj_ur7aDxQEbr3jmi6QvHPcJ3b/s640/location.jpg" width="442" /><span style="font-size: xx-small;">Search by Location</span><br />
<br />
<img class="thesisimg" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzRZiKaY9w1SrSzCOf28xSiXU3FHdrh5HBrp4cDbnIaiq7LbubJyWoAAD-MFLMzErwzUMJr5zO3qepyCSUncNRifg9eOY1brMleT4ciDWQ90HXjceVvf4c8SAXZn19PV5gf62muY_odsqq/s640/history.jpg" width="444" /><span style="font-size: xx-small;">Search by History</span>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-8679624308262158773.post-53767280261051272522011-11-14T09:56:00.001-05:002011-11-14T10:48:07.617-05:00Ugly CityAn investigation in After Effects using a wind-up toy and hand-illustrated cardboard backgrounds.<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="257" src="http://player.vimeo.com/video/32083316?title=0&byline=0&portrait=0" webkitallowfullscreen="" width="342"></iframe>
<br />
<br />
<img border="0" height="228" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyvAfOJNor1bwKTPkQ2rAxW5VS3Bfps_vUYrXb4zceBlO6spoSGOHXQFnFL8PbrDOJzWXku7nynx_AUdUjtjtJxoy6Tgwk535U5lms2Q3Vk_MFxclPQNuZgJOsrkG4Q6nGblqZwe6xuUpO/s320/391333_10100431801463322_12120317_51762604_1572696325_n.jpg" width="342" />
<br />
<br />
<img border="0" height="228" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-9qApGG7Z6wl-IRDIIfO9oMiX7ok4vdDtd3NCmIuZJLIvE_R6EyhSVxD1izYqkTilNFeMeELckzi6xej8b4n2QnAdIwlUiH8CbFGZnPyxqHzOEDD6Jw_CNbxkMuPXbkWI5enOoYrWf12G/s320/303980_10100431803798642_12120317_51762635_409148724_n.jpg" width="342" />
<br />
<br />
<img border="0" height="228" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKcABuk9dnpFvGtUh9Tn1hR7KNCcWMcN925fzWgyYYtitfZv3DMq2dJNlSAOW6ql8WcWJ7CsnB5HEyxtrSpOQFndOC1nD-WVxIa5lQ8eU7VWomRM44-780biLYENiQd_ju102XRRSwI2fJ/s320/306381_10100431802725792_12120317_51762618_1253441554_n.jpg" width="342" />Unknownnoreply@blogger.comtag:blogger.com,1999:blog-8679624308262158773.post-14359037041477931672010-08-10T14:56:00.001-04:002011-07-09T17:03:27.294-04:00Zombitos Racing TeamA recreational racing team was looking for a two or three color identity, that would be easily transferred to T-shirts.<br />
<br />
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVtlngj-O64gTX8JuIAEcwsfj56i_Yz3-S1umW5rmTIcNZDbv8x3INfvX3_OdxiIJz0tO9_04CXjsJuZ4cC_IdSWVJvaEAhuys3owxYRSNrhYYsAED57eLyoCrFyOUWo5MuyGEdBQZpVff/s400/logo_draft_zombito1.gif" width="400" /><span style="font-size: xx-small;">Option 1: Identity</span><br />
<br />
<img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFpf9EqvCqx4QlLS0btLeRbRAodt7DNoj7gIrdxTvIDfhwHRxM0X9RFKy8ceo_Z5xn2ebr8bylHgsxxq_hcY4_iwjWsJ6OAgKl1EcaBup9kgT8m1CA8VqxKbWf6a0WvPL3OMML8iCnsa2q/s400/Zombie_Tshirt_1.gif" width="400" /><span style="font-size: xx-small;">Option 1: T-shirt</span><br />
<br />
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrMAaKs8IRB190O-CHByAv4gMfnaU7z3VyueCWWSu0fuALIx2mQaxPiq-nGGDZp-ZSbf8DmfIqKR2BWc2XSQ5wsmHILCXIrZ00SF_tQNDZlOob5a4JExHQ0C7VT_KAk8uwEIcFzKQIJ3LW/s400/logo_draft_zombito2.gif" width="400" /><span style="font-size: xx-small;">Option 2: Identity</span><br />
<br />
<img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl1BRQFtMjKSbZS0TX03ijQBJRPzAui2v1SI_SM2aXpQsMht3xu_5lZNilak6G_2ydefxWLPsP-N7-bAT2t2Rs14ZK6yjucnTGMEqXcKFUV4AKNxbv2L2T0IcAcXuoqR4ke5Zt0TLjWlX5/s400/Zombie_Tshirt_2.gif" width="400" /><span style="font-size: xx-small;">Option 2: T-shirt</span><br />
<br />
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglxhSGVtkOzd0BMTrQJrjcxu01frlGH4MsCYkcZDA-iAw1Ba-RRJ_tVP1gWuTH3ThSfiX2qp3ZN6CF2ImQ6fk70Gb6jPxnpyLNqZiDnsgfofQbiIr5F7jJq1qI8Lj-nfpACBqNOCVaspxc/s400/logo_draft_zombito3a.gif" width="400" /><span style="font-size: xx-small;">Option 3A: Identity</span><br />
<br />
<img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8XIqaUMMd0C8n-aP6ssDpW9cw7c0-8ZH_bJKDX5lAtdCZ0KX0NvBWBohy3HculWURdFtRQUCZxFGQnsB-dKQoldDSeP62Vo1N1NTw0FnhoBXuHzTouCcjpoxSrYpIeEsk_4Q0SV8NvS2K/s400/Zombie_Tshirt_3a.gif" width="400" /><span style="font-size: xx-small;"> Option 3A: T-shirt</span><br />
<br />
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCIFe2KUiy_roIqp9A9WV-C25uoMhnL7o6NcwIrsRWhl5MR5IQkHzQhgx9mutjtCCq9qRJQjkLd4e2ZxBzwLSuVU-m0o47ilse0Rh2E11aoy6oDVY_HcjlYz7FgAZXOOsPiIobcWPJ6P4C/s400/logo_draft_zombito3b.gif" width="400" /><span style="font-size: xx-small;">Option 3B: Identity</span><br />
<br />
<img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHzfjckuDVesY3eBkv6TQm3K24ViiAVS1DOnbi3lx3aotNWkfu47hNm09gBOq6wD7xq4RiYv8l04DLOifL3woSzYx9mjOOxtYi0p8XmNi60osPILoyzwD6CT0hAvL1Ohhf0N0DqTXTWnKY/s400/Zombie_Tshirt_3b.gif" width="400" /><span style="font-size: xx-small;">Option 3B: T-shirt</span>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-8679624308262158773.post-88173909317310020562010-05-25T01:13:00.001-04:002010-05-25T01:14:06.342-04:00Grad Work; BlackBook Contact Manager IIBelow you will find screen shots of the presented application design.<br />
<br />
<img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFNGvJsx8O1RhNpLCJ9lBB0KjgxlxUmFovd7MChav8IRnGU2L6vidpTWC3RtkhLGvvdkFaByRT6N14Ppb0_DDHdx_9RiVB6IUOqct1l-GIUnnSgKZxZc6SZRMYfR2r0cr7-m8IAyi6xFC2/s400/BlackBook_Home_LOW.jpg" width="400" /><span style="font-size: xx-small;">Home Page</span><br />
<br />
<img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjINIQKCmIb1pMXtz6rtSo1PAzy7FlPZCP8ebnbOk4BRvFSxNETecGh6x8l565e4pETuef3jhvVlsNAKpA0IF0mGaH-xCJizmrSzPMFPRxTKnWJ7rKW2C1QIq4gvr-29iauICt2z48S-ubz/s400/BlackBook_LoggedinHome_LOW.jpg" width="400" /><span style="font-size: xx-small;">User Logged In</span><br />
<br />
<img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-_cxBDrdUB6NRM9afjjUlw2Z0-AdMLijiAHZXNuVjGU_GI8i1gYd-zIuFPvLQddk8UEbnqxLzlw-ndCUEVwWxmSPEUa9BRGVALmukv7Hnzd49DRGNemih6r4IwAnwfGNqyycae7fwLsUn/s400/BlackBook_MyBlackBook_LOW.jpg" width="400" /><span style="font-size: xx-small;">My BlackBook (Contacts)</span><br />
<br />
<img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_G8xydTcfy3BHArJYzlXybzxJIU7LeQM63JjuvuCgQtOrTIgP1DUz5DORy3lsyBUpbDHKsJ3D9j831Qv1XSQCzbz4l511nvpHVyQF4dC-U6JAvSGw7AEd1_moBS54WHJRJLvSNH16EFEW/s400/BlackBook_ViewContact_LOW.jpg" width="400" /><span style="font-size: xx-small;">View Contact with Chat Functionality</span><br />
<br />
<img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguUDe09mr-5P_DdxsOAb6EvznRjBhS-bbxhlaLBEzQPPxUMoqRcXVbFZJts7FoXE-76QqxA9JZHKOdf8sK1ORQDeKIx04BryWAUAPILHv3C1w5sdlSgZvEdJVmLnL4YreOVmOHUpWZjcAf/s400/BlackBook_Inbox_LOW.jpg" width="400" /><span style="font-size: xx-small;">Inbox</span>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-8679624308262158773.post-90858022043847500072010-05-20T01:09:00.002-04:002010-05-25T01:01:07.190-04:00Grad Work; BlackBook Contact ManagerThis past semester, while pursuing my Graduate Degree at Academy of Art in San Fransisco, I was assigned the task of creating a feasible bid presentation for a web-based contact manager application. While the client was fictitious, we were directed to approach the project as an actual job whose deliverable was to include a fundamentally working prototype. In the early stages of development, my mind often wandered through thoughts of branding and establishing an identity for our project.<br />
<br />
Three refined concepts were presented to the group, including this first, simple, yet bold, design. The exterior containing shape is intended to resemble that a 'tab,' from an address book, while the color was chosen based on it's engaging qualities. The letterform's placement is deliberately off center to intrigue the viewer, while the right alignment of the text eases branding usage as a compositional element.<br />
<br />
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGhRbhV0uTJNY6KzL9M34H1bQESWmnC276xxsw06Mwq7VO6rNZr4ia4SAfurWf-eLhVojAd3UwN2eVWTzl8ic9jUDUjFJvod2Bxuq650BlxV6AlPm_Phrqged8cx8ObzgiGCwC4pzyI3dg/s400/logo_draft_BB2.gif" width="400" /><span style="font-size: xx-small;">Concept A</span><br />
<br />
In 'Concept B,' the main letterform was molded around a simple book translation and set inside of a 'tab,' shape, similar to 'Concept A.' Adding a gradient also helped give the brandmark a bit of dimension through subtle color usage. Font choice, as is the same for all three presented ideas, was intended to call back to the basic sans-serif found in most address books, however a conscious effort was made to stay away from the over-popular Univers and Helvetica.<br />
<br />
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfSw4_vPVbh5P49xtbkZYqupn63DI7eEBefvwWNyr0spfqipEeD4c4ly5PUvi8wswhllF59NYCecs1Cx5vGPfuKbj6ArPd9V4OAmpGw0QZqh4Ht_KccdaEVKH4A4t0nMlcQM5rwBmM8ppu/s400/logo_draft_BB1.gif" width="400" /><span style="font-size: xx-small;">Concept B</span><br />
<br />
The chosen logo focused more heavily on readability and avoiding cliche. The translation in this piece stayed away from the obvious book imagery already over-used in hundreds of popularized brands. Instead, it focuses on an abstract interpretation of address book 'tabs,' a representation found in the negative space of the 'B,' letterform. It is simple, direct and intricately delicate, which keeps the viewer interested.<br />
<br />
<img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqq8jgS6ROz1nc4uogaMelVJAqo_CayfI0d5XCSHPyjqF-X2WbVq67CESb9q9JUen2rsNCIxDs5gu0y-tDNgrbNsi9EaEThA7ddVBRDRNGRUsciIV5MCtcOWofQtrAqP8afvCpDh5wG8us/s400/logo_bb.png" width="400" /><span style="font-size: xx-small;">BlackBook Brandmark, 2010</span>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-8679624308262158773.post-44123898699295167292010-05-18T12:28:00.001-04:002010-05-20T00:11:08.320-04:00DaimlerChrysler Capital Ventures, Auburn Hills, MIWorking for DaimlerChrysler a few years back, I was able to be part of their Capital Ventures Presentations, held in 2007. This particular year, I was paired with a wonderful group of engineers who had developed an idea to sell an energy-drink sponsored by HEMI.<br />
<br />
<img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaaPB-OPSDaiM0ZzXNnDw_k8Ye0AhrYNggsvKPJLbAYLtQpHo8Vd49feX6qD77m6cnF814V_0gKH4f7ty9X1LKUiihNk3hN9LyUqk2DdGFvOWTlWKR5xrcWmoOe3ZOc161wu9ZIMS_Iaxg/s400/Hemi_Drink.jpg" width="400" /><span style="font-size: xx-small;">HEMI Energy Drink Can Design Concept, 2007</span><br />
<br />
After consulting with our local print vendor, we were able to produce a small run of 'label covers,' with a laminated matte finish that allowed them to be temporarily submerged in ice without damaging the printing. This clever solution allowed the judging panel to enjoy and experience the product, ice-cold, while the team presented their concept.Unknownnoreply@blogger.comtag:blogger.com,1999:blog-8679624308262158773.post-17378067309980949392010-05-05T23:00:00.008-04:002010-05-20T01:11:36.790-04:00Amber Lou, Boston, MAVocalist Amber Lou, recently requested some identity work to help brand her new blog and supporting print materials for a new career in cosmetic artistry. Sketches started typographically-based, but evolved through common symbols found around her work-place.<br />
<br />
<img height="611" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd0HNZDzJP2PKYYQpos84sCT_XA_nsFVkoq8PGQHH4VhiyBpBe-7_MJlI7D7LjWO95oe_t9_vpvHAIEnPP165mgwQ5eZfa6IbxHmn0puVQ3p6RulQQa7p9rQCHHllF9nZdTfWqi8I0h3x-/s400/sketch_ab_lo.jpg" width="400" /><span style="font-size: xx-small;">Sketchbook Photo, Erik Hartley</span><br />
<br />
These sketches gave way to several draft pieces, however the most successful of these became a heart-shaped option developed through typographical investigation of the letters 'a,' and 'b.'<br />
<br />
<img height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiji0wJ9fHenRhiaKSOsGyxUKqC8BLK9HVrj6Nz2_-LJNwqrhjRRGLfYWSbLrXujH2Tv8ZunDqOHRkxvL3rNnVijjxaenp8XW2nSozN6qH3ro5oKoVfw6P6w2XDgHiHP_Vuq4arnjcG5JxY/s400/logo_draft_ab1.gif" width="400" /><span style="font-size: xx-small;">Concept A</span><br />
<br />
Further investigation yielded a few more solutions, but this final design was ultimately selected by the client. The surrounding translation is intended to resemble flower petals, while the star within the flower's interior uses negative space to create the letter 'A.' Color choices were simply based on the client's preferences.<br />
<br />
<img height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRbBfyoAJyZ1BGYT1eMN4lM3OSfDg_43E8g9Fo78mbDW78T2HsvYBNKGmotbLUgQTevbZfz-90bfdEi9YPpA8qBBXP5CyIFLWrVUU0PHX7qgPfsQw3xmu94Wuz8yfvqf66w8BYCsLHD-HJ/s400/logo_ab.png" width="400" /><span style="font-size: xx-small;">Amber Lou Brandmark, 2010 </span>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-8679624308262158773.post-90366106872378678812010-04-30T23:38:00.005-04:002010-05-20T00:08:40.537-04:00MixOne Sound, Mission Viejo, CAWhile working on a recording project for Orangehart Records (identity work to be posted in weeks to come) in Mission Viejo, I managed to pick up a great new client: <a href="http://mixonesound.com/Spenser/Home.html">MixOne Sound</a>.<br />
<br />
Owned and run by Spenser Bishop, this great, little studio has already put out some great records, including the newest from <a href="http://www.rockridgemusic.com/artists/erniehalter/">Ernie Halter</a>. Not quite happy with their current branding (seen below), Spencer had expressed interest in creating something more recognizable with a stronger brand presence.<br />
<br />
<img height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3OlNev0yuHppVQYbqOSby5Qmr_ddyKe4_neQNw1m-Mn4GJNW9ZlYFRIt8JJ35ZA87w5afo5EAHCBLHTFcXKIfQa8JXMkob6KaheJq_bOfxpKLFioeA5WIwwiQVTwbkfYTyejAaoQGuYjy/s400/logo_draft_mixone_old.jpg" width="400" /><span style="font-size: xx-small;">Existing Mix One Studio, Brandmark</span><br />
<br />
Excited to start working, I began sketching on the long flight home with some good starting points. Check back for project updates.<br />
<br />
<img height="611" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje2mUk1-OoTQ3SdVkZzlqMBOhSwoZYHyKUmI_n8NjiNxh76_PNU5lHsLU-_utJu54DP3F_p7f4ciKOR416eUNf1Qt3eIavniD3ukQ_tlybSTQWotxLYlVzbioMU34ZMZqZ16jZjZXpQgEl/s640/mix_one_sketch_lo.jpg" width="400" /><span style="font-size: xx-small;">Sketchbook Photo, Erik Hartley</span>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-8679624308262158773.post-85697996931137004672010-04-27T19:25:00.006-04:002010-05-20T01:11:45.307-04:00The Strutt; Kalamazoo, MI<img height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDWcxveVa9pDilc7Mz6Tv7TzOC3Rt71dLDRL9vLIANxH3GD5ihWfa6t4U5P1Ex7qXp60hrvzWZ_tTpjJWED64kXB1AKPOHBi8hqxdA9zdPg7Z9h77Qk9hkQ3ZEKb2yKrrhoU3kPtTAvPks/s400/the_strutt_photo.png" width="400" /><span style="font-size: xx-small;">The Strutt Bar, Kalamazoo, MI</span><br />
<br />
A popular bar and cafe in south-west Michigan, The Strutt presented this project as an open call. The chosen identity would be rewarded with free drinks; quantity to be determined. Obviously, I couldn't pass up the chance.<br />
<br />
<br />
<img height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEW9sOPOZQ_T4V8WxiHN7ZCv7dNyO2tdQ0kvszHj7i9yCnkEr_oxaDMsCIWMUUPyudAXKreLX5SVsoxFqQnW-y_Z27pIH78xn5-eIwfc271mOfH68DMaKpVz-twI546zKpKoOICfyYg9D4/s400/logo_strutt.png" width="400" /><span style="font-size: xx-small;">The Strutt Brandmark, 2009</span><br />
<br />
Presented to the small establishment, the rooster translation was used in reference to a large aluminum sculpture placed inside the Strutt bar area. The obvious relationship being that roosters are known to strut. The typeface and colors were selected to mirror interior design elements and style. The branding was simplified to “Strutt,” in order to simplify the visual presence.<br />
<br />
<br />
<img height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBvt2cyuXADuZHikB7EWMqGBB00q1G22avRF2F2S7jlH3VhB7ton3JPrt5nDqklOGBm-fFmLNXAenhyzNzMeGA15SnvJIsGeinjcUhGLWqwOCS1mp98LHjSvZ_AcJWOyKilmfctgwA3l_k/s400/logo_draft_strutt1.png" width="400" /><span style="font-size: xx-small;">Concept A</span><br />
<br />
This variation divides the selected brandmark into two distinctive parts; the logo and the type. This allows for a more versatile and easily recognizable visual. Using two equally impactive parts gives designers the opportunity to use the mark individually or both pieces together to create more interesting branding compositions without compromising viewer recall.<br />
<br />
<br />
<img height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgffWS7Cfi4a_1b2IO9NBG9L-TmLiHS6d-SgSpsEIHX9fhJC6wy3pRK8w0csifa-G_oqesS6uMcqKQxxSDT_4tUkmFfl3UvaehYaq67p9BH7XMwuYFqYi1C-vBr1DpwbAQ8Ezoq12gCeeL_/s400/logo_draft_strutt2.png" width="400" /><span style="font-size: xx-small;">Concept B</span><br />
<br />
The Strutt uses it’s front house as a cafe, giving locals a comfortable environment to relax and grab a cup of coffee, while the back area serves alcohol and has built a reputation for great live music. 'Concept B,' is intended to reflect each alternate personality of the Strutt while also hinting at the widely recognized triangular shape of the building.<br />
<br />
<br />
<img height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP0WaoSOSY_OIRO1H2hICO1zOLDkLmGnsjUAS5x3jlu4fgNLEnB2Ch9qiK4wT6ObjKv18p2Qsp0hZnqxnCvVugMqkSK-4YC7lgtsJBtH1ay-qsdyRsuRppxiYCRgmjhgmvEbAzJ5CgFAiZ/s400/logo_draft_strutt3.png" width="400" /><span style="font-size: xx-small;">Concept C</span><br />
<br />
Though a complex translation, the use of a peacock feather in 'Concept C,' was another attempt to create a visual representation for the act of strutting. Similar to the rooster, the peacock is also known to strut about, making noise and showing off it’s colors. A bold, simple typeface was chosen to balance the complexity of the feather.Unknownnoreply@blogger.comtag:blogger.com,1999:blog-8679624308262158773.post-15291160854694330002010-04-27T15:43:00.024-04:002010-05-20T00:48:38.481-04:00Zuma Bar; Kalamazoo, MI<img height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsBFni1A0_i8PRTebuYYWGg4OsvjuPNny5SNExR-mEV8kBPFOzBxLpcUzt5taVR1bcYcFY6D454lBsLLGLwgwtl96s2pvAYb4EOU4jqYwXG34x76b-tt-0ToO-U4O5oY_okbPZLlM0eqtP/s400/logo_zuma.png" width="400" /><span style="font-size: xx-small;">Zuma Brandmark, 2009</span><br />
<br />
Named after the California beach made famous by Neil Young, this logo was chosen for it’s masculinity and architectural accents. Though initially presented in a different palette, the colors were changed later<br />
in the process to reflect the hotel’s existing interior design motif.<br />
<br />
<br />
<img height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvcDrKVnIN29TqXCj2qOgHkP-39XVeEaZPIslToCxepR821uy2TAu01MQO-P6uEWcIsFaL7NLkilmY6BDdks7AJw3OSdlxcwmiM1qUbBqHnOiAmApbBtMSz0HxAlSO14JBgu_NOggk1eYi/s400/logo_draft_zuma1.png" width="400" /><span style="font-size: xx-small;">Concept A</span><br />
<br />
This variation expands on the bar’s intended “class upgrade,” by utilizing a more dignified font choice and pairing that with a translation of wine pouring into an empty glass. As a brandmark, it creates iconic recognition while quickly establishing the nature of the environment. <br />
<br />
<br />
<img height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeZzWvLWfsZUYF4QZsdPr49wgp62PT29UiAho71R-RyRGPeAYUKsKQ0dRPX5AziOCCujId6XVBvfyJ9ZNco5I6kGX80EAoLsPAN7FwGkh2GxWLPdf7zpdiHfENRBPr6ipDeHApgh-7pYij/s400/logo_draft_zuma2.png" width="400" /><span style="font-size: xx-small;">Concept B</span><br />
<br />
Creating this dimensional option gives depth to the mark and expands the color palette without creating an overly complex design. The playful interaction of shapes in this logo was intended to mimic light gels used on a dance floor while highlighting the boxy nature of the bars interior.<br />
<br />
<br />
<img height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPqd9lo2IORvH-T2Uq7o_UD5tz7zDMtiadt9GQjbWP52fJiZb9QkDr1rhfJyC64A8NR0GdNdPzTaJtYKOVHZFRf9BuatPP8-EI3r94yse5Thx7POBqN8e1qTXlek1zrfxsaXG2r72G1HB5/s400/logo_draft_zuma3.png" width="400" /><span style="font-size: xx-small;">Concept C</span><br />
<br />
Following the fluid nature of the selected brandmark, this less organic option contains defined edges and crisp corners. It’s angled lines invoke action while drawing the viewer’s eyes back to the logo’s center. Together, with the bold, stable interior structure, they balance the mark visually, while still retaining some ambiguity to draw the viewer in.Unknownnoreply@blogger.com