<?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>David Safanda Design Solutions Inc. &#187; David</title>
	<atom:link href="http://davidsafanda.com/author/admin/feed/" rel="self" type="application/rss+xml" />
	<link>http://davidsafanda.com</link>
	<description></description>
	<lastBuildDate>Wed, 11 Jan 2012 17:01:17 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Vector People Illustrations</title>
		<link>http://davidsafanda.com/vector-people-illustrations/</link>
		<comments>http://davidsafanda.com/vector-people-illustrations/#comments</comments>
		<pubDate>Wed, 11 Jan 2012 17:01:17 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://davidsafanda.com/?p=1498</guid>
		<description><![CDATA[Tweet Here are a couple examples of how my stock collection of vector people can be modified and incorporated in to custom illustrations.]]></description>
			<content:encoded><![CDATA[<div class="bottomcontainerBox" style="background-color:#FFF;">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdavidsafanda.com%2Fvector-people-illustrations%2F&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=85px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://davidsafanda.com/vector-people-illustrations/"></g:plusone>
			</div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://davidsafanda.com/vector-people-illustrations/"  data-text="Vector People Illustrations" data-count="horizontal">Tweet</a>
			</div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><p>Here are a couple examples of how my stock collection of vector people can be modified and incorporated in to custom illustrations.<br />

<div class="ngg-galleryoverview" id="ngg-gallery-12-1498">


	
	<!-- Thumbnails -->
		
	<div id="ngg-image-147" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://davidsafanda.com/wp-content/gallery/vector-people-illustrations/exaktown-screenshot.png" title=" " rel="lightbox[set_12]" >
								<img title="exaktown-screenshot" alt="exaktown-screenshot" src="http://davidsafanda.com/wp-content/gallery/vector-people-illustrations/thumbs/thumbs_exaktown-screenshot.png" width="125" height="125" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-148" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://davidsafanda.com/wp-content/gallery/vector-people-illustrations/exaktime-howitworks.png" title=" " rel="lightbox[set_12]" >
								<img title="exaktime-howitworks" alt="exaktime-howitworks" src="http://davidsafanda.com/wp-content/gallery/vector-people-illustrations/thumbs/thumbs_exaktime-howitworks.png" width="125" height="125" />
							</a>
		</div>
	</div>
	
		
 	 	
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>

</p>
]]></content:encoded>
			<wfw:commentRss>http://davidsafanda.com/vector-people-illustrations/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sharing Your Email Campaign Via Social Media</title>
		<link>http://davidsafanda.com/email-sharing/</link>
		<comments>http://davidsafanda.com/email-sharing/#comments</comments>
		<pubDate>Thu, 05 Jan 2012 18:01:26 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[email]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[tips]]></category>

		<guid isPermaLink="false">http://davidsafanda.com/?p=1432</guid>
		<description><![CDATA[Tweet How to add the power of social media sharing to your email campaigns. An email newsletter is a great way to simultaneously accomplish two important marketing goals. On the one hand it&#8217;s a way to keep your current clients &#8230; <a href="http://davidsafanda.com/email-sharing/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="bottomcontainerBox" style="background-color:#FFF;">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdavidsafanda.com%2Femail-sharing%2F&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=85px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://davidsafanda.com/email-sharing/"></g:plusone>
			</div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://davidsafanda.com/email-sharing/"  data-text="Sharing Your Email Campaign Via Social Media" data-count="horizontal">Tweet</a>
			</div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><p>How to add the power of social media sharing to your email campaigns.<span id="more-1432"></span></p>
<p>An email newsletter is a great way to simultaneously accomplish two important marketing goals. On the one hand it&#8217;s a way to keep your current clients or customer base informed of your services and products. If the content in your newsletter is informative and of value it&#8217;s also a great way to attract the interest of new contacts. If you can get an existing subscriber to share your newsletter with friends you now have the attention of potential new customers or clients. So how do you get someone to share your newsletter?</p>
<h2>Make sharing easy for your recipients</h2>
<p>The best way to encourage sharing is to make it easy. We need to give recipients the ability to share your email with just a couple of clicks. You&#8217;ve probably already noticed that in most email campaigns there is usually a link somewhere on the page that allows you to forward to a friend. This is a good method for encouraging people to share your newsletter. It&#8217;s a standard feature available from most email campaign services. However, what if there was a much easier way to let your recipients share your newsletter with dozens or perhaps hundreds of friends? This is where we can put the power of social media to work.</p>
<p><img class="alignnone size-full wp-image-1460" title="social-share" src="http://davidsafanda.com/wp-content/uploads/2011/12/social-share.png" alt="" width="600" height="270" /></p>
<p><a href="http://www.campaignmonitor.com/" target="_blank">Campaign Monitor</a> is my favorite email service and the one I use with my clients. Campaign Monitor makes it very easy for me to create links that allows a recipient to share an online version of your email with friends and followers on Facebook and Twitter. I especially like the fact that Campaign Monitor gives me complete creative control over what these links might look like. The links can be text or they can be custom graphics that I&#8217;ve created for you.</p>
<p>Here&#8217;s an email that I recently created for <a href="http://www.facebook.com/cmaadvisors" target="_blank">Capital Management Associates</a>. It features a side bar near the top of the email in which I&#8217;ve added prominently placed sharing links.</p>
<div><img class="alignnone size-full wp-image-1434" title="cma-sociallinks" src="http://davidsafanda.com/wp-content/uploads/2011/12/cma-sociallinks.png" alt="" width="600" height="448" /></div>
<h2></h2>
<h2>Track the results</h2>
<p>Once your campaign has been sent you can now log in to an account I&#8217;ve set up for you on Campaign Monitor and track the results. You can watch in real time as recipients click the Facebook Like button or tweet about your email.</p>
<div><img class="alignnone  wp-image-1444" title="social-report" src="http://davidsafanda.com/wp-content/uploads/2011/12/social-report.png" alt="" width="600" height="594" /></div>
<div>It&#8217;s important to note that Campaign Monitor can&#8217;t disclose the names or contact info of people who have shared your email unless they are already current subscribers. This is why it&#8217;s important that we also incorporate a subscribe button in your your email. Ideally, this approach can evolve in to a sort of self sustaining loop in which a certain percentage of your new audience becomes subscribers who in turn share your next campaign with additional contacts and so forth. Hopefully, a percentage of this new audience becomes future clients and customers.</div>
]]></content:encoded>
			<wfw:commentRss>http://davidsafanda.com/email-sharing/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>RealMarin Team Kit</title>
		<link>http://davidsafanda.com/realmarin-team-kit/</link>
		<comments>http://davidsafanda.com/realmarin-team-kit/#comments</comments>
		<pubDate>Mon, 29 Aug 2011 15:36:16 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[Just for fun]]></category>
		<category><![CDATA[news]]></category>

		<guid isPermaLink="false">http://davidsafanda.com/?p=1396</guid>
		<description><![CDATA[Tweet Logo and uniform kit for a local cycling club This one is going to get filed in the &#8220;Just for Fun&#8221; category but I&#8217;m still proud of the logo and uniforms I designed for a local cycling club. Having &#8230; <a href="http://davidsafanda.com/realmarin-team-kit/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="bottomcontainerBox" style="background-color:#FFF;">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdavidsafanda.com%2Frealmarin-team-kit%2F&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=85px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://davidsafanda.com/realmarin-team-kit/"></g:plusone>
			</div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://davidsafanda.com/realmarin-team-kit/"  data-text="RealMarin Team Kit" data-count="horizontal">Tweet</a>
			</div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><p>Logo and uniform kit for a local cycling club <span id="more-1396"></span></p>
<p>This one is going to get filed in the &#8220;Just for Fun&#8221; category but I&#8217;m still proud of the logo and uniforms I designed for a local cycling club. Having never designed a uniform of any sort in my entire life, I was a bit skeptical that I could actually produce something that could be worn in public. I&#8217;m perfectly comfortable designing for 2 dimensions but trying to visualize how something will look when wrapped around a human body is a different challenge. I surprised myself and I think they came out looking pretty nice! </p>
<p><a href="http://davidsafanda.com/wp-content/uploads/2011/08/Photo-Aug-28-6-35-58-PM3.jpg" rel="lightbox[1396]"><img src="http://davidsafanda.com/wp-content/uploads/2011/08/Photo-Aug-28-6-35-58-PM3-300x199.jpg" alt="" title="Photo Aug 28, 6 35 58 PM" width="300" height="199" class="alignleft size-medium wp-image-1409" /></a><a href="http://davidsafanda.com/wp-content/uploads/2011/08/Photo-Aug-28-6-08-02-PM2.jpeg" rel="lightbox[1396]"><img src="http://davidsafanda.com/wp-content/uploads/2011/08/Photo-Aug-28-6-08-02-PM2-300x199.jpg" alt="" title="Photo Aug 28, 6 08 02 PM" width="300" height="199" class="alignleft2 size-medium wp-image-1410" /></a></p>
<p>Fitting in to this thing? That&#8217;s a different story. Sheesh&#8230;can I exhale now. Time to hit the treadmill.</p>
]]></content:encoded>
			<wfw:commentRss>http://davidsafanda.com/realmarin-team-kit/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Langtech&#8217;s new website is live!</title>
		<link>http://davidsafanda.com/langtechs-new-website-is-live/</link>
		<comments>http://davidsafanda.com/langtechs-new-website-is-live/#comments</comments>
		<pubDate>Tue, 12 Jul 2011 14:53:00 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[Featured]]></category>

		<guid isPermaLink="false">http://davidsafanda.com/?p=1059</guid>
		<description><![CDATA[Tweet I recently completed design development of new site for San Francisco based Langtech. Langtech is an IT consulting agency. They provide clients with a wide range of services including software development, mobile application development, CRM, hosting and website design. &#8230; <a href="http://davidsafanda.com/langtechs-new-website-is-live/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="bottomcontainerBox" style="background-color:#FFF;">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdavidsafanda.com%2Flangtechs-new-website-is-live%2F&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=85px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://davidsafanda.com/langtechs-new-website-is-live/"></g:plusone>
			</div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://davidsafanda.com/langtechs-new-website-is-live/"  data-text="Langtech&#8217;s new website is live!" data-count="horizontal">Tweet</a>
			</div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><p>I recently completed design development of new site for San Francisco based Langtech.<span id="more-1059"></span></p>
<p><a href="http://www.langtech.com">Langtech</a> is an IT consulting agency. They provide clients with a wide range of services including software development, mobile application development, CRM, hosting and website design. They&#8217;re so busy doing fabulous work for their clients that when it came time to redesign their own site they requested my help.</p>
<p><a href="http://davidsafanda.com/wp-content/uploads/2011/07/langtech-home6.png" rel="lightbox[1059]"><img src="http://davidsafanda.com/wp-content/uploads/2011/07/langtech-home6-300x242.png" alt="" title="langtech-home" width="300" height="242" class="alignleft size-medium wp-image-1234" /></a>The top portion of the home page  consists of standard navigation elements and a large banner promoting featured products and services with a call to action. Prominently located on the home page as well on pages through out the entire site is a highlighted client testimonial. Below this area are call outs describing specific areas of expertise as well as a column devoted to recent news.<br />
<br class="clear" /></p>
<p>Second level pages are streamlined, text focused designs that provide product and service descriptions. A unique header graphic is used to distinguish each primary section and also provides a splash of color. A sidebar column is reserved for contact information, client testimonials and supporting visuals.</p>
<p><a href="http://davidsafanda.com/wp-content/uploads/2011/07/langtech-level2a.png" rel="lightbox[1059]"><img src="http://davidsafanda.com/wp-content/uploads/2011/07/langtech-level2a-190x244.png" alt="" title="langtech-level2a" width="190" height="244" class="alignleft size-thumbnail wp-image-1257" /></a><a href="http://davidsafanda.com/wp-content/uploads/2011/07/langtech-level2b3.png" rel="lightbox[1059]"><img src="http://davidsafanda.com/wp-content/uploads/2011/07/langtech-level2b3-190x156.png" alt="" title="langtech-level2b" width="190" height="156" class="alignleft size-thumbnail wp-image-1243" /></a><a href="http://davidsafanda.com/wp-content/uploads/2011/07/langtech-level2c.png" rel="lightbox[1059]"><img src="http://davidsafanda.com/wp-content/uploads/2011/07/langtech-level2c-190x220.png" alt="" title="langtech-level2c" width="190" height="220" class="alignleft size-thumbnail wp-image-1244" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://davidsafanda.com/langtechs-new-website-is-live/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Logo for Outdoor Gear Lab</title>
		<link>http://davidsafanda.com/logo-for-outdoor-gear-lab/</link>
		<comments>http://davidsafanda.com/logo-for-outdoor-gear-lab/#comments</comments>
		<pubDate>Tue, 12 Jul 2011 08:10:04 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[case study]]></category>
		<category><![CDATA[identity]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[portfolio]]></category>

		<guid isPermaLink="false">http://davidsafanda.com/?p=907</guid>
		<description><![CDATA[Tweet OutdoorGearLab is an exciting new company that recently hired me to develop their logo. I was very happy with the result. Below is the final design and a short case study that describes the process. Outdoor Gear Lab is &#8230; <a href="http://davidsafanda.com/logo-for-outdoor-gear-lab/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="bottomcontainerBox" style="background-color:#FFF;">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdavidsafanda.com%2Flogo-for-outdoor-gear-lab%2F&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=85px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://davidsafanda.com/logo-for-outdoor-gear-lab/"></g:plusone>
			</div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://davidsafanda.com/logo-for-outdoor-gear-lab/"  data-text="Logo for Outdoor Gear Lab" data-count="horizontal">Tweet</a>
			</div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><p>OutdoorGearLab is an exciting new company that recently hired me to develop their logo. <span id="more-907"></span> I was very happy with the result. Below is the final design and a short case study that describes the process.</p>
<p><img class="size-full wp-image-1155" title="logo-ogl-sm" src="http://davidsafanda.com/wp-content/uploads/2011/07/logo-ogl-sm.png" alt="" width="302" height="80" /></p>
<div class="hrule1-dots"></div>
<p>
<a href="http://www.outdoorgearlab.com"><img class="alignleft size-full wp-image-1104" title="screenshot-ogl" src="http://davidsafanda.com/wp-content/uploads/2011/07/screenshot-ogl.png" alt="" width="250" height="204" /></a><a href="http://www.outdoorgearlab.com/">Outdoor Gear Lab</a> is a brand new company founded by Chris McNamara, the creator of <a href="http://www.supertopo.com">SuperTopo</a>. The OutdoorGearLab mission is to create world’s best outdoor gear reviews. Each product is put through a set of real world field tests. The result is side-by-side comparative reviews designed to aid a potential buyer faced with overwhelming choices.</p>
<p>Logo development requires many different areas of design focus. Color, typography and illustration all demand attention. However, I think the single most important criteria is an understanding of the business in question. What does the business actually do and how can this be refelected visually? In this case I kept coming back to the concepts of &#8220;testing&#8221; and &#8220;outdoors&#8221;. I knew that I wanted to somehow combine these two subjects in an engaging visual symbol. The word &#8220;Lab&#8221; made me instantly think of a glass beaker.  I&#8217;m sure there are other companies with &#8220;Lab&#8221; in their name that also use a beaker as a visual reference. However, I needed to somehow combine this idea with a connection to the outdoors. I wanted to do something a bit different. I wanted to drop a mountain range in to the beaker! My attention shifted to what this might look like.</p>
<p><img class="size-full wp-image-1161" title="beaker-dev-ogl" src="http://davidsafanda.com/wp-content/uploads/2011/07/beaker-dev-ogl1.png" alt="" width="580" height="210" /></p>
<p>Once I had a beaker element that I was happy with I began the task of pairing it with typography. I experimented with dozens of different font faces in an effort to find something that felt contemporary and yet friendly and approachable.</p>
<p><img class="size-full wp-image-1162" title="font-dev-ogl" src="http://davidsafanda.com/wp-content/uploads/2011/07/font-dev-ogl1.png" alt="" width="580" height="210" /></p>
<p>None of these initial variations were quite right. Eventually I found a font face on <a href="http://www.veer.com">Veer.com</a> called LFT Etica that had the character the client was looking for. Some additional design elements were added in order to pull everything together as a cohesive whole.</p>
<p><img class="size-full wp-image-1163" title="logo-dev-ogl" src="http://davidsafanda.com/wp-content/uploads/2011/07/logo-dev-ogl2.png" alt="" width="580" height="220" /></p>
]]></content:encoded>
			<wfw:commentRss>http://davidsafanda.com/logo-for-outdoor-gear-lab/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sometimes image is still king!</title>
		<link>http://davidsafanda.com/sometime-image-is-still-king/</link>
		<comments>http://davidsafanda.com/sometime-image-is-still-king/#comments</comments>
		<pubDate>Thu, 30 Jun 2011 16:03:55 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[email]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://davidsafanda.com/?p=1063</guid>
		<description><![CDATA[Tweet Developing an HTML Email design for The Cooperative of American Physicians The Cooperative of American Physicians recently hired me to develop the visual design for a new email promoting their Risk E-Notes newsletter. In the process of designing an &#8230; <a href="http://davidsafanda.com/sometime-image-is-still-king/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="bottomcontainerBox" style="background-color:#FFF;">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdavidsafanda.com%2Fsometime-image-is-still-king%2F&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=85px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://davidsafanda.com/sometime-image-is-still-king/"></g:plusone>
			</div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://davidsafanda.com/sometime-image-is-still-king/"  data-text="Sometimes image is still king!" data-count="horizontal">Tweet</a>
			</div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><p>Developing an HTML Email design for The Cooperative of American Physicians<span id="more-1063"></span></p>
<p>The Cooperative of American Physicians recently hired me to develop the visual design for a new email promoting their Risk E-Notes newsletter. </p>
<p>In the process of designing an HTML email I frequently incorporate images. However, I&#8217;m also very conscientious of what the email will look like if it arrives in an inbox with images turned off or temporarily disabled. I make a concerted effort to make sure that all headers, body text and call to actions are rendered as HTML and typically let images work in a secondary supporting role. This email design was no different. Images were important ingredients but I carefully aligned elements in such a way that all text could be rendered as HTML.</p>
<p>I used <a href="http://www.campaignmonitor.com/">Campaign Monitor&#8217;s</a> testing service to produce screen shots of the email as it would look in a variety of major email applications. I double and triple checked that the email would look consistent across all applications. Everything worked great until we noticed that tables blew up when the email file was moved from one Outlook folder to another. </p>
<p>We were faced with a decision that occurs frequently in email design. Redesign the email using a simplified layout or convert the entire top portion of the email to a single image in order to maintain design consistency. </p>
<p>Email design best practices tend to embrace developing for the lowest common denominator and we&#8217;ve all been told to avoid heavy images and concentrate on legible and consistent text display. This is great advice but there is a reason companies like Apple Computer often still send emails that consist of little more than one large static image. Sometimes image is still king. There&#8217;s a chance that a large image at the top of your email will mean a small percentage of recipients delete the email before taking the time to display images. However, perhaps the greater fear should be that a vast majority of recipients receiving a dull and inspired looking email. If you believe your message and/or promotion works best with a large engaging image that just might be the correct design solution.</p>
<p><a href="http://davidsafanda.com/wp-content/uploads/2011/06/cap-risk-e-notes.png" rel="lightbox[1063]"><img src="http://davidsafanda.com/wp-content/uploads/2011/06/cap-risk-e-notes-381x550.png" alt="" title="cap-risk-e-notes" width="381" height="550" class="alignleft size-large wp-image-1066" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://davidsafanda.com/sometime-image-is-still-king/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Illustrations Found in Taleo Campaign</title>
		<link>http://davidsafanda.com/illustrations-found-in-taleo-campaign/</link>
		<comments>http://davidsafanda.com/illustrations-found-in-taleo-campaign/#comments</comments>
		<pubDate>Sun, 22 May 2011 18:37:22 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[Found in Use]]></category>
		<category><![CDATA[news]]></category>

		<guid isPermaLink="false">http://davidsafanda.com/?p=956</guid>
		<description><![CDATA[Tweet I recently discovered my business people illustrations in this Taleo Campaign I&#8217;ve managed to sell my business people icon sets many times over but I rarely get to ever see how they&#8217;re being used. My wife found an email &#8230; <a href="http://davidsafanda.com/illustrations-found-in-taleo-campaign/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="bottomcontainerBox" style="background-color:#FFF;">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdavidsafanda.com%2Fillustrations-found-in-taleo-campaign%2F&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=85px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://davidsafanda.com/illustrations-found-in-taleo-campaign/"></g:plusone>
			</div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://davidsafanda.com/illustrations-found-in-taleo-campaign/"  data-text="Illustrations Found in Taleo Campaign" data-count="horizontal">Tweet</a>
			</div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><p>I recently discovered my business people illustrations in this Taleo Campaign<span id="more-956"></span></p>
<p><a href="http://davidsafanda.com/wp-content/uploads/2011/05/taleo.png" rel="lightbox[956]"><img src="http://davidsafanda.com/wp-content/uploads/2011/05/taleo-300x295.png" alt="" title="taleo" width="300" height="295" class="alignright size-medium wp-image-957" /></a>I&#8217;ve managed to sell my business people icon sets many times over but I rarely get to ever see how they&#8217;re being used. My wife found an email from Taleo in her inbox this morning that show cases examples of both my <a href="http://www.istockphoto.com/search/lightbox/5591911/#aa4b2f1">vector</a> and <a href="http://www.istockphoto.com/search/lightbox/10012873/#ff8ffd9">3D illustrations</a> effectively combined in a single campaign. </p>
]]></content:encoded>
			<wfw:commentRss>http://davidsafanda.com/illustrations-found-in-taleo-campaign/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Spring Golden Gate Bridge Photos</title>
		<link>http://davidsafanda.com/spring-golden-gate-bridge-photos/</link>
		<comments>http://davidsafanda.com/spring-golden-gate-bridge-photos/#comments</comments>
		<pubDate>Sun, 22 May 2011 11:30:27 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[stock]]></category>
		<category><![CDATA[stock-photo]]></category>

		<guid isPermaLink="false">http://davidsafanda.com/?p=973</guid>
		<description><![CDATA[Tweet I&#8217;ve uploaded some new springtime photos of the Golden Gate Bridge. Over the past year the park service has removed a grove on non-native eucalyptus trees which has opened up some brand new un-obstructed views of the Golden Gate &#8230; <a href="http://davidsafanda.com/spring-golden-gate-bridge-photos/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="bottomcontainerBox" style="background-color:#FFF;">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdavidsafanda.com%2Fspring-golden-gate-bridge-photos%2F&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=85px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://davidsafanda.com/spring-golden-gate-bridge-photos/"></g:plusone>
			</div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://davidsafanda.com/spring-golden-gate-bridge-photos/"  data-text="Spring Golden Gate Bridge Photos" data-count="horizontal">Tweet</a>
			</div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><p>I&#8217;ve uploaded some new springtime photos of the Golden Gate Bridge. <span id="more-973"></span></p>
<p>Over the past year the park service has removed a grove on non-native eucalyptus trees which has opened up some brand new un-obstructed views of the Golden Gate Bridge. It became more impressive this spring when wild flowers started to bloom. I decided to capture some <a href="http://www.istockphoto.com/search/lightbox/10639536#13f9e87f">new stock images of this view</a>. </p>

<div class="ngg-galleryoverview" id="ngg-gallery-10-973">


	
	<!-- Thumbnails -->
		
	<div id="ngg-image-118" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://davidsafanda.com/wp-content/gallery/golden-gate-bridge-spring-2011/arch020_11-web.jpg" title=" " rel="lightbox[set_10]" >
								<img title="arch020_11-web" alt="arch020_11-web" src="http://davidsafanda.com/wp-content/gallery/golden-gate-bridge-spring-2011/thumbs/thumbs_arch020_11-web.jpg" width="125" height="125" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-122" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://davidsafanda.com/wp-content/gallery/golden-gate-bridge-spring-2011/arch021_11-web.jpg" title=" " rel="lightbox[set_10]" >
								<img title="arch021_11-web" alt="arch021_11-web" src="http://davidsafanda.com/wp-content/gallery/golden-gate-bridge-spring-2011/thumbs/thumbs_arch021_11-web.jpg" width="125" height="125" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-120" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://davidsafanda.com/wp-content/gallery/golden-gate-bridge-spring-2011/arch019_11-web.jpg" title=" " rel="lightbox[set_10]" >
								<img title="arch019_11-web" alt="arch019_11-web" src="http://davidsafanda.com/wp-content/gallery/golden-gate-bridge-spring-2011/thumbs/thumbs_arch019_11-web.jpg" width="125" height="125" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-121" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://davidsafanda.com/wp-content/gallery/golden-gate-bridge-spring-2011/arch018_11-web.jpg" title=" " rel="lightbox[set_10]" >
								<img title="arch018_11-web" alt="arch018_11-web" src="http://davidsafanda.com/wp-content/gallery/golden-gate-bridge-spring-2011/thumbs/thumbs_arch018_11-web.jpg" width="125" height="125" />
							</a>
		</div>
	</div>
	
		
 	 	
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>


<p>Granted there&#8217;s nothing terribly innovative about these shots. I think I like the technical challenges involved in scouting a location; figuring out what the best time of day and weather would be as well as determining the ideal vantage points. If you happened to walk by early one morning and see some nerd perched on the very top step of a ladder trying to take hand help photos with out toppling over that was probably me.</p>
]]></content:encoded>
			<wfw:commentRss>http://davidsafanda.com/spring-golden-gate-bridge-photos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Company Board Meeting</title>
		<link>http://davidsafanda.com/company-board-meeting/</link>
		<comments>http://davidsafanda.com/company-board-meeting/#comments</comments>
		<pubDate>Sat, 07 May 2011 16:43:12 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[Just for fun]]></category>

		<guid isPermaLink="false">http://davidsafanda.com/?p=888</guid>
		<description><![CDATA[Tweet Ok, this is just for fun and doesn&#8217;t actually have much of anything to do with business. Some how my 7 year old daughter has turned in to a pretty good little skateboarder. It&#8217;s her favorite thing to do &#8230; <a href="http://davidsafanda.com/company-board-meeting/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="bottomcontainerBox" style="background-color:#FFF;">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdavidsafanda.com%2Fcompany-board-meeting%2F&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=85px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://davidsafanda.com/company-board-meeting/"></g:plusone>
			</div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://davidsafanda.com/company-board-meeting/"  data-text="Company Board Meeting" data-count="horizontal">Tweet</a>
			</div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><p>Ok, this is just for fun and doesn&#8217;t actually have much of anything to do with business.</p>
<p><a href="http://davidsafanda.com/wp-content/uploads/2011/05/skateboard.jpg" rel="lightbox[888]"><img src="http://davidsafanda.com/wp-content/uploads/2011/05/skateboard-300x189.jpg" alt="" title="skateboard" width="300" height="189" class="alignleft size-large wp-image-935" /></a>Some how my 7 year old daughter has turned in to a <a href="http://www.flickr.com/photos/safanda/sets/72157625942536653/">pretty good little skateboarder</a>. It&#8217;s her favorite thing to do so I spend more time hanging out at skateparks than I would have ever imagined. Occasionally I like to make a complete fool of myself by trying to keep up with her. I decided it was time to have my own board and that I should design it myself. Here it is, my own company branded skateboard. It includes subtle(ha!) instances of my DS logo and a design element that references color swatches.</p>
<p>Here&#8217;s Zoe putting the board together for me:<br />

<div class="ngg-galleryoverview" id="ngg-gallery-9-888">


	
	<!-- Thumbnails -->
		
	<div id="ngg-image-112" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://davidsafanda.com/wp-content/gallery/skateboard/dsc7238.jpg" title=" " rel="lightbox[set_9]" >
								<img title="dsc7238" alt="dsc7238" src="http://davidsafanda.com/wp-content/gallery/skateboard/thumbs/thumbs_dsc7238.jpg" width="135" height="225" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-113" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://davidsafanda.com/wp-content/gallery/skateboard/dsc7243.jpg" title=" " rel="lightbox[set_9]" >
								<img title="dsc7243" alt="dsc7243" src="http://davidsafanda.com/wp-content/gallery/skateboard/thumbs/thumbs_dsc7243.jpg" width="135" height="225" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-114" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://davidsafanda.com/wp-content/gallery/skateboard/dsc7247.jpg" title=" " rel="lightbox[set_9]" >
								<img title="dsc7247" alt="dsc7247" src="http://davidsafanda.com/wp-content/gallery/skateboard/thumbs/thumbs_dsc7247.jpg" width="134" height="225" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-117" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://davidsafanda.com/wp-content/gallery/skateboard/dsc7245.jpg" title=" " rel="lightbox[set_9]" >
								<img title="dsc7245" alt="dsc7245" src="http://davidsafanda.com/wp-content/gallery/skateboard/thumbs/thumbs_dsc7245.jpg" width="134" height="225" />
							</a>
		</div>
	</div>
	
		
 	 	
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>

</p>
<p>Deck and custom printing from <a href="http://www.boardpusher.com">BoardPusher</a></p>
<p>All components purchased from <a href="http://www.skatewarehouse.com/">Skate Warehouse</a></p>
]]></content:encoded>
			<wfw:commentRss>http://davidsafanda.com/company-board-meeting/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New Facebook Page for Gavin Historical Bricks</title>
		<link>http://davidsafanda.com/new-facebook-page-for-gavin-historical-bricks/</link>
		<comments>http://davidsafanda.com/new-facebook-page-for-gavin-historical-bricks/#comments</comments>
		<pubDate>Thu, 21 Apr 2011 22:33:23 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://davidsafanda.com/?p=839</guid>
		<description><![CDATA[Tweet I recently developed a custom Facebook page for Gavin Historical Bricks. Not long ago I wrote a brief article regarding some of the visual enhancements that can make for a more interesting and informative Facebook profile page. Historical Bricks &#8230; <a href="http://davidsafanda.com/new-facebook-page-for-gavin-historical-bricks/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="bottomcontainerBox" style="background-color:#FFF;">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdavidsafanda.com%2Fnew-facebook-page-for-gavin-historical-bricks%2F&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=85px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://davidsafanda.com/new-facebook-page-for-gavin-historical-bricks/"></g:plusone>
			</div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://davidsafanda.com/new-facebook-page-for-gavin-historical-bricks/"  data-text="New Facebook Page for Gavin Historical Bricks" data-count="horizontal">Tweet</a>
			</div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><p>I recently developed a custom Facebook page for Gavin Historical Bricks. <span id="more-839"></span></p>
<p>Not long ago I wrote a brief <a href="http://davidsafanda.com/facebook-page-design/">article</a> regarding some of the visual enhancements that can make for a more interesting and informative Facebook profile page. Historical Bricks contacted me with a request to put these concepts to work on their company Facebook page.</p>
<p><a href="http://www.historicalbricks.com/">Gavin Historical Bricks</a> is a supplier of gorgeous antique specialty bricks, pavers and cobblestones. My goal was to build an engaging custom Facebook page that offers visitors an overview of Historical Brick&#8217;s services and products. I incorporated a series of tabs that allow one to navigate between sections. Content for these sections included condensed variations of the same categories that exist on their primary web site. You can view their Facebook page in action <a href="http://www.facebook.com/pages/Gavin-Historical-Bricks/176364424556?sk=app_177973385587009">here</a>.</p>
<p><a href="http://davidsafanda.com/wp-content/uploads/2011/04/historicalbricks-features1.png" rel="lightbox[839]"><img src="http://davidsafanda.com/wp-content/uploads/2011/04/historicalbricks-features1-1024x606.png" alt="" title="historicalbricks-features" width="640" height="378" class="aligncenter size-large wp-image-860" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://davidsafanda.com/new-facebook-page-for-gavin-historical-bricks/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

