<?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>Cuddle up to Flash</title>
	<atom:link href="http://theborsky.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://theborsky.com</link>
	<description>Shawn Borsky is an interactive designer who runs Anthem Design Group and enjoys the little things.</description>
	<lastBuildDate>Fri, 27 Aug 2010 21:39:16 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Talkbackr Logo Process</title>
		<link>http://theborsky.com/2010/08/talkbackr-logo-process/</link>
		<comments>http://theborsky.com/2010/08/talkbackr-logo-process/#comments</comments>
		<pubDate>Fri, 27 Aug 2010 20:09:51 +0000</pubDate>
		<dc:creator>Shawn Borsky</dc:creator>
				<category><![CDATA[Branding]]></category>

		<guid isPermaLink="false">http://theborsky.com/?p=383</guid>
		<description><![CDATA[<a href="http://theborsky.com/2010/08/talkbackr-logo-process/"> <img class="size-full wp-image-384" title="Talkbackr Logo" src="http://theborsky.com/wp-content/uploads/2010/08/talkbackrintro.jpg" alt="Talkbackr Logo" width="635" height="250" /></a>
<p style="text-align: left;">
In this post, I wanted to show some of my process on a logo I just did for a friend's new site, Talkbackr (<a href="http://talkbackr.com">http://talkbackr.com </a>), this was conceived and built by Brian Seitel ( <a href="http://blog.brianseitel.com"> http://blog.brianseitel.com </a>).

Admittedly this logo did not take me as long as most do. But, I also felt like I had a strong feeling and imagery to work with, which is surprisingly hard to come by these days.</p>]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://theborsky.com/wp-content/uploads/2010/08/talkbackrintro.jpg"><img class="size-full wp-image-384 aligncenter" title="Talkbackr Logo" src="http://theborsky.com/wp-content/uploads/2010/08/talkbackrintro.jpg" alt="Talkbackr Logo" width="635" height="250" /></a></p>
<p style="text-align: left;">In this post, I wanted to show some of my process on a logo I just did for a friend&#8217;s new site, Talkbackr ( <a href="http://talkbackr.com" target="_blank">http://talkbackr.com</a>), this was conceived and built by Brian Seitel (<a href="http://blog.brianseitel.com/" target="_blank"> http://blog.brianseitel.com/</a>).</p>
<p style="text-align: left;">Admittedly this logo did not take me as long as most do. But, I also felt like I had a strong feeling and imagery to work with, which is surprisingly hard to come by these days.</p>
<p style="text-align: left;"><strong>Brainstorming</strong></p>
<p style="text-align: left;"><strong><a href="http://theborsky.com/wp-content/uploads/2010/08/process.jpg"><img class="aligncenter size-large wp-image-390" title="Process Notepad" src="http://theborsky.com/wp-content/uploads/2010/08/process-1024x764.jpg" alt="Talkbackr Process Sketches" width="614" height="458" /></a></strong></p>
<p style="text-align: left;">
<p style="text-align: left;">In my process, I started off with the basics. Identifying the main elements of the name. &#8220;talk&#8221; made me think of dialogue and speech bubbles. I figured sometimes the obvious option is the right one. So, I started drawing some speech bubbles and since I was trying to convey &#8220;back&#8221;, I thought an arrow pointed left would work. Since if you read the logo, left to right, then left reads as back. My original idea was a speech bubble with big ol&#8217; arrow pointing out ( seen above). But, it felt bulky and unelegant. So, I opted to create a more trim bubble with less of a tail but still read as pointing &#8220;back&#8221;.</p>
<p style="text-align: left;">Since most logos rely heavily on their text, the next thing I did was to look at how I wanted the logo to feel and how it would read. I wrote it out naturally and without thinking I wrote it all in lowercase.</p>
<p style="text-align: left;">Which reminds me of a tangent&#8230; I always find it interesting how we can rely on our inherent approaches and instincts for many decisions. For instance, there are some words that I actually cannot spell unless I type them without thinking about the word. Like asphyxiate, ha BAM! No spell check. ( Trust me). So, I always find it helpful to see what my instinct is. In the case of Talkbackr, it seemed innate to write it lowercase. This is undoubtedly because of my influences in seeing other companies who remove the whole last vowel thing. It&#8217;s almost become a convention, and there is nothing wrong with convention.Just to be sure, I wrote it in all uppercase, which I thought, &#8220;Wow, the K and R don&#8217;t work well together this way.&#8221; Although, it was valuable because I saw that the negative space on the K and R almost felt like a speech bubble, maybe if a massaged it a bit&#8230;</p>
<p style="text-align: left;">Next, I started doing a slightly bigger and more detailed write-out of the text. To help me think about what it should feel like. As I wrote, I thought about how I think the word &#8221; talk&#8221;, feels much better with a serif, but not a fancy serif, just some nice solid anchors on the text. So I immediately thought, &#8220;Hey! Slab Serif or classic serif&#8221;. So I thought of two slab serifs and two classic serifs to work with.</p>
<p style="text-align: left;">Next step, was to tryout my main typeface choices and see how it synced up.</p>
<p style="text-align: left;">
<p style="text-align: center;"><a href="http://theborsky.com/wp-content/uploads/2010/08/types.jpg"><img class="aligncenter size-full wp-image-392" title="types" src="http://theborsky.com/wp-content/uploads/2010/08/types.jpg" alt="" width="418" height="317" /></a></p>
<p style="text-align: left;">After taking a look at these typefaces ( Geometric SS, Clarendon, Century Old, Garamond Premier Pro), I thought about what the logo was for.</p>
<p style="text-align: left;">The website is about getting honest and real feedback on artistic endeavors. I also thought about the creator; Brian has got a sense of humor about things and is fun and comfortable to talk to. I thought , &#8220;You know, giving real feedback is hard because you cannot be comfortable when talking to someone&#8217;s face&#8221;. This website is about making the audience comfortable enough to give their real opinions.  So, I opted for a Clarendon base, because of its bold friendliness. The serifs curve in nicely, and have a variable thickness that makes it feel more personal ( such as in the C and the A). Next, I decided that the type needed be stronger, so I opted to work with Clarendon Bold. As a note, the friendliness turned out to work perfectly, since even Talkbackr&#8217;s FAQs are a bit comically charged.</p>
<p style="text-align: left;"><strong>Execution</strong></p>
<p style="text-align: left;">So I started with my base and began adjusting the kerning to make it read better. I adjusted the &#8220;A&#8221;s to line up better and matched up curves where I wanted to bridge the words together. I also connected the K and the R as in my drawings so I can really visualize  how close the type mimicked the thought bubble. I even tried a large bubble lined up on the K in talk.</p>
<p style="text-align: left;"><a href="http://theborsky.com/wp-content/uploads/2010/08/Talkbackrv1.jpg"><img class="aligncenter size-full wp-image-396" title="Talkbackrv1" src="http://theborsky.com/wp-content/uploads/2010/08/Talkbackrv1.jpg" alt="" width="656" height="301" /></a>At this point, the form is strong, but I was not happy with the big speech bubble . It was too obvious and not clever at all. Its just a bubble, and the site is not just about talking. The site is about the kind of talking that is less out in the open. There is a bit of subtle imagery to convey that. The speech is not loud or in your face. Much like good feedback, it is more quiet but still immensely helpful.</p>
<p style="text-align: left;">I went back to my drawings and worked on a possible shape with the negative space which still felt heavily like a bubble, but not enough to read as one. After some drawing and some tweaking I ended up with my solid one color logo type.</p>
<p style="text-align: left;">
<p><a href="http://theborsky.com/wp-content/uploads/2010/08/talkbackrsolid.jpg"><img class="size-full wp-image-398  aligncenter" title="talkbackrsolid" src="http://theborsky.com/wp-content/uploads/2010/08/talkbackrsolid.jpg" alt="" width="575" height="194" /></a></p>
<p>I was pretty happy with the form so I went into pairing it with some color and some more volume and form. With some projects I spend a lot of time on color choices. For Talkbackr, I immediately went for a strong grey text placed on a calming color. I thought about what was calm and comforting to me.Light blue was the first thought I had, so I went with it.</p>
<p>I think Talkbackr&#8217;s logo is evidence of how sometimes your conventional reactions and instincts are the best guides to follow. As designers there is a lot of pressure to make every project insanely clever and ground-breaking. I think it helps to remember that simple is smart. We shouldn&#8217;t be afraid of doing the obvious thing if it solves the problem.</p>
<p><a href="http://theborsky.com/wp-content/uploads/2010/08/talkbackr_logo.jpg"><img class="aligncenter size-full wp-image-401" title="talkbackr_logo" src="http://theborsky.com/wp-content/uploads/2010/08/talkbackr_logo.jpg" alt="" width="640" height="480" /></a></p>
<p style="text-align: left;">
<p style="text-align: center;">
<p style="text-align: center;">
]]></content:encoded>
			<wfw:commentRss>http://theborsky.com/2010/08/talkbackr-logo-process/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>The Budget Question</title>
		<link>http://theborsky.com/2010/08/the-budget-question/</link>
		<comments>http://theborsky.com/2010/08/the-budget-question/#comments</comments>
		<pubDate>Wed, 04 Aug 2010 18:21:05 +0000</pubDate>
		<dc:creator>Shawn Borsky</dc:creator>
				<category><![CDATA[Business]]></category>

		<guid isPermaLink="false">http://theborsky.com/?p=371</guid>
		<description><![CDATA[<img class="aligncenter size-full wp-image-372" title="budgetintro" src="http://theborsky.com/wp-content/uploads/2010/08/budgetintro.jpg" alt="" width="635" height="250" />
 
This is a short article for client and designer alike, I'd like to tell you about how planning your budget and discussing it with your designer or developer can really help everyone involved. 
 
For my entire career, business specialists and consultants have told me that it is a massive faux pas to talk budget with a potential]]></description>
			<content:encoded><![CDATA[<p><a href="http://theborsky.com/wp-content/uploads/2010/08/budgetintro.jpg"><img class="aligncenter size-full wp-image-372" title="budgetintro" src="http://theborsky.com/wp-content/uploads/2010/08/budgetintro.jpg" alt="" width="635" height="250" /></a></p>
<p>This is a short article for client and designer alike, I&#8217;d like to tell you about how planning your budget and discussing it with your designer or developer can really help everyone involved.</p>
<p>For my entire career, business specialists and consultants have told me that it is a massive faux pas to talk budget with a potential client on the first meeting or even before furnishing a proposal. I have even had clients tell me, &#8220;No, I tell you what I want and you tell me what it costs.&#8221; in response to the budget question. This is a difficult place to be when I have done websites for $1,000 dollars and ones for $200,000, and in some cases it makes sense to think like this. But, its a terrible way to approach good customer service and delivering a valuable product.</p>
<p>Designers are creative problem solvers, which means that we know more than one way to skin a cat ( or a website). Most clients who contract with designers simply do not understand the costs or the way that the profession works. That isn&#8217;t their fault, they aren&#8217;t designers. As a designer, its our job to educate our clients on our profession just as it will be their job to educate us on theirs.</p>
<p>Let me layout a simple guide for discussing budgets:</p>
<p><strong>1)  Find out the &#8220;Why?&#8221;</strong><br />
This is a simple approach that many designers ignore or skip over. Most designers consider the budget irrelevant to their job, so they don&#8217;t ask why a budget is where it is. <strong>Remember this.</strong> Every client has a set budget for a reason, the number is not random and it represents a tangible amount of money they are willing to invest to solve a problem.  It is essential to ask the question, &#8220;How did you arrive at this budget?&#8221;. You should understand why the problem is costing them X amount and how your services will help them solve it and recoup the investment.</p>
<p><strong>2)  Understand the Financials of the Problem</strong><br />
Next, you should seek to understand how the problem is actually costing the client money or why they need to increase revenue. Its incredibly hard to build a product with measurable success if you don&#8217;t know how to measure it.</p>
<p><strong>3) Make clear delineation between Standard and Premium approaches</strong><br />
Helping your clients understand that design comes in levels of service will do you wonders. Its simple, more budget means more time spent. Most clients don&#8217;t understand how much work goes into the creative process and don&#8217;t understand that not all designs are created equal. Make sure they leave the meeting with the understanding that just because you can&#8217;t approach their problem with no expense spared doesn&#8217;t mean that it cannot be handled effectively and within a budget.</p>
<p><strong>4) Use Metaphors<br />
</strong>This is more of a personal preference but trust me, it works! If you client can relate to the value comparison it helps them understand where the costs are incurred. Remember to use comparisons that anyone can reference. My personal favorite subjects to draw metaphors to are the hamburger/steak approach and the car metaphor.</p>
<p><strong>5) Directly address their fears</strong><br />
Many clients are hesitant to give a budget because they believe it is like saying &#8220;You can charge me this much&#8221;.  The best approach you can take it to directly address the concern and explain why you need to know their budget and how it will help you offer a more value packed solution.</p>
<p>I hope this has given you a better feel for how to approach this touchy subject. Remember, budgeting is a core element of business and risk. The more transparent and helpful you are, the better your client relationships will be.</p>
]]></content:encoded>
			<wfw:commentRss>http://theborsky.com/2010/08/the-budget-question/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Great Designers. Raise Money for Clean Water</title>
		<link>http://theborsky.com/2010/07/great-designers-raise-money-for-clean-water/</link>
		<comments>http://theborsky.com/2010/07/great-designers-raise-money-for-clean-water/#comments</comments>
		<pubDate>Mon, 19 Jul 2010 17:24:05 +0000</pubDate>
		<dc:creator>Shawn Borsky</dc:creator>
				<category><![CDATA[Design + Awesome]]></category>
		<category><![CDATA[charity:water]]></category>
		<category><![CDATA[clean water]]></category>
		<category><![CDATA[designers]]></category>
		<category><![CDATA[raise money]]></category>
		<category><![CDATA[walken on water]]></category>

		<guid isPermaLink="false">http://theborsky.com/?p=314</guid>
		<description><![CDATA[<img src="http://theborsky.com/wp-content/uploads/2010/07/waterintro.jpg"/>
I just wanted to make a quick post about something I recently came across which is all kinds of awesome. 
 
A group of great designers who had invites to <a href="http://www.dribbble.com/" target="_blank">Dribbble</a> ( a community for artists to share works in progress)  got together and decided to use the invites to raise money for a great cause, clean drinking water. If you are not aware of Dribbble then you]]></description>
			<content:encoded><![CDATA[<p><a href="http://theborsky.com/wp-content/uploads/2010/07/waterintro.jpg"><img class="aligncenter size-full wp-image-317" title="waterintro" src="http://theborsky.com/wp-content/uploads/2010/07/waterintro.jpg" alt="" width="635" height="250" /></a></p>
<p>I just wanted to make a quick post about something I recently came across which is all kinds of awesome.</p>
<p>A group of great designers who had invites to <a href="http://www.dribbble.com/" target="_blank">Dribbble</a> ( a community for artists to share works in progress)  got together and decided to use the invites to raise money for a great cause, clean drinking water. If you are not aware of Dribbble then you are likely not aware of how sought after an invite is for designers who love what they do.</p>
<p>I love this  approach because it is such a sensible application of value to an otherwise abstract idea. They are leveraging the value of something intangible to make a real difference in people&#8217;s lives.</p>
<p style="text-align: center;"><a rel="http://mycharitywater.org/p/campaign?campaign_id=5497" href="http://theborsky.com/wp-content/uploads/2010/07/614a12641b294max.jpg"><img class="aligncenter size-full wp-image-321" title="614a12641b294max" src="http://theborsky.com/wp-content/uploads/2010/07/614a12641b294max.jpg" alt="" width="294" height="221" /></a></p>
<p>I have already donated and told everyone that I can reach about this, I encourage you do to the same.</p>
<h3>You can check-out <a href="http://www.chris-wallace.com/" target="_blank">Chris Wallace&#8217;s site here</a> to find out more  or go directly to <a href="http://mycharitywater.org/p/campaign?campaign_id=5497" target="_blank">the Campaign for Charity:water</a></h3>
]]></content:encoded>
			<wfw:commentRss>http://theborsky.com/2010/07/great-designers-raise-money-for-clean-water/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Better Web Design &#8211; Part 1 : Fine-Details</title>
		<link>http://theborsky.com/2010/07/better-web-design-part-1/</link>
		<comments>http://theborsky.com/2010/07/better-web-design-part-1/#comments</comments>
		<pubDate>Thu, 15 Jul 2010 05:53:01 +0000</pubDate>
		<dc:creator>Shawn Borsky</dc:creator>
				<category><![CDATA[Design Articles]]></category>
		<category><![CDATA[Interface Design]]></category>

		<guid isPermaLink="false">http://theborsky.com/?p=234</guid>
		<description><![CDATA[<h3>Better Web Design : A Series</h3>
<img src="http://theborsky.com/wp-content/uploads/2010/07/pupppiesintro.jpg"/> 
This will be the first article in a series I will be writing. The goal is to help fledgling web designers work inwardly on their practices to become an overall better web designer. 
 
In general, one can look at a website and think, "Wow, this looks great" or "This is alright". Many web users are not designers, nor are they aware of how]]></description>
			<content:encoded><![CDATA[<h3>Better Web Design : A Series</h3>
<p>This will be the first article in a series I will be writing. The goal is to help fledgling web designers work inwardly on their practices to become an overall better web designer.</p>
<p>In general, one can look at a website and think, &#8220;Wow, this looks great&#8221; or &#8220;This is alright&#8221;. Many web users are not designers, nor are they aware of how they can make these observations.  It is inherent in the way our mind interprets what we see. We are not just seeing it, we are analyzing it, remembering similar experiences, and abstracting the concepts.  In this process, we are recalling natural cues of beauty such as symmetry,  crisp lines,  clean alignment, equidistant spacing,  subtle color combination, and practical information hierarchy.  We can understand that the same design by a better designer is better, but why is that?</p>
<p>There are clearly a number of factors. Is it good layout? perhaps a  well-done logo? intelligent color scheme? Perhaps, but then again. Let&#8217;s explore these facets.<strong><br />
</strong></p>
<p>A good layout is not to difficult to come by. All you really need is clean and equal alignments,  clear gutters and margins, and breathing room for content and text. After all, a nice two column layout can solve many content problems. Further, there are now many great grid systems and layout templates that can provide any designer with a solid foundation.</p>
<p>Then a good logo? It is true that a good logo can make a design better just like a bad logo can make a good design look low quality. A logo is a small piece of identity and in general many of the most well-done designs utilize a logo that is little more than a well-selected typeface with careful kerning.</p>
<p>Perhaps, it is color scheme? Colors can be attractive and harmonious but most sites have a fairly simple color scheme. There are award-winning fantastically designed websites that are black and white.</p>
<p>Let me present this thought to you.</p>
<p><strong>A major factor that separates a stunning professional designer from an amateur is the fine-details. In a word, craftsmanship.</strong></p>
<p><strong> </strong><br />
The decision to make  a 1 pixel subtle  gray line, when it could just be black.  The call to use a subtle arched drop-shadow when it could be just a block or an outline. The addition of  a slight texture or a smooth gradient to enhance the depth of a button.  Even a 1 pixel 50% opaque line to create a sharp highlight can make a world of difference.</p>
<p>To many, this all sounds like unnecessary fluff. A number of readers may write-off such considerations as useless or unnoticeable and therefore, not worth the time or effort.  Humans are subtle creatures, we can detect extremely minute details without realizing it. I guarantee you this; A user will always notice craftsmanship.  Think of any product you have used that has a cheap alternative. There is a reason it is cheaper. Many times it is not really important, but when building websites people have little tactile reference or other paradigms to make a mental comparison.  Well detailed design is sometimes the only way to prove genuinely that you care about quality.  You don&#8217;t need to take my word for it, let&#8217;s look at an example.</p>
<h2>An Example</h2>
<p>Let&#8217;s take the example of a website that has a simple but professional design. I am going to use<a href="http://dribbble.com" target="_blank"> Dribbble</a>, because I love the idea of the website. Also, I would love an  invite just as much. But, I digress.<br />
I created this basic wire-frame based on the current Dribbble site design.</p>
<p>This step is to help us separate the layout from the design for the purposes of demonstration. The layout is nice, but there is nothing that is particularly professional or outstanding about it.</p>
<p style="text-align: center;"><a href="http://theborsky.com/wp-content/uploads/2010/07/dribbble_wireframe.jpg"><img class="aligncenter size-full wp-image-237" title="dribbble_wireframe" src="http://theborsky.com/wp-content/uploads/2010/07/dribbble_wireframe.jpg" alt="" width="427" height="373" /></a></p>
<p style="text-align: center;">
<p style="text-align: left;">Okay, let&#8217;s take a look at the logo.</p>
<p style="text-align: left;">My amateur example  site will be called &#8220;Pupppies&#8221;. Below is a side by side comparsion of the dribbble logo vs. my quickly concocted  pupppies logo.</p>
<p style="text-align: center;"><a href="http://theborsky.com/wp-content/uploads/2010/07/logos.jpg"><img class="aligncenter size-full wp-image-241" title="logos" src="http://theborsky.com/wp-content/uploads/2010/07/logos.jpg" alt="" width="134" height="149" /></a></p>
<p style="text-align: left;">I didn&#8217;t spend as much time as the designers at Simplebits , but it isn&#8217;t a bad logo for a 5 minute investment. Albeit copyright infringing&#8230;</p>
<p style="text-align: left;">
<p style="text-align: left;">Wondering about the color scheme? For the sake of this example, I will be using the same color scheme as dribbble, so that we are on an even playing field.</p>
<p style="text-align: left;">
<p style="text-align: left;">I give you Pupppies! ( Make sure to open in full resolution!)</p>
<p style="text-align: left;"><a href="http://theborsky.com/wp-content/uploads/2010/07/pupppies.jpg"><img class="aligncenter size-full wp-image-242" title="pupppies" src="http://theborsky.com/wp-content/uploads/2010/07/pupppies.jpg" alt="" width="610" height="533" /></a></p>
<p style="text-align: left;">Alright, so I followed the layout closely, used  similar logo, and the same color scheme. It doesn&#8217;t look as professional does it? Can&#8217;t see it? Enlarge both mock-ups in full size and then take a look.</p>
<p style="text-align: left;">You will notice that Pupppies does not look bad.  But, it also does not stand out. It feels stagnant, boring, and generic.   Let&#8217;s look at the actual website now :</p>
<p style="text-align: center;">
<p style="text-align: center;"><strong><a href="http://theborsky.com/wp-content/uploads/2010/07/dribbble_layout.jpg"><img class="aligncenter size-full wp-image-244" title="dribbble_layout" src="http://theborsky.com/wp-content/uploads/2010/07/dribbble_layout.jpg" alt="" width="610" height="533" /></a></strong></p>
<p style="text-align: center;">
<p style="text-align: left;">That is very nice.  Take note that the website feels solid, clean, coherent and overall&#8230;professional.  This uses the same layout, basically the same logo, and an identical color scheme, and yet&#8230; It feels alive and vibrant. The dynamic nature of the site is prevalent and it conveys depth and tactile sensation despite being on a screen. The texture grabs you and helps the content to jump off the screen&#8230; ( Remember, open it up in a full window)</p>
<p style="text-align: left;">But, why? Let&#8217;s look.</p>
<p style="text-align: left;">
<p style="text-align: left;">Let&#8217;s first look at the top navigation below. Same layout, similar logo mark, same colors. But, notice how dribbble&#8217;s design  has a nice soft gradient to create depth, it also has a soft gaussian monochromatic noise applied. Compare how it has a smooth rounded square for the hover state, with a softened drop shadow to give the appearance that the option is  indented. An inverted gradient inside of that square helps to make it work with the background.  Take notice of how the hovered link is white and bolded, where the inactive links are a <em>slight </em>grey. Many times subtle shifts in color can seem the most drastic when applied to higher contrast.</p>
<p style="text-align: center;">
<p style="text-align: left;"><a href="http://theborsky.com/wp-content/uploads/2010/07/example1.jpg"><img class="aligncenter size-full wp-image-246" title="example1" src="http://theborsky.com/wp-content/uploads/2010/07/example1.jpg" alt="" width="503" height="251" /></a></p>
<p style="text-align: left;">Next is the call to action button. Let&#8217;s check out what we did for  Pupppies. The button is a  flat pink, inherited font size and boldness. Dribbble took the high-road here with a subtle but still hard lined gradient and highlight to give the button 3d space and depth. Further, it uses nicely rounded corners. These are all great features because users respond to convention. In short, if it looks like a button, they want to click it. The button also uses that contrast of the white rather than relying on a bold or thickness to create readability. To finish it off, there is a white text arrow which helps guide the user to click and implies the &#8220;action&#8221; inherent in the button.</p>
<p style="text-align: center;"><a href="http://theborsky.com/wp-content/uploads/2010/07/example2.jpg"><img class="aligncenter size-full wp-image-247" title="example2" src="http://theborsky.com/wp-content/uploads/2010/07/example2.jpg" alt="" width="138" height="137" /></a></p>
<p style="text-align: left;">In the next, example we can see a ton of exquisite detailing. Notice, how Dribbble&#8217;s designers have applied an extremely light 1 pixel outline and accented it with an soft arched drop shadow. This makes it pop up ever so slightly. Also, take notice that the background shade is the same in both, but Dribbble &#8216;s usage of a slight gradient moving down the page and the soft gaussian noise is building a subtle tactile feeling with texture and it is working beautifully.</p>
<p style="text-align: center;"><a href="http://theborsky.com/wp-content/uploads/2010/07/example3.jpg"><img class="aligncenter size-full wp-image-248" title="example3" src="http://theborsky.com/wp-content/uploads/2010/07/example3.jpg" alt="" width="503" height="251" /></a></p>
<p style="text-align: left;">
<p style="text-align: left;">
<p style="text-align: left;">For now, we have covered a few small examples in this comparison that are representative of some of the details I am speaking of. I challenge you to seek out professional websites and see if you can identify where the designer spent extra time and put special thought into the decisions being made.</p>
<p style="text-align: left;">Next time you are creating a web design and you think the project is ready to go. Stop yourself, revisit the design and spend an extra hour.  Spend time just adjusting spacing, hand-drawing a line, adding smooth or  subtle gradients to create depth, add a highlight to a button, even give it a slight under glow. You can watch as the design you thought was good an hour before begins to transform into a polished and finely-tuned piece of work.</p>
<p style="text-align: left;">I encourage you to just try it once.</p>
<p style="text-align: left;"><strong>Attention to detail is the mark of a great craftsman and the signature of a more solid designer. </strong></p>
<p style="text-align: left;">Thanks for reading and I hope this is helpful for you and please let me know what you think, leave a comment or shoot me an e-mail.</p>
<p style="text-align: left;">
]]></content:encoded>
			<wfw:commentRss>http://theborsky.com/2010/07/better-web-design-part-1/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>FIGO Pasta! Matching great marketing with a great website.</title>
		<link>http://theborsky.com/2010/06/figo-pasta-another-branded-web-presence-strategy/</link>
		<comments>http://theborsky.com/2010/06/figo-pasta-another-branded-web-presence-strategy/#comments</comments>
		<pubDate>Sat, 19 Jun 2010 06:22:39 +0000</pubDate>
		<dc:creator>Shawn Borsky</dc:creator>
				<category><![CDATA[Branding]]></category>
		<category><![CDATA[Interface Design]]></category>
		<category><![CDATA[Theortical Brand Projects]]></category>
		<category><![CDATA[digital branding]]></category>
		<category><![CDATA[figo]]></category>
		<category><![CDATA[pasta]]></category>
		<category><![CDATA[redesign]]></category>
		<category><![CDATA[web presence]]></category>

		<guid isPermaLink="false">http://theborsky.com/?p=152</guid>
		<description><![CDATA[<img src="http://theborsky.com/wp-content/uploads/2010/07/figointro.jpg" />

Hello again, everyone.  I'm back with another Theoretical Brand and Web Project. 
 
My subject this time is: FIGO Pasta. 
FIGO is a a name you may not be familiar with unless you live in and around the Atlanta area, but it is an fantastic Italian restaurant that focuses on the right things. 
 
First, I would like to start off by saying that whoever is currently handling FIGO's marketing]]></description>
			<content:encoded><![CDATA[<p>Hello again, everyone.  I&#8217;m back with another Theoretical Brand and Web Project.</p>
<p>My subject this time is: FIGO Pasta.<br />
FIGO is a a name you may not be familiar with unless you live in and around the Atlanta area, but it is an fantastic Italian restaurant that focuses on the right things.</p>
<p>First, I would like to start off by saying that whoever is currently handling FIGO&#8217;s marketing, branding, interior design and customer experience is doing a wonderful job.  FIGO has a relaxing, authentic Italian, smooth ambiance, their logo is solid and classic, the menus are laid out nicely, they use professional and clean typefaces, the staff is always pleasant, and their tag-lines are great (&#8220;Be Yourself. Be FIGO.&#8221;).  So, I am by no means worried about FIGO&#8217;s ability to do business, do it well, and do it in style. All of this just makes it that much more shocking that their web presence is, well, downright reprehensible.</p>
<p><a href="http://theborsky.com/wp-content/uploads/2010/06/3284509471_c45db9cc56_b.jpg"><img class="size-medium wp-image-153   alignnone" style="margin: 5px;" title="FIGO Signage" src="http://theborsky.com/wp-content/uploads/2010/06/3284509471_c45db9cc56_b-300x200.jpg" alt="" width="300" height="200" /></a></p>
<p>Great Sign and Logo</p>
<p><a href="http://theborsky.com/wp-content/uploads/2010/06/102398659_de1288ebdc_o.jpg"><img class="size-medium wp-image-155   alignnone" style="margin: 5px;" title="FIGO Food" src="http://theborsky.com/wp-content/uploads/2010/06/102398659_de1288ebdc_o-300x225.jpg" alt="" width="300" height="200" /></a></p>
<p>Fantastic-looking-and-tasting food.<a href="http://theborsky.com/wp-content/uploads/2010/06/2222891553_a3826749ff_b.jpg"><img class="size-medium wp-image-154  aligncenter" style="margin: 5px;" title="FIGO Interior" src="http://theborsky.com/wp-content/uploads/2010/06/2222891553_a3826749ff_b-300x225.jpg" alt="" width="300" height="200" /></a></p>
<p>Great Atmosphere<a href="http://theborsky.com/wp-content/uploads/2010/06/currentsite.jpg"><img class="size-medium wp-image-156  aligncenter" style="margin: 5px;" title="currentsite" src="http://theborsky.com/wp-content/uploads/2010/06/currentsite-300x182.jpg" alt="" width="300" height="200" /></a></p>
<p>WAIT?!  This last one doesn&#8217;t fit.</p>
<p>We need to take a closer look. Let&#8217;s zoom in:</p>
<p style="text-align: left;"><a href="http://theborsky.com/wp-content/uploads/2010/06/currentsite1.jpg"><img class="size-large wp-image-157  aligncenter" title="currentsite" src="http://theborsky.com/wp-content/uploads/2010/06/currentsite1-1024x622.jpg" alt="" width="502" height="305" /></a></p>
<p style="text-align: left;">As you may have figured out, this is FIGO&#8217;s website.  It doesn&#8217;t match the rest of the experience at all.  You are probably thinking that if everything is all right, then there is no need to worry.  Who cares if they have a crappy website and good everything else, right?  <strong>Wrong.</strong></p>
<p style="text-align: left;">I say this a lot and will continue to mention it: A brand is the sum of the experiences that people have with your company.  With companies that are exemplary, it can only hurt them more to have a weak link in the chain.  As a brand specialist, I tell clients that part of a good brand is looking good (that&#8217;s your identity), and the other part is delivering on your brand promises (things and expectations you create when people interact with your company or its identifying factors).</p>
<p style="text-align: left;"><strong>So, what&#8217;s wrong with this website besides not being too pleasing on the eyes? </strong></p>
<p style="text-align: left;"><strong>1.  Bad First Impression | </strong>The first and most important sin of this website is that it is lying to me about FIGO.  Let&#8217;s say that I have never heard of FIGO; perhaps I am a tourist, visiting family, on business, or a new arrival in the Atlanta area.  Many people use a quick Google search and website look-up to evaluate a business, and this goes double for restaurants.  So, I land on this page.  What does it tell me about FIGO?</p>
<p>a. Well, for one, I will not think they care much about the details, because their text is abrasive and all jammed up against the edges of the website, the menu is noticably blurry and the website is a light shade of yellow, which makes it hard to read.</p>
<p style="text-align: left;">b. The pictures are slim, not very descriptive and not consistently placed.  Does not make me hungry, it actually makes me feel like they are not confident about their food, because they aren&#8217;t showing it to me in its full glory immediately.</p>
<p style="text-align: left;">c.  The menu section is just a PDF download, which is fine to have, but I am an American, and I am all about convenience: I should be able to read the menu in HTML text, and not be forced to download an actual menu to skim and look through the food.</p>
<p style="text-align: left;">d. The links are default blue links, no spacing or placement, and most of the things they tell me in type or say in copy are very haphazard.  It&#8217;s easy to type in on a web-page that you care about quality, but if you don&#8217;t demonstate that, then it doesn&#8217;t really work.  Imagine if I walked into a job interview 15 minutes late and told you I cared deeply about being punctual?  That would not establish any kind of trust in your mind.</p>
<p style="text-align: left;"><strong>2. Not encouraging interaction with the brand |<br />
</strong>It is certainly true that the current website of FIGO is practically functional.  While it may not speed across the finish-line, it does achieve all the basics that a website should have.  Location information, access to a menu, specials info, contact info, about them, Twitter and Facebook links.</p>
<p>I don&#8217;t care who you are; you could be the best restaurant in Atlanta or you could be the worst.  No restaurant business does not want even more customers than they have now.  And unfortunately, the exact thing FIGO&#8217;s web presence does right now is only engage people who already like it on a basic and practical level.  Which is fine, but that doesn&#8217;t get you more customers, make you more money or increase the amount of times people will go to FIGO, and that&#8217;s the problem here.</p>
<p>a. First, the social media links have taken an EXTREME back-seat to everything on the website. They are only accessible via the homepage, are not promoted at the locations, and are not visible anywhere else.  I did not even know FIGO had a Twitter account until tonight, when I was looking hard at their website.  That&#8217;s a big deal.  In our current society, social media is extremely important, especially when brand exposure is everything and marketing copy gets you nothing.  Not only should I be able to find Facebook and Twitter from anywhere on the site, but I should be encouraged to join and interact.  People are lazy: they need easy-to-find , easy-to-use tools.  Otherwise, they will focus on something else.</p>
<p>b. Next, FIGO banks very much on the idea that they are about good friends, good times, and good food.  Just like any marketing copy, that&#8217;s easy to say or type and easy to ignore.  Not so easy to ignore if I can engage the viewer&#8217;s attention with proof: people interacting with Facebook, posting pictures of themselves enjoying FIGO, posting beautiful food, and getting excited about being involved with FIGO!!!!!! (Sorry, got myself excited about it.)</p>
<p>c. Which brings me to the Locations page.  Right now, it&#8217;s a grid table with a link to pages with no photos, and a link to MapQuest.  Again, functional, but does not ENGAGE the user.  First, you need pictures.  It makes it easier to find and it makes people excited.  I found 20+ pictures of all the locations online with simple searches, so it is worth the time to just snap a few pictures of each location.  Next, we should have an embeded Google Maps, Bing, or Yahoo! Maps. Linking is a thing of the past; show people without a click,exactly where the location is.</p>
<p>d. The Menu page.  I don&#8217;t know about everybody else, but I HATE downloading PDFs on the internet.  Especially on my iPhone, even though I know the phone can do it.  I don&#8217;t care: I want to be able to peruse and browse, even see a few juicy, delicious pictures to whet my appetite.  Again, pictures are not hard, and the effort is worth it.  Right now, I can ONLY download the print PDF, which is just not as easy to look through on a screen or on a tiny phone screen.  The meny should be appetizing, easy-to-use, and ALSO offer a PDF download.</p>
<p>So, what can be done about it?</p>
<p><strong>I present you, The NEW FIGO web presence (the Homepage anyway):<br />
</strong></p>
<p style="text-align: center;"><a rel="http://theborsky.com/wp-content/uploads/2010/06/working_homePage.jpg" href="http://theborsky.com/wp-content/uploads/2010/06/working_homePage.jpg"><img class="aligncenter size-large wp-image-166" title="working_homePage" src="http://theborsky.com/wp-content/uploads/2010/06/working_homePage-768x1024.jpg" alt="" width="538" height="717" /></a></p>
<p style="text-align: center;">Click the picture above to see the 100% full size mock-up.</p>
<p style="text-align: left;">So, while I did not address any of the interior pages, you can already see what I am talking about.  This jives much better with FIGO&#8217;s brand.  It engages the user, reflects the restaurant, makes you hungry, and makes you want to go to FIGO!</p>
<p style="text-align: left;">So, just a re-cap of the  some of the changes.</p>
<p style="text-align: left;">1. First, we need to make the site feel warm, friendly, and exciting.  I did this by mimicking the lighting in the FIGO locations: a stucco Italian-style freco wall texture with a very warm splashed light on it.</p>
<p style="text-align: left;">2. Immediately, I focus the user on a vivid, close-up, delicious rotator picture of the food.  Next to this, I can see the active Twitter feed, with a BIG follow button, and a call-out to show me Specials.<br />
Behind that, we have piles of dry pasta (Another decor element mimicked from the locations).  Immediately, we are establishing the character and personality behind the brand, so people are getting a very positive first experience with FIGO on the web.</p>
<p style="text-align: left;">3.  We got rid of that pale yellow and used the vivid orange color from the logo. The navigation is now on top, bigger and more bold.</p>
<p style="text-align: left;">4. Right below that, we use bold, classic-style call-outs to bring attention to the Story, Menu, and Locations (probably the 3 main things people will look for when they come to the site).</p>
<p style="text-align: left;">5. Below that, we have a cool feature I came up with to really engage the user: using the great tagline, &#8220;Be Yourself. Be FIGO,&#8221; we encourage interaction and engaging behavior by parsing Flickr for the Figo Pasta tag and returning a grid of all the AWESOME that ensues.  (To note, I designed the grid, but every picture in the mock-up is actually from a Flickr search of Figo Pasta.)  Now <em>that</em> is convincing.  How hard is it believe that this restaurant is great when I have dozens, even hundreds of pictures of proof!</p>
<p style="text-align: left;">6. Below that, we have a classic footer with omnipresent social media links.</p>
<p style="text-align: left;">
<p style="text-align: left;"><strong>Conclusion</strong></p>
<p style="text-align: left;">So, does FIGO NEED a new website?<br />
Well, it&#8217;s a loaded question.  I cannot pretend to know how well they are doing, but I am going to guess reasonably well, and it is good that FIGO has established a Facebook and Twitter account.<br />
However, the current website is a really weak link in their otherwise impeccable brand.  It is an absolute fact that with a more professional, more engaging, more brand-centric website, FIGO would get EVEN more customers than they do now and potentially more repeat customers.  Right now, their website is effectively a dud: it just sits there and occasionally gives directions, but I doubt it turns decisions around or convinces new customers to come.  A website is an interactive experience and it has objectives.  Right now, FIGO is getting the basic, bare minimum of simple objectives when they could be leveraging their website as an effective asset in gaining more repeat customers, more new customers, and overall an even more complete and even better brand experience.</p>
<p style="text-align: left;"><strong>FIGO is great. I love going there, as my colleagues, employees, and friends do, too.  But I guarantee you, if the brand was more engaging and present to us on the web, we would be going there twice as much as we do now, and that&#8217;s lost sales.  I suspect we are not the only example. </strong></p>
<p style="text-align: left;"><strong>There is always room to do something better and excellence is always worth it.<br />
</strong></p>
<p style="text-align: left;">
<p style="text-align: center;">
<p style="text-align: center;">
<p style="text-align: left;">
<p style="text-align: left;">
<p style="text-align: left;">
<p style="text-align: left;">
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 1482px; width: 1px; height: 1px; overflow: hidden;"><img src="file:///C:/Users/SHAWNB%7E1/AppData/Local/Temp/moz-screenshot.png" alt="" /></div>
]]></content:encoded>
			<wfw:commentRss>http://theborsky.com/2010/06/figo-pasta-another-branded-web-presence-strategy/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Marvel vs. Capcom 3 Poster Fixed.</title>
		<link>http://theborsky.com/2010/06/marvel-vs-capcom-3-poster-fixed/</link>
		<comments>http://theborsky.com/2010/06/marvel-vs-capcom-3-poster-fixed/#comments</comments>
		<pubDate>Fri, 11 Jun 2010 18:45:54 +0000</pubDate>
		<dc:creator>Shawn Borsky</dc:creator>
				<category><![CDATA[Anthem Projects]]></category>
		<category><![CDATA[Branding]]></category>
		<category><![CDATA[Theortical Brand Projects]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[marvel vs.capcom 3]]></category>
		<category><![CDATA[mvc3]]></category>

		<guid isPermaLink="false">http://theborsky.com/?p=129</guid>
		<description><![CDATA[<img src="http://theborsky.com/wp-content/uploads/2010/07/mvc3intro.jpg"/>
As an artist and designer, I push myself to insanely high standards and I find the most finely tuned details important. Also, since I am good and fast with photoshop and overall design, I always feel the need to just fix problems when I see them happen in professional design. So, today I have decided that I am going to make an effort to share all of my "fixed" and]]></description>
			<content:encoded><![CDATA[<p>As an artist and designer, I push myself to insanely high standards and I find the most finely tuned details important. Also, since I am good and fast with photoshop and overall design, I always feel the need to just fix problems when I see them happen in professional design. So, today I have decided that I am going to make an effort to share all of my &#8220;fixed&#8221; and speculative designs.</p>
<p>First up, I would like to show my Marvel vs. Capcom 3 logo and poster edits.  As many of you may know, me and Anthem have been working hard on a fansite effort to build a great social media marketing effort for the upcoming Marvel vs. Capcom 3. When we started MvC3 did not have a logo released, so I designed one.</p>
<p>The Approach :</p>
<p>Capcom has usually had fantastic , classic logos, so I decided to keep in tune with the previous MvC game logos.</p>
<p style="text-align: center;">
<p><a href="http://theborsky.com/wp-content/uploads/2010/06/marvel-vs.-capcom.jpg"><img class="size-medium wp-image-143   alignleft" style="margin: 10px;" title="marvel vs. capcom" src="http://theborsky.com/wp-content/uploads/2010/06/marvel-vs.-capcom-300x295.jpg" alt="" width="144" height="142" /></a><a href="http://theborsky.com/wp-content/uploads/2010/06/mvc2-cover_rev3.jpg"><img class="size-thumbnail wp-image-142 alignleft" title="mvc2-cover_rev3" src="http://theborsky.com/wp-content/uploads/2010/06/mvc2-cover_rev3-150x150.jpg" alt="" width="150" height="150" /></a></p>
<p style="text-align: center;">
<p>Elements I thought were needed. A strong, bright and colorful feel, an equal footing of both company logos, and emphasis and singular connectivity of the number to the game. ie. the logo should feel like one unit. Further, I wanted to play with the idea of it using a strong comic style, hence I added small hints of halftones. Further, the number needed to look sleek and 3d but not feel rendered. So, I opted for sharp, and bold highlights. I chose a bold, modern sans-serif typeface for the words such as VS. and Fate of Two Worlds. Overall, I then wanted to unify it with a strong black outline that helps both contrast, readability, reference to comics and coherency. And what you see is my final logo approach.</p>
<p>The logo :</p>
<p style="text-align: center;"><a href="http://theborsky.com/wp-content/uploads/2010/06/mvc3logo.jpg"><img class="aligncenter size-full wp-image-130" title="mvc3logo" src="http://theborsky.com/wp-content/uploads/2010/06/mvc3logo.jpg" alt="" width="518" height="398" /></a></p>
<p style="text-align: center;">
<p style="text-align: center;">I have also know that its important that logos are legible and appropriate in context, so I did a few mock-ups with official art. First up is the first piece of Shinkiro Art.</p>
<p style="text-align: center;"><a href="http://theborsky.com/wp-content/uploads/2010/06/MvC3AnnouncementArtwLogo_01.png"><img class="aligncenter size-large wp-image-136" title="MvC3AnnouncementArtwLogo_01" src="http://theborsky.com/wp-content/uploads/2010/06/MvC3AnnouncementArtwLogo_01-723x1024.png" alt="" width="462" height="655" /></a></p>
<p style="text-align: center;">Looks good, but I thought the logo needed more. So, I added more to it( seen above).</p>
<p style="text-align: center;">Recently for E3, Capcom released a poster with a logo, which seemed to say the least, lazy and uninspired. So, I edited it, this time it was only a photo, so I made sure it looked real.</p>
<p style="text-align: center;"><a href="http://theborsky.com/wp-content/uploads/2010/06/mvc3_poster.jpg"><img class="aligncenter size-full wp-image-139" title="mvc3_poster" src="http://theborsky.com/wp-content/uploads/2010/06/mvc3_poster.jpg" alt="" width="538" height="769" /></a></p>
<p style="text-align: center;">Below is a side-by-side of the official logo on the left and my design from March on the right.</p>
<p style="text-align: center;">
<p style="text-align: center;"><a href="http://theborsky.com/wp-content/uploads/2010/06/logosidebyside.jpg"><img class="aligncenter size-large wp-image-148" title="logosidebyside" src="http://theborsky.com/wp-content/uploads/2010/06/logosidebyside-1024x535.jpg" alt="" width="602" height="316" /></a></p>
<p style="text-align: center;">
]]></content:encoded>
			<wfw:commentRss>http://theborsky.com/2010/06/marvel-vs-capcom-3-poster-fixed/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Capsule CEO launches!</title>
		<link>http://theborsky.com/2010/05/capsule-ceo-launches/</link>
		<comments>http://theborsky.com/2010/05/capsule-ceo-launches/#comments</comments>
		<pubDate>Sun, 30 May 2010 06:04:17 +0000</pubDate>
		<dc:creator>Shawn Borsky</dc:creator>
				<category><![CDATA[Anthem Projects]]></category>
		<category><![CDATA[Branding]]></category>
		<category><![CDATA[Emergent Technology]]></category>
		<category><![CDATA[Mobile Apps]]></category>

		<guid isPermaLink="false">http://theborsky.com/?p=117</guid>
		<description><![CDATA[<img src="http://theborsky.com/wp-content/uploads/2010/07/capsuleceointro.jpg"/>
<p style="text-align: center;">Hello everyone, I wanted to dedicate a post to Anthem's new iPhone/Android app.</p> 
Anthem has been doing tons of work for other clients in terms of web apps, iphone games and apps, and now I am insanely proud to announce we have launched our first ALL Anthem internal app on iPhone. 
 
Capsule CEO is a business satire. As many people ( including myself) who do business with]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;">Hello everyone, I wanted to dedicate a post to Anthem&#8217;s new iPhone/Android app.</p>
<p>Anthem has been doing tons of work for other clients in terms of web apps, iphone games and apps, and now I am insanely proud to announce we have launched our first ALL Anthem internal app on iPhone.</p>
<p>Capsule CEO is a business satire. As many people ( including myself) who do business with different companies on a regular basis are aware, buzz words and business speak are a necessary part of selling products and services.</p>
<p>My favorite thing about business speak is who sometimes you can get so into it that you can sound like you said something awesome, but actually said nothing.</p>
<p>So, we ventured ( no pun intended), to create a likeable character who could give you awesome advice at the tap of a button.</p>
<p>The CEO&#8217;s design is a fantastic combination of a few well known CEOs, plus some elements that are common among all of us ( CEOs).  We did exhaustive research, right down to the hand-gestures and hand-in pocket style.  We watched and studied tons of keynote speeches, recalled hundreds of powerpoint presentations, and compiled every great buzz term or useful business-ism that we could think of. I am proud of the result and I am excited to see what our team comes up with to continue making Capsule CEO a great app and character.</p>
<p>So, I would like to introduce you to Capsule CEO!</p>
<p style="text-align: center;"><a href="http://theborsky.com/wp-content/uploads/2010/05/CapsuleCEO_shot1.png"><img class="size-full wp-image-118  aligncenter" title="Say Hello to Capsule CEO!" src="http://theborsky.com/wp-content/uploads/2010/05/CapsuleCEO_shot1.png" alt="" width="320" height="460" /></a></p>
<p>He was designed and animated by one of our amazing staff members <a href="http://burntmoth.blogspot.com/" target="_blank">Darius Hill</a></p>
<p>Also check out the logo I designed for it.</p>
<p style="text-align: center;"><a href="http://theborsky.com/wp-content/uploads/2010/05/finallogo.jpg"><img class="aligncenter size-full wp-image-119" title="finallogo" src="http://theborsky.com/wp-content/uploads/2010/05/finallogo.jpg" alt="" width="491" height="368" /></a></p>
<p style="text-align: center;">You can also check out the app website here:</p>
<p style="text-align: center;"><a title="Capsule CEO" rel="http://capsuleceo.com" href="http" target="_blank"><img class="aligncenter size-full wp-image-123" title="screenshot_site" src="http://theborsky.com/wp-content/uploads/2010/05/screenshot_site.jpg" alt="" width="464" height="546" /></a></p>
<p style="text-align: center;">
]]></content:encoded>
			<wfw:commentRss>http://theborsky.com/2010/05/capsule-ceo-launches/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Archer Farms Case Study  &#124; A Branded Web Presence Strategy</title>
		<link>http://theborsky.com/2010/03/archer-farms-case-study-a-branded-web-presence-strategy/</link>
		<comments>http://theborsky.com/2010/03/archer-farms-case-study-a-branded-web-presence-strategy/#comments</comments>
		<pubDate>Wed, 31 Mar 2010 03:10:08 +0000</pubDate>
		<dc:creator>Shawn Borsky</dc:creator>
				<category><![CDATA[Branding]]></category>
		<category><![CDATA[Interface Design]]></category>
		<category><![CDATA[Theortical Brand Projects]]></category>
		<category><![CDATA[Archer]]></category>
		<category><![CDATA[Archer Farms]]></category>
		<category><![CDATA[brand strategy]]></category>
		<category><![CDATA[brand studies]]></category>
		<category><![CDATA[case study]]></category>
		<category><![CDATA[design approaches]]></category>
		<category><![CDATA[Farms]]></category>
		<category><![CDATA[Target]]></category>
		<category><![CDATA[web presence]]></category>

		<guid isPermaLink="false">http://theborsky.com/?p=53</guid>
		<description><![CDATA[<img src="http://theborsky.com/wp-content/uploads/2010/07/archerfarmsintro.jpg"/>
Target's Archer Farms' online presence is both upsetting and deplorable. Here is how I would approach them with a brand centric web presence initiative.]]></description>
			<content:encoded><![CDATA[<p>Everyone is familiar with generic grocery store brands. My guess is, you don&#8217;t like them very much. While there are exceptions, general public opinion is that the big brands are better. Which, to be fair, is the entire point of  their multi-million dollar branding, but I digress.  I recently felt compelled to write about my favorite generic store brand: this brand is actually not so generic, but with their current web presence, you would never know. I believe it&#8217;s high time they get with the program, Archer Farms, so here it comes!</p>
<p style="text-align: center;"><a href="http://theborsky.com/wp-content/uploads/2010/03/archerfarms_screenshot.jpg"><img class="aligncenter size-large wp-image-65" title="Archer Farms Web Presence" src="http://theborsky.com/wp-content/uploads/2010/03/archerfarms_screenshot-1024x611.jpg" alt="" width="614" height="367" /></a></p>
<p>The screenshot you see above represents all of Target&#8217;s Archer Farms&#8217; online presence. I found this to be both upsetting and deplorable.</p>
<p>As a huge fan of Archer Farms&#8217; products, I firmly believe that they have found an ideal compromise between budget and quality.  It is important to note that Archer Farms is not Target&#8217;s cheap alternative.  Market Pantry fills that role, which is fine in its own right. Archer Farms is much like Kroger&#8217;s Private Selection: it is a secondary higher-end brand, a stepping stone between big brand and generic. This position and inherently higher quality actually leaves tremendous room for sales growth.</p>
<p>A generic brand is a concept that banks on the fact that a conscientious buyer will make quick decisions to save money. This is largely a point-of-sale interaction and it works great for Market Pantry, Kroger Brand or Publix Select.  However, that is not what I see here. Target has created a private label brand that sells quality, unique and attractive products.  Archer Farms actually hits the higher-end store brand vertical in some extremely important and unique ways:</p>
<p>1)  They have memorable branding that is clean, attractive and does not feel like a generic brand, yet maintains an attractively low price-point.</p>
<p>2) They do not just offer cheap alternatives. Instead, they offer unique and interesting product lines, flavors and fun twists on other products and goods.</p>
<p>I do not pretend to know how well Archer Farms is doing or where they spend their marketing budget.  I do know this, though: I love the brand, but I only buy it when I remember to. I personally do not use social media as much as many of my friends and colleagues, but I cannot avoid it. I know that my parents, my grandparents and most people I do business with will immediately turn to a quick Google or Yahoo! search to quantify their expectations, beliefs or hearsay rumors about a product, good, service or company. If I had heard from a friend that Archer Farms had the best chips with cool flavors like Jalapeno Cheddar (delicious, btw), I would immediately jump on Google to check it out. Currently, with Archer Farm dismal presence, I would have lost interest and not pursued it any further. <strong>BAM! Lost sale.</strong> As well as all the sales my enjoyment of trying the chips may have generated.</p>
<p>Imagine a general scenario&#8230; If I were impressed with Archer Farms, then with my enjoyment of the product, I would create a network of potential sales leads that exponentially increase.  I will tell 10 people how insanely tasty Jalapeno Cheddar chips are and my friends will tell 10 of their friends and so on.  In this case, I believe that Archer Farms makes a delicious product. But at least half of the friends that are told about it will be using the internet to follow-up on the claims of their friends.  In this case, Archer Farms has just fallen short 50% of its potential sales and that is quite a big loss.</p>
<p>It is my belief that Archer Farms could increase their overall sales if they invested in a more substantial web presence.</p>
<p>Now the fun part.  I will layout a theoretical marketing initiative implementation plan for Archer Farms. In this exercise, I will assume that our target ROI goal is to increase total sales of Archer Farms products by 5%. I will make a number of assumptions and not address information that I cannot know due to my lack of metrics and insight into Archer Farms&#8217; actual costs.</p>
<p>This strategy will be laid out in the following manner :</p>
<p>1)  Overall online presence</p>
<p>2) Building relevant content and imbuing online value into the brand</p>
<p>3) Theoretical implementation</p>
<p><strong>Archer Farms Overall Online Presence</strong></p>
<p>As of right now, Archer Farms web presence is virtually non-existent. As previously mentioned, lack of a strong website even to the smallest degree could result in a signifigant amount of lost sales or potential sales.  So, why does food need an online presence? Who actually looks up these brands, right? While it may be ridiculous to think that an average consumer would want to look up Archer Farms<strong>, </strong>that assumption is costly. Let me present to you this food for thought: food is something that is relatively universal. Everybody needs it, most people enjoy it, and it is a strong part of  modern living.  Don&#8217;t believe me? Take a look at Food Network&#8217;s rebranding success.</p>
<p>If you search around, you can find few great blog posts reviewing Archer Farms products. But they stop at short reviews, no links or further brand exposure. <strong>What a wasted opportunity!</strong> With a proper web presence, a website with relevant focused content and the already strong brand promise, Archer Farms could be spreading their brand and product lines 3 times faster than they do now. It is important to have an overall presence because the online culture is on the fast track to becoming the absolute mainstream way to share and communicate.  Think of how many times Archer Farms has come up short because there is no destination, no brand-focused approach to receive attention on the internet. Let&#8217;s say, for example, that I have a personal blog and rave about all my favorite Archer Farms foods that made my house party rock.</p>
<p>Situation A-</p>
<p>I rave about it, some people comment on it, it possibly gets shared with a few people, they get excited and search and find the landing page and possibly Amazon. In general, these users will forget the interaction because there is no engagement with the brand or its value. In short, tons and tons of lost opportunities.</p>
<p>Situation B-</p>
<p>I rave about it, but I am able to find an Archer Farm microsite, so I link to all the products I used, plus recipes on Archer Farms site, and coupons. Now for every potential user I am theoretically extending the brand exposure exponentially. Even if they don&#8217;t click on the link in the blog, they may search for it and BAM! an attractive website that gives affordable great recipes, touts the benefits of organic and healthier gourmet food and I can get some coupons or find other deals. In general, if I am a consumer who is attracted to affordable meals, healthy and organic food, and just plain gourmet food (such as the vein of Harry and David, or Fresh Market), I&#8217;m now hooked. I will likely check the website again for recipes  and coupons. Not only that, but I have now started to tie in affordability with unique healthy food. This is a staggering way to step over the major brands.</p>
<p>So, my point into an overall strategy is this. Since Archer Farms is part of a larger corporation (Target), they are bound to mentioned, and since the food is unique, cheaper and enjoyable, it is likely the brand exposure will be positive, rather than wasting all that delicious brand exposure and conversion opportunity. A website that inherently offers value and re-enforcement of the brand promises a <strong>POWERFUL</strong> conduit for more brand exposure and repeat customers.</p>
<p><strong>Imbuing Value and Relevance </strong></p>
<p>Okay, so we have decided to build an Archer Farms micro-site, but that is no magic bullet. In order for this web presence to actually be powerful, we need to make it in such a way that it does three things:</p>
<p>1) Attracts new consumers</p>
<p>2) Retains and maintains the attention of said consumers</p>
<p>3) Provides a useful and relevant reason for a consumer to return and share the website, preferably something that reinforces the brand promises.<strong> </strong></p>
<p><em>Solution?  Exciting, Healthy and Affordable Recipes!</em></p>
<p>So, those are some broad and obvious things we need to achieve. Luckily, we have powerful and effective brand promises to leverage here. As I previously mentioned, Archer Farms has 2 major promises built into their branding. To refresh, 1) Attractive branding that does not feel cheaper. 2) Unique flavors and value rather than just being a cheap copycat of major brands. This gives us all the ammunition we need to get off to a running start. Since Archer Farms can offer both fun and new flavors plus affordable pricing, food recipes that aim to stay in a budget and taste good <strong> </strong>are the ticket. I know what you are thinking&#8230; Everyone has recipes; hell, Target.com even has recipes. This is true, but they are basic, usually run-of-the-mill recipes with no focus, unique flavors or twist.</p>
<p>It is proven that customers who enjoy Archer Farms highlight their unique flavors and foods as a positive point. All we are doing is running with that. Start off with attractive packaging, fun and well-named recipes, and I almost forgot, Archer Farms offers tons of healthy and organic foods. <strong>WHOA! </strong> A bit of investment into creating exciting sounding recipes would be well worth the money. I&#8217;ll do one right now. <strong>Cilantro Lime Mango Tilapia on Red Curry with Organic Flatbread Dippers</strong>. Sounds great and healthy! In this case, I have just paired some Archer Farms products together to make an affordable gourmet meal. (Cilantro Lime Rice, Mango Lime Tilapia, Red Curry, Lemon Ginger Juice, Organic Sesame Flatbread crackers.)</p>
<p>Now with our new microsite, I can go on to get recipes, I can price them and plan them out&#8230; All this time, I will be on Archer Farms website. I&#8217;m not even a crazy cook, but I share recipes online with friends and family all the time. Imagine, if it were easy enough to find great meals, plan the prices and incredients, and then look for coupon savings, too.</p>
<p>We have just taken a brand with nothing to speak of online and developed it into a robust, genuinely relevant way to drive traffic and brand exposure.</p>
<p><strong>Implementation</strong></p>
<p><strong> </strong>All right, so now we have talked about a plan to solve the web presence issue. But, how will it look and function? This all sounds great, but, in reality, how do we make sure the recipes and site design really does its job? Well, this is my favorite part (and accordingly, the part I am really best at) so without further ado, I present to you my homepage mockup approach for a re-designed microsite for Archer Farms.</p>
<div id="attachment_93" class="wp-caption aligncenter" style="width: 459px"><a href="http://theborsky.com/wp-content/uploads/2010/03/archerfarms_mockup2.jpg"><img class="size-large wp-image-93 " title="The new Archer Farms mini-site." src="http://theborsky.com/wp-content/uploads/2010/03/archerfarms_mockup2-749x1024.jpg" alt="The new Archer Farms mini-site." width="449" height="614" /></a><p class="wp-caption-text">Click for full size. I present the NEW Archer Farms Mini Site!</p></div>
<p style="text-align: center;">
]]></content:encoded>
			<wfw:commentRss>http://theborsky.com/2010/03/archer-farms-case-study-a-branded-web-presence-strategy/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Watch out iPad, The HP Slate is coming.</title>
		<link>http://theborsky.com/2010/03/watch-out-ipad-the-hp-slate-is-coming/</link>
		<comments>http://theborsky.com/2010/03/watch-out-ipad-the-hp-slate-is-coming/#comments</comments>
		<pubDate>Sun, 21 Mar 2010 06:17:39 +0000</pubDate>
		<dc:creator>Shawn Borsky</dc:creator>
				<category><![CDATA[Adobe AIR]]></category>
		<category><![CDATA[Emergent Technology]]></category>
		<category><![CDATA[Adobe Flash]]></category>
		<category><![CDATA[AIR on Slate]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[Flash on Slate]]></category>
		<category><![CDATA[HP Slate]]></category>
		<category><![CDATA[iPad]]></category>

		<guid isPermaLink="false">http://theborsky.com/?p=56</guid>
		<description><![CDATA[<img src="http://theborsky.com/wp-content/uploads/2010/07/slateintro.jpg" />
Recently, with the announcement of the iPad, people were really looking at Apple technology and being amazed. My comrades and I at Anthem defintley see some great potential for apps and games that would work perfectly for the iPad. Honestly, being iPhone/Android and emerging technology nuts we wanted to jump right in.  For the most part I had set my radar to ignore all the posers or copycat type products]]></description>
			<content:encoded><![CDATA[<p>Recently, with the announcement of the iPad, people were really looking at Apple technology and being amazed. My comrades and I at Anthem defintley see some great potential for apps and games that would work perfectly for the iPad. Honestly, being iPhone/Android and emerging technology nuts we wanted to jump right in.  For the most part I had set my radar to ignore all the posers or copycat type products that were bound to come out to oppose the iPad. Until I saw the HP Slate and a somewhat revolutionary marketing decision on HP&#8217;s part.  Let&#8217;s watch.</p>
<p><object width="550" height="360"><param name="movie" value="http://www.youtube.com/v/-p-RZAwQq0E&#038;hl=en_US&#038;fs=1&#038;rel=0&#038;color1=0x3a3a3a&#038;color2=0x999999&#038;hd=1&#038;border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/-p-RZAwQq0E&#038;hl=en_US&#038;fs=1&#038;rel=0&#038;color1=0x3a3a3a&#038;color2=0x999999&#038;hd=1&#038;border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="550" height="360"></embed></object></p>
<p>As a developer and a branding strategist, I have always been in love with idea of AIR (Adobe Integrated Runtime).  AIR is a fantastic opportunity to deliver high-octane  branded user experiences on the desktop. For desktop computer this has been generally not worth the investment for many smaller companies. The HP Slate&#8217;s support of Flash and AIR means that powerful, brand faithful, and effective user software applications are within reach for many companies who cannot afford to develop such approaches with traditional software methods.  Tools  such as the Slate or the iPad are poised to make some heavy marks on the internet culture and the industry of web development. The Slate&#8217;s support of Adobe technologies is highlights to me a more forward thinking approach than Apple. While Apple products are user friendly, attractive and useful,  as a developer many of Apple&#8217;s policies and restrictions are starting to weigh heavily on the business of developing for their technology.</p>
<p>I am in support of HP completely in this move and further of Adobe, however I believe the real importance here is not that there is now a hand-held computer that support fantastic technology like Flash, but that it will continue to put pressure on all the front-runners to push their technology and pave the way for better and more outstanding developments.</p>
]]></content:encoded>
			<wfw:commentRss>http://theborsky.com/2010/03/watch-out-ipad-the-hp-slate-is-coming/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Intelligent Branding</title>
		<link>http://theborsky.com/2010/02/intelligent-branding/</link>
		<comments>http://theborsky.com/2010/02/intelligent-branding/#comments</comments>
		<pubDate>Mon, 22 Feb 2010 16:39:19 +0000</pubDate>
		<dc:creator>Shawn Borsky</dc:creator>
				<category><![CDATA[Branding]]></category>
		<category><![CDATA[Coffee]]></category>
		<category><![CDATA[intelligentsia]]></category>

		<guid isPermaLink="false">http://theborsky.com/?p=42</guid>
		<description><![CDATA[<img src="http://theborsky.com/wp-content/uploads/2010/07/coffeeintro.jpg" />

If you are coffee lover then chances are you have heard of Intelligentsia Coffee. Intelligentsia is a company based out of Chicago, and have a particularly good line of coffee and tea products. Their branding and overall marketing approach is solid and every bit as delicious as their coffee.]]></description>
			<content:encoded><![CDATA[<p><a href="http://theborsky.com/wp-content/uploads/2010/02/intell_011.jpg"><img class="aligncenter size-full wp-image-45" title="intell_01" src="http://theborsky.com/wp-content/uploads/2010/02/intell_011.jpg" alt="" width="500" height="431" /></a></p>
<p>If you are coffee lover then chances are you have heard of Intelligentsia Coffee. Intelligentsia is a company based out of Chicago, and have a particularly good line of coffee and tea products. Their branding and overall marketing approach is solid and every bit as delicious as their coffee.</p>
<p><strong>So, what makes their branding so good?</strong></p>
<p>A lot of people seem to forget that branding is not about representing your product in a logo or telling people what you do immediately. It&#8217;s about building a memorable and accurate attachment and feel that conveys the sum of all the experience you will have with a particular company. Intelligentsia understands this. While the name is not completely unrelated to their company ( Intelligentsia is a social-standing of creative people dedicated to spread idealism or cultures, usually people like artists and intellectuals.). It does not scream &#8220;WE MAKE GOOD COFFEE!&#8221;, because it does not need to. Their solid branding symbols like the coffee cup with wings, their bright and distinct packaging, solid illustrative symbols , comfortable shops, and of course the well-made coffee all add up to the experience of &#8220;We make a good coffee&#8221;.</p>
<div id="attachment_50" class="wp-caption aligncenter" style="width: 510px"><a href="http://theborsky.com/wp-content/uploads/2010/02/intell_03.jpg"><img class="size-full wp-image-50" title="One of Intelligentsia's Chicago Stores" src="http://theborsky.com/wp-content/uploads/2010/02/intell_03.jpg" alt="" width="500" height="431" /></a><p class="wp-caption-text">Now, that looks comforable and well... intelligent.</p></div>
<p>Check out their website : <a href="http://www.intelligentsiacoffee.com/">http://www.intelligentsiacoffee.com/</a></p>
<p style="text-align: center;">
]]></content:encoded>
			<wfw:commentRss>http://theborsky.com/2010/02/intelligent-branding/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
