<?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; news</title>
	<atom:link href="http://davidsafanda.com/category/news/feed/" rel="self" type="application/rss+xml" />
	<link>http://davidsafanda.com</link>
	<description></description>
	<lastBuildDate>Tue, 15 May 2012 16:24:23 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<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[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 or &#8230; <a href="http://davidsafanda.com/email-sharing/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<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[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 never &#8230; <a href="http://davidsafanda.com/realmarin-team-kit/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<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 class="alignleft size-medium wp-image-1409" title="Photo Aug 28, 6 35 58 PM" src="http://davidsafanda.com/wp-content/uploads/2011/08/Photo-Aug-28-6-35-58-PM3-300x199.jpg" alt="" width="300" height="199" /></a><a href="http://davidsafanda.com/wp-content/uploads/2011/08/Photo-Aug-28-6-08-02-PM2.jpeg" rel="lightbox[1396]"><img class="alignleft2 size-medium wp-image-1410" title="Photo Aug 28, 6 08 02 PM" src="http://davidsafanda.com/wp-content/uploads/2011/08/Photo-Aug-28-6-08-02-PM2-300x199.jpg" alt="" width="300" height="199" /></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>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[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 a &#8230; <a href="http://davidsafanda.com/logo-for-outdoor-gear-lab/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<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[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 HTML &#8230; <a href="http://davidsafanda.com/sometime-image-is-still-king/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<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[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 from &#8230; <a href="http://davidsafanda.com/illustrations-found-in-taleo-campaign/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<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>Email Design Examples and Strategy</title>
		<link>http://davidsafanda.com/email-design-samples/</link>
		<comments>http://davidsafanda.com/email-design-samples/#comments</comments>
		<pubDate>Mon, 18 Apr 2011 22:56:35 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[email]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://davidsafanda.com/?p=771</guid>
		<description><![CDATA[I&#8217;ve created numerous email designs over the years but I didn&#8217;t have any examples on my web site&#8230; until now. Here&#8217;s a gallery of past work as well as a summary of some of the challenges that are unique to &#8230; <a href="http://davidsafanda.com/email-design-samples/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve created numerous email designs over the years but I didn&#8217;t have any examples on my web site&#8230; until now. <span id="more-771"></span></p>
<p>Here&#8217;s a gallery of past work as well as a summary of some of the challenges that are unique to email design.</p>

<div class="ngg-galleryoverview" id="ngg-gallery-8-771">


	
	<!-- Thumbnails -->
		
	<div id="ngg-image-154" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://davidsafanda.com/wp-content/gallery/email/wf-may_vse_emlsb1116.png" title=" " rel="lightbox[set_8]" >
								<img title="wf-may_vse_emlsb1116" alt="wf-may_vse_emlsb1116" src="http://davidsafanda.com/wp-content/gallery/email/thumbs/thumbs_wf-may_vse_emlsb1116.png" width="149" height="250" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-155" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://davidsafanda.com/wp-content/gallery/email/wf-bob_msr_postlaunchem.png" title=" " rel="lightbox[set_8]" >
								<img title="wf-bob_msr_postlaunchem" alt="wf-bob_msr_postlaunchem" src="http://davidsafanda.com/wp-content/gallery/email/thumbs/thumbs_wf-bob_msr_postlaunchem.png" width="150" height="250" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-156" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://davidsafanda.com/wp-content/gallery/email/salesbuzz.png" title=" " rel="lightbox[set_8]" >
								<img title="salesbuzz" alt="salesbuzz" src="http://davidsafanda.com/wp-content/gallery/email/thumbs/thumbs_salesbuzz.png" width="149" height="250" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-157" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://davidsafanda.com/wp-content/gallery/email/altula1.png" title=" " rel="lightbox[set_8]" >
								<img title="altula1" alt="altula1" src="http://davidsafanda.com/wp-content/gallery/email/thumbs/thumbs_altula1.png" width="150" height="250" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-153" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://davidsafanda.com/wp-content/gallery/email/1place.png" title=" " rel="lightbox[set_8]" >
								<img title="1place" alt="1place" src="http://davidsafanda.com/wp-content/gallery/email/thumbs/thumbs_1place.png" width="150" height="250" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-123" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://davidsafanda.com/wp-content/gallery/email/cap-risk-e-notes.png" title=" " rel="lightbox[set_8]" >
								<img title="cap-risk-e-notes" alt="cap-risk-e-notes" src="http://davidsafanda.com/wp-content/gallery/email/thumbs/thumbs_cap-risk-e-notes.png" width="150" height="250" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-100" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://davidsafanda.com/wp-content/gallery/email/bacons2.jpg" title=" " rel="lightbox[set_8]" >
								<img title="bacons2" alt="bacons2" src="http://davidsafanda.com/wp-content/gallery/email/thumbs/thumbs_bacons2.jpg" width="150" height="250" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-101" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://davidsafanda.com/wp-content/gallery/email/bacons3.jpg" title=" " rel="lightbox[set_8]" >
								<img title="bacons3" alt="bacons3" src="http://davidsafanda.com/wp-content/gallery/email/thumbs/thumbs_bacons3.jpg" width="150" height="250" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-109" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://davidsafanda.com/wp-content/gallery/email/wfms-clientline.png" title=" " rel="lightbox[set_8]" >
								<img title="wfms-clientline" alt="wfms-clientline" src="http://davidsafanda.com/wp-content/gallery/email/thumbs/thumbs_wfms-clientline.png" width="150" height="250" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-111" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://davidsafanda.com/wp-content/gallery/email/wfms-merchantconnect.png" title=" " rel="lightbox[set_8]" >
								<img title="wfms-merchantconnect" alt="wfms-merchantconnect" src="http://davidsafanda.com/wp-content/gallery/email/thumbs/thumbs_wfms-merchantconnect.png" width="150" height="250" />
							</a>
		</div>
	</div>
	
		
 	 	
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>


<p>&nbsp;</p>
<p>HTML emails are strange little beasts both in terms of visual design standards and HTML requirements.</p>
<h2>Email Design Standards</h2>
<p>Email design often tends to parallel direct mail campaigns both in terms of visual design and strategy. An email design needs to be concise and informative while promoting a clear call to action. Because we want to avoid any horizontal scrolling, a restricted width of 600 pixels is usually advisable. In addition to this challenges of limited visual real-estate we must recognize that people don&#8217;t read an email in the same manner that they might browse the web. An unrequested email is going to be scanned and moved to the trash unless you can instantly engage your audience. Information needs to organized with in a relatively small space with thought given to visual hierarchy. Decide ahead of time what is the most important element that should be seen first and what is secondary.</p>
<h2>Copy is King</h2>
<p>One could argue that message should always drive visual design in any form of marketing collateral but I think this is especially true of emails. I don&#8217;t believe in simply creating a design that looks nice and then dropping in copy. I frequently work directly with a copy writer when developing an email and believe it&#8217;s my job to visually articulate their message. One of the best email copy writers around is Ivan Levison. he wrote the copy in most of the samples you see above. You can find Ivan&#8217;s website at <a href="http://www.levison.com">www.levison.com</a>.</p>
<h2>Email Production Requirements</h2>
<p>Design consistency is what I strive for when producing an HTML email. I want the email to look exactly as I intended when someone opens it on the other end. Although one would think that producing an HTML email is similar to creating a web page, a scaled down approach is required. Your recipient could be using one of dozens of email applications or online services to view your email. They could be viewing it on a computer, mobile phone or tablet device. In order to keep an email design consistent across all of these different applications and platforms we have to abandon most of the more sophisticated CSS layout techniques used to develop current web sites and pretend that we are writing HTML back in the early 1990s. For example, we use table cells instead of div tags and all styles need to be defined inline. Rather than thinking of email production as an after thought to the design process it&#8217;s crucial to keep these limitations in mind when developing a design.</p>
<p>An excellent overview of email design guidelines can be found on the CampaignMonitor website <a href="http://www.campaignmonitor.com/design-guidelines/">here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://davidsafanda.com/email-design-samples/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Facebook Page Design</title>
		<link>http://davidsafanda.com/facebook-page-design/</link>
		<comments>http://davidsafanda.com/facebook-page-design/#comments</comments>
		<pubDate>Tue, 15 Mar 2011 16:09:42 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[tips]]></category>

		<guid isPermaLink="false">http://davidsafanda.com/?p=596</guid>
		<description><![CDATA[How to enhance the visual clarity and effectiveness of your company profile page. Facebook recently announced that they will be gradually phasing out the “Share” button. The “Like” button will takeover as the primary call to action for all content &#8230; <a href="http://davidsafanda.com/facebook-page-design/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>How to enhance the visual clarity and effectiveness of your company profile page.<span id="more-596"></span></p>
<p><img class="alignleft size-full wp-image-466" title="postbanner-fblike" src="http://davidsafanda.com/wp-content/uploads/2011/03/postbanner-fblike.png" alt="" width="620" height="153" /></p>
<p>Facebook recently announced that they will be gradually phasing out the “Share” button. The “Like” button will takeover as the primary call to action for all content sharing on Facebook. Sure enough you&#8217;re starting to see it everywhere. You&#8217;ll notice that it&#8217;s even at the top and bottom of this very blog post.</p>
<p>Love it or hate it, Facebook is here to stay. If it hasn’t happened already, there is certainly a good chance that sometime soon a prospective client or customer will get their very first impression of your company by arriving at your company Facebook page rather than your primary website. If you’re like many businesses this might be a scary thought. It doesn’t have to be. With some fairly simple graphic design work I can extend your established visual identity to your Facebook page.</p>
<p>I’ve recently made some modifications to my Facebook page that will serve as examples of some changes that can enhance the visual clarity and effectiveness of your own company profile page.</p>
<p>Let’s take a closer look.</p>
<h2>Page Design</h2>
<p>Facebook already makes it easy for you to add a logo and basic description of your business. You can also add photos and posts but this means that all of your content is presented as just a collection of image folders and a stream of status updates. That’s fine for dynamic content but it’s not the most elegant way to summarize your business. However, by adding a simple app to your page called Static FBML, we can customize content using standard HTML and CSS. This method gives us the freedom to approach page design much as we would when developing from scratch for your primary web site. Granted we don’t have quite as much real estate to work with but a 520px wide column is sufficient for creating something along the lines of a mini-landing page. I tend to think that on a Facebook page we need to engage your visitor and summarize your services in a more streamlined fashion. I can work with you to develop graphic content that is true to your company identity while also working seamlessly with in the surrounding Facebook page design. If a goal of your Facebook page is to drive traffic to your primary site we can include a prominent call to action or a collection of quick links that will send visitors to target channels.</p>
<h2>Navigation Options</h2>
<p>The new Facebook company profile design organizes page content in to categories that can be navigated with tabs in the left column of your page. Here you’ll find default Facebook items such as Wall, Info, Photos, etc. We can turn on or off most of these categories. The Static FBML app allows us to go one step further and add additional tabs of your choice.(see fig1 below)</p>
<p>In the case of my own page I’ve opted to add just a single new category to the left column. However, with in this new page I’ve built my own custom navigation tabs using HTML.(see fig2 below).</p>
<p><a href="http://davidsafanda.com/wp-content/uploads/2011/03/dsmods.png" rel="lightbox[596]"><img class="alignleft size-full wp-image-484" title="dsmods" src="http://davidsafanda.com/wp-content/uploads/2011/03/dsmods.png" alt="" width="620" height="417" /></a></p>
<h2>Extras</h2>
<p>Contact Form: We can easily incorporate your email address or phone number as a prominent call to action but we could also go one step further and include a contact form that will direct messages to your Facebook account.</p>
<p>Slideshow: If you&#8217;re interested in serving a collection of images we can integrate a slideshow that pulls images from your Flickr account or other popular photo hosts.</p>
<p>RevealTab: I have not implemented this feature myself but if you have some type of applicable promotional content a reveal tab is a great way to entice visitors to learn a bit more about you. We would a tab to your page with content that is initially hidden from first time visitors. This hidden page becomes visible only after one has clicked on the &#8220;Like&#8221; button and opted to follow your company posts. Imagine language that says something like &#8220;Become a fan and get access to our recently published newsletter&#8221;.</p>
<h2>Conclusion</h2>
<p>I don&#8217;t think a great looking Facebook page is going to make or break your business. However, it is undeniable that social networking platforms such as Facebook offer a great way for you to connect with existing and prospective customers. If you have already established or are thinking about creating a Facebook page, it only makes sense to approach the visual design of such a page with the same care that you would apply to any other marketing channel.</p>
<p>You can view my Facebook page <a href="http://www.facebook.com/davidsafanda">here</a>.  Feel free to poke around and click the &#8220;Like&#8221; button.</p>
]]></content:encoded>
			<wfw:commentRss>http://davidsafanda.com/facebook-page-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Night Diving with Manta Rays</title>
		<link>http://davidsafanda.com/night-diving-with-manta-rays/</link>
		<comments>http://davidsafanda.com/night-diving-with-manta-rays/#comments</comments>
		<pubDate>Tue, 27 Jul 2010 15:11:34 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[news]]></category>
		<category><![CDATA[photography]]></category>
		<category><![CDATA[hawaii]]></category>
		<category><![CDATA[kona]]></category>
		<category><![CDATA[manta ray]]></category>
		<category><![CDATA[underwater]]></category>

		<guid isPermaLink="false">http://davidsafanda.com/?p=207</guid>
		<description><![CDATA[Here&#8217;s a small collection of photos from a recent night dive with huge Pacific Manta Rays in Kona. Along the Kona coast of Hawaii’s Big Island is a world famous dive site called Garden Eel Cove, where huge Manta Rays &#8230; <a href="http://davidsafanda.com/night-diving-with-manta-rays/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Here&#8217;s a small collection of photos from a recent night dive with huge Pacific Manta Rays in Kona.<span id="more-207"></span><br />

<div class="ngg-galleryoverview" id="ngg-gallery-6-207">


	
	<!-- Thumbnails -->
		
	<div id="ngg-image-72" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://davidsafanda.com/wp-content/gallery/manta-rays/uw_095_10.png" title=" " rel="lightbox[set_6]" >
								<img title=" " alt=" " src="http://davidsafanda.com/wp-content/gallery/manta-rays/thumbs/thumbs_uw_095_10.png" width="150" height="150" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-73" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://davidsafanda.com/wp-content/gallery/manta-rays/uw_098_10.png" title=" " rel="lightbox[set_6]" >
								<img title=" " alt=" " src="http://davidsafanda.com/wp-content/gallery/manta-rays/thumbs/thumbs_uw_098_10.png" width="150" height="150" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-74" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://davidsafanda.com/wp-content/gallery/manta-rays/uw_099_10.png" title=" " rel="lightbox[set_6]" >
								<img title=" " alt=" " src="http://davidsafanda.com/wp-content/gallery/manta-rays/thumbs/thumbs_uw_099_10.png" width="150" height="150" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-76" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://davidsafanda.com/wp-content/gallery/manta-rays/uw_097_10.png" title=" " rel="lightbox[set_6]" >
								<img title=" " alt=" " src="http://davidsafanda.com/wp-content/gallery/manta-rays/thumbs/thumbs_uw_097_10.png" width="150" height="150" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-77" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://davidsafanda.com/wp-content/gallery/manta-rays/uw_096_10.png" title=" " rel="lightbox[set_6]" >
								<img title=" " alt=" " src="http://davidsafanda.com/wp-content/gallery/manta-rays/thumbs/thumbs_uw_096_10.png" width="150" height="150" />
							</a>
		</div>
	</div>
	
		
 		
	<div id="ngg-image-78" class="ngg-gallery-thumbnail-box"  >
		<div class="ngg-gallery-thumbnail" >
			<a href="http://davidsafanda.com/wp-content/gallery/manta-rays/uw_094_10.png" title=" " rel="lightbox[set_6]" >
								<img title=" " alt=" " src="http://davidsafanda.com/wp-content/gallery/manta-rays/thumbs/thumbs_uw_094_10.png" width="150" height="150" />
							</a>
		</div>
	</div>
	
		
 	 	
	<!-- Pagination -->
 	<div class='ngg-clear'></div>
 	
</div>

<br />
</p>
<p>
Along the Kona coast of Hawaii’s Big Island is a world famous dive site called Garden Eel Cove, where huge Manta Rays routinely come in to feed on krill in 50ft of water not far from shore. At this particular site the party doesn&#8217;t start until after the sun goes down. Natural feeding behavior has been further encouraged by local dive operators who now come to this site each evening and plant a few dive lights on the rocky bottom. These lights attract krill and other tiny planktonic species which in turn attract the peaceful giants. Decades ago mantas acquired the name “devilfish”. Their massive size and bat shape suggested menace. That changed in the 1970s, when scuba divers found mantas to be gentle creatures. There are more than 70 known Manta Rays in Kona and all have names and can be identified by unique spot patterns on their underside.</p>
<p>When my family opted to visit the Big Island on vacation this summer, I knew I’d have to check out this dive. To be honest I didn’t have super high expectations. Due to its popularity, I imagined crowds of ungainly two legged neoprene clad creatures dominating the underwater landscape. My expectations were to some extent right on the money. It is indeed a circus atmoshephere. On the day I dove this location there were at least six other dive boats that showed up at dusk. Many of these boats unleash not just divers but teams of snorkerlers. The divers huddle on the bottom around an underwater halogen powered campfire of sorts and snorkelers float above. Everyone has a primary torch in addition to multi-color locator lights on tanks, boats and supporting equipment. It looks a bit like an underwater Las Vegas. In between the divers and snorkelers is 30ft of water column left over for the 12-16ft Mantas that are effortlessly doing vertical loops, barrel rolls and fly bys as they scoop up krill. There is a famous sting ray dive in the Cayman Islands called Sting Ray City. This dive is a bit like Sting Ray City on acid.</p>
<p>To my surprise the surrounding madness did not prevent from being mesmerized by the feature attraction. On some nights no Mantas bother to show up. During our dive we were lucky enough to have 8 full size females show up and put on a show.</p>
<p>Underwater photography is difficult to begin with. Trying to capture large moving animals at night brings the challenge to an entirely new level. As much as possible I wanted to somehow create images that revealed the elegance of these animals and none of the surrounding circus atmosphere. By no means did I do a great job but I had some modest success. I&#8217;d love to go back and try again.</p>
<h2>What is it like?</h2>
<p>I went on YouTube to try and find a video that is representative of the scene and not only found a video from the same night but it was shot by a diver just happened to be sitting next to me on the same boat. Here’s her <a href="http://www.youtube.com/watch?v=Hs1Y3Z8sqSI">great video of the dive</a>. It includes footage of a recon dive we did in daylight before the later night dive.</p>
<p>Here&#8217;s an <a href="http://wetpixel.com/competition/index.php?view=entry&amp;id=11425">award winning photo</a> by Randall Benton that also perfectly captures the experience of shooting Pacific Mantas.</p>
<h2>Equipment Used</h2>
<p>I used a Nikon D200 in a Light &#038; Motion Titan housing with Sea &#038; Sea YS90DX strobes and a Hartenberger Nano focus light. The focus light is a new addition to my arsenal and was absolutely indispensable. I&#8217;m not sure how you could shoot this dive with out a decent focus light.</p>
<h2>Operator Used</h2>
<p>I dove with <a href="http://www.jacksdivinglocker.com/">Jack&#8217;s Dive Locker</a>. </p>
]]></content:encoded>
			<wfw:commentRss>http://davidsafanda.com/night-diving-with-manta-rays/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New Email Delivery and Reporting Services</title>
		<link>http://davidsafanda.com/new-email-delivery-and-reporting-services/</link>
		<comments>http://davidsafanda.com/new-email-delivery-and-reporting-services/#comments</comments>
		<pubDate>Thu, 25 Mar 2010 16:29:21 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[news]]></category>

		<guid isPermaLink="false">http://davidsafanda.com/?p=168</guid>
		<description><![CDATA[Think of your customers and business partners as an audience. All day long they&#8217;re struggling with an inbox full of emails competing for their attention. How can you distinguish your email communications so that they rise above the fray? A &#8230; <a href="http://davidsafanda.com/new-email-delivery-and-reporting-services/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Think of your customers and business partners as an audience. <span id="more-168"></span>All day long they&#8217;re struggling with an inbox full of emails competing for their attention. How can you distinguish your email communications so that they rise above the fray? A well designed email should do two things. It should visually engage your audience with clean and purposeful design. It should also convey a sense of professionalism and trust that sets you apart from &#8220;junk&#8221; mail. I’ve been designing HTML emails for more than decade. I can develop an email or newsletter design for you that accomplishes both tasks.</p>
<p>If you already have a system in place for distributing emails I can deliver design assets as properly formatted HTML. If you don&#8217;t currently have a method in place for sending email campaigns I can now provide this service. Using online campaign management software I can offer a wide range of powerful tools for distributing and tracking robust email campaigns.</p>
<h3>Features and Benefits</h3>
<p><img src="http://davidsafanda.com/wp-content/uploads/2010/03/icon-testing.gif" alt="" title="icon-testing" width="33" height="33" class="alignleft size-full wp-image-175" />Email Testing — Using campaign management software, I can generate screenshots of how your email will look in dozens of different email applications and modify the design as necessary.</p>
<p><img src="http://davidsafanda.com/wp-content/uploads/2010/03/icon-pacct.gif" alt="" title="icon-pacct" width="33" height="33" class="alignleft size-full wp-image-177" />Personalized Account Access — Want to send emails yourself? I can easily create private account access that will allow you to send emails based on designs that I’ve already created for you.</p>
<p><img src="http://davidsafanda.com/wp-content/uploads/2010/03/icon-templates.gif" alt="" title="icon-templates" width="33" height="33" class="alignleft size-full wp-image-178" />Templates — Perhaps you don’t need or want a new design every time you send a campaign. I can create templates unique to your brand that you can edit and send yourself by logging in your secure accoun</p>
<p><img src="http://davidsafanda.com/wp-content/uploads/2010/03/icon-analytics.gif" alt="" title="icon-analytics" width="33" height="33" class="alignleft size-full wp-image-180" />Analytics — I can generate reports for each campaign that track opens and clicks as well as related conversions and sales.</p>
<p><img src="http://davidsafanda.com/wp-content/uploads/2010/03/icon-listmng.gif" alt="" title="icon-listmng" width="33" height="33" class="alignleft size-full wp-image-181" />List Management — We can create as many unique lists as you need for targeted campaigns. The software I&#8217;m using will automatically handle all bounces and spam complaints.</p>
<p><img src="http://davidsafanda.com/wp-content/uploads/2010/03/icon-subscribermgm.gif" alt="" title="icon-subscribermgm" width="33" height="33" class="alignleft size-full wp-image-182" />Subscriber Management — Together, we can create a newsletter sign-up process for your business that includes designated landing pages and as well as automatic welcome emails when a subscription is confirmed. We can even take this approach to the next stage and capture subscriber information which can then be used to personalize future emails.</p>
<h3>Costs</h3>
<p>Email Design:<br />
I invoice design work on an hourly basis. How much time is required will depend entirely on the nature of the email needed as well and the degree to which a visual direction is already established. If you have an established visual identity in place and can supply logo, color palette, style guide, etc. I can quickly turn around an engaging email design. If you&#8217;re less sure of the visual elements that need to be incorporated and want to first see a variety of initial mockups the design process will likely require a bit more time. Just send me an email describing the nature of your project. I may have a few questions but with out wasting too much of your valuable time I should be able to prepare an accurate estimate of what will be required.</p>
<p>Email Delivery:<br />
In addition to design cost there is a small deliver fee. To send an email campaign requires a one-time $5. delivery fee as well as 1 cent per recipient. For example:<br />
500 recipients = $10.<br />
1000 recipients = $15.<br />
5000 recipients = $55.</p>
]]></content:encoded>
			<wfw:commentRss>http://davidsafanda.com/new-email-delivery-and-reporting-services/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Perfect Monitor</title>
		<link>http://davidsafanda.com/news-post-test/</link>
		<comments>http://davidsafanda.com/news-post-test/#comments</comments>
		<pubDate>Wed, 10 Mar 2010 21:59:48 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[equipment]]></category>
		<category><![CDATA[news]]></category>

		<guid isPermaLink="false">http://davidsafanda.com/?p=64</guid>
		<description><![CDATA[Ellenis magnit volum voluptatem necernature quissitati doloriate milles apit, sit as qui cuptur, alitatus molor re maio. Nam quo temos dolor am. <a href="http://davidsafanda.com/news-post-test/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve been searching for a new monitor for quite some time and may have finally found the perfect solution.<span id="more-64"></span></p>
<p>I&#8217;m one of those old school hold outs that up until a few weeks ago still had a giant CRT display taking up my entire desk and threatening to collapse it. I put up with the beast as long as I did because it still looked sharper and provided more accurate color than any of the slim and sleek looking LCD displays I had a chance to preview.<br />
I knew there were brands such Eizo that produced LCD monitors suitable for professional graphic design and photography work but I also knew they carried a huge price tag. To be honest, I had finally given up on ever owning one. I thought that perhaps I&#8217;d go with an Apple display on my PC.  Yikes! The reviews of Apple displays immediately scared me off. Then I started looking at NEC and LaCie models as legitimate options. I was about to purchase the LaCie324. Then I saw a blog entry on ShootSmarter with the tile &#8220;It&#8217;s Here.. the PERFECT Monitor!&#8221;. Sure enough, they were referring to an Eizo. The Eizo CG 222W. The catch? This model costs $1,300. That might sound expensive if you&#8217;re used to standard consumer models but it&#8217;s a bargain for a monitor that meets high end benchmarks. With in a few minutes I was on B&amp;H ordering one.</p>
<p><a href="http://www.eizo.com/global/products/coloredge/cg222w/index.html"><img class="alignleft" src="http://www.eizo.com/global/products/coloredge/cg222w/images/CG222W_sm.jpg" alt="" width="150" height="155" /></a>I&#8217;ve now been using this display for about a month. It&#8217;s awesome! I was initially worried that it might be too small. They call it a 22&#8243;. The viewing surface is 18.5 inches wide, and 11.5 inches tall. I&#8217;m working at wide-screen resolution of 1680&#215;1050. It&#8217;s plenty or real estate for design and photography work. Email and Pandora are perfectly happy living on secondary monitor. Color calibration is easy with the included software. This is the first LCD monitor I&#8217;ve owned that gives me confidence I&#8217;m working with super accurate color representation. Fine tuning photos in Lightroom no longer feels like a guessing game. Developing color palettes for new design or identity projects is no longer such a daunting task.</p>
<p>If you aren&#8217;t a professional designer or photographer I think you&#8217;d probably be crazy to spend more than a thousand dollars on a monitor. However, if you make a living working on color critical projects this monitor is a great addition to your work flow.</p>
<p>Here&#8217;s the <a href="http://www.eizo.com/global/products/coloredge/cg222w/index.html" target="_blank">product description</a> on Eizo&#8217;s site.</p>
]]></content:encoded>
			<wfw:commentRss>http://davidsafanda.com/news-post-test/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

