<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" version="2.0">

<channel>
	<title>SachaGreif.com</title>
	
	<link>http://sachagreif.com</link>
	<description />
	<lastBuildDate>Thu, 23 May 2013 13:43:37 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/SachaGreifBlog" /><feedburner:info xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" uri="sachagreifblog" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>Travel Plans: Paris &amp; London</title>
		<link>http://sachagreif.com/travel-plans-paris-london/</link>
		<comments>http://sachagreif.com/travel-plans-paris-london/#comments</comments>
		<pubDate>Thu, 23 May 2013 13:43:37 +0000</pubDate>
		<dc:creator>sachag</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://sachagreif.com/?p=2667</guid>
		<description><![CDATA[I&#8217;m on track to set a personal travel record for the month of May: after San Francisco and Beijing, I&#8217;m<a class="read-more" href="http://sachagreif.com/travel-plans-paris-london/">...</a>]]></description>
				<content:encoded><![CDATA[<p>I&#8217;m on track to set a personal travel record for the month of May: after San Francisco and Beijing, I&#8217;m also going to stop by Paris and London.</p>
<p>Now don&#8217;t get me wrong, I love travelling, but after all that I&#8217;ll be looking forward to spending summer in my lazy Osaka suburb.</p>
<p>Anyway, the main reason I&#8217;m hitting the road again is to attend <a href="http://thenetawards.com">the .net awards</a>, where <a href="http://sidebar.io">Sidebar</a> is nominated in the &#8220;Best Side Project&#8221; category, on <strong>May 31st</strong> in London</p>
<p>Before this, I&#8217;ll also talk about <a href="http://discovermeteor.com">Discover Meteor</a> at the <a href="http://www.meetup.com/Meteor-London/events/118566382/">London Meteor meetup</a> on <strong>May 30th</strong>. Even if you&#8217;re not a Meteor developer, you might want to come if you&#8217;d like to learn more about self-publishing and marketing your products.</p>
<p>Finally, on <strong>June 3</strong> I&#8217;ll drop by the <a href="http://www.meetup.com/Meteor-Paris/events/120627972/">Paris Meteor meetup</a> to (you guessed it) talk about Discover Meteor again. After that I&#8217;ll spend a week in Paris, and then go back to Japan.</p>
<p>I&#8217;m always interested in meeting local designers/developers/entrepreneurs, so if you&#8217;ll be in London between May 30 &#8211; June 1 –or in Paris the week after that– <a href="http://sachagreif.com/contact">drop me a line</a> (or leave a comment here) and I&#8217;ll try to arrange a mini-meetup one afternoon.</p>
<p>P.S. Another reason to come to the Meteor meetups in Paris and London: there will be free copies of <em>Discover Meteor</em> to win!</p>
]]></content:encoded>
			<wfw:commentRss>http://sachagreif.com/travel-plans-paris-london/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Pricing Trilogy</title>
		<link>http://sachagreif.com/the-pricing-trilogy/</link>
		<comments>http://sachagreif.com/the-pricing-trilogy/#comments</comments>
		<pubDate>Tue, 21 May 2013 23:22:47 +0000</pubDate>
		<dc:creator>sachag</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://sachagreif.com/?p=2643</guid>
		<description><![CDATA[So apparently, I&#8217;m wrong. At least, that&#8217;s what Nathan Barry is saying in his latest post about eBook pricing: Sacha<a class="read-more" href="http://sachagreif.com/the-pricing-trilogy/">...</a>]]></description>
				<content:encoded><![CDATA[<p>So apparently, I&#8217;m wrong.</p>
<p>At least, that&#8217;s what Nathan Barry is saying in <a href="http://blog.asmartbear.com/selling-ebook.html">his latest post about eBook pricing</a>:</p>
<blockquote><p>Sacha and Jarrod, thank you so much for sharing your story and your numbers. But I think both of you are wrong when it comes to pricing.</p></blockquote>
<p>It&#8217;s true it&#8217;s hard to argue with his results. After all, his eBooks made an order of magnitude more revenue than mine.</p>
<p>But let&#8217;s back up a little. When I wrote <a href="http://blog.asmartbear.com/perfect-pricing.html">a guest post about eBook pricing</a> over at the A Smart Bear blog about one year ago, I never imagined it would spawn such a debate and trigger two follow-up posts by two different eBook authors.</p>
<p>The first rebuttal to my post was penned by <a href="http://bootstrappingdesign.com/">Bootstrapping Design</a> author Jarrod Drysdale, who coincidentally released his eBook on the same day as my own <a href="http://sachagreif.com/ebook">Step by Step UI Design</a>, and blogged about it on A Smart Bear as well.</p>
<p>So it&#8217;s only natural that Nathan would come back to the same place to conclude the trilogy. Still, I feel like being called out gives me a right to explain myself.</p>
<h3>Why Nathan&#8217;s Wrong</h3>
<p>Nathan&#8217;s post (as did Jarrod&#8217;s before) ignores something that seems obvious once you state it: <em>maximizing revenue is not the only possible goal</em>.</p>
<p>My eBook might have brought in less in revenue, but it also reached a lot more people. Having a 1500-email list of people interested in what I was doing was instrumental in kick-starting <a href="http://sachagreif.com/newsletter">my weekly newsletter</a>, which now has more than 4000 subscribers.</p>
<p>(As an aside, since I don&#8217;t really have a product to sell, that newsletter has turned into a kind of more personal blog/support group where I can share both my successes and my failures. You should <a href="http://sachagreif.com/newsletter">sign up</a> to get access to the archives.)</p>
<p>The second factor is that this eBook was fairly short (because I wanted to make sure people actually <em>read</em> it). Now sure, you&#8217;re supposed to price on value and not by &#8220;weight&#8221;, but I still didn&#8217;t feel confident charging too much for something you could read in 20 minutes.</p>
<p>So I might&#8217;ve missed the mark by a few dollars, but to this day I still don&#8217;t believe that charging $39 for that eBook would&#8217;ve been appropriate.</p>
<h3>Why Nathan&#8217;s Right</h3>
<p>Now on the other hand for <a href="http://www.discovermeteor.com">my <em>new</em> book</a>, I followed Nathan&#8217;s model (almost) to a T.</p>
<p>In an admirable display of cross-marketing and thinking ahead, I followed up my book about design with a book about… coding.</p>
<p>So yes: I took a good look at my 4000 email subscribers who signed up to hear me talk about design, and then said to myself &#8220;You know what would be great? Writing a book for a completely different audience!&#8221;.</p>
<p>Still, I don&#8217;t regret it. The result, <a href="http://www.discovermeteor.com">Discover Meteor</a> (which I co-wrote with <a href="https://github.com/tmeasday/">Tom Coleman</a>), is not only the best book I ever wrote (not very impressive, I know), but also –I believe– the best book about Meteor out there (still not <em>that</em> impressive), and <a href="https://www.youtube.com/watch?feature=player_detailpage&amp;v=2ntHe1UW1QI#t=194s">according to some</a>, it&#8217;s also &#8220;some of the best writing on programming in general&#8221;.</p>
<p>If you head over to the landing page now, you&#8217;ll see that we both priced relatively high (at least compared to other programming books) and implemented multiple packages.</p>
<p>(By the way, the reason we priced high is because we think the book is worth it. Actually it&#8217;s more than a book: you also get access to multiple code commits per chapters, live instances of the app you&#8217;re building, plus support from both authors if you run into any stumbling blocks.)</p>
<p>I was also planning on doing &#8220;the flip&#8221; (presenting the higher-priced packages first in the page) but since our Premium Edition package isn&#8217;t quite done yet we kept a more traditional order (on Nathan&#8217;s own advice, by the way. Thanks Nathan!).</p>
<p>I&#8217;m not prepared to share hard figures just yet, but I can say that the launch was very successful. Although I must concede that Nathan still has us beat by a sizable margin on the first 48-hours total sales. Then again, <a href="http://meteor.com">Meteor</a> is still a fairly niche topic (although I&#8217;m pretty sure this will change!), so it was to be expected.</p>
<h3>Too Expensive?</h3>
<p>I said earlier that we priced &#8220;high&#8221;. &#8220;High&#8221; and &#8220;low&#8221; are relative terms. Saying that a mountain is &#8220;high&#8221; only has meaning compared to other mountains on Earth (for example, Mars&#8217; <a href="http://en.wikipedia.org/wiki/Olympus_Mons">Olympus Mons</a> dwarfs our own puny Everest by more than 12km).</p>
<p>So when I use the word &#8220;high&#8221;, all it means is that our programming eBook costs more than other programming eBooks.</p>
<p>But wait, that&#8217;s unfair! Why should one book cost more than another? Clearly all books have the exact same content, offer the same value, and should be priced at the exact same price point.</p>
<p>I&#8217;m kidding, but you get the point. We&#8217;re perfectly fine with a Ferrari costing more than a Subaru: we just assume the Ferrari is better in some way, and if we can&#8217;t afford it we just move on.</p>
<p>But digital goods such as eBooks differ from Ferraris in one important way: they don&#8217;t have any associated cost of production (more on this later), which completely warps our little human brains.</p>
<p>Here is <a href="https://news.ycombinator.com/item?id=5744369">a Hacker News comment</a> about <a href="http://nathanbarry.com/authority/">Nathan&#8217;s new book</a> by an otherwise smart individual (at least twice as smart as me, if HN karma points are any indication):</p>
<blockquote><p>Oh, for $29 I only get a PDF &#8230; but I wanted a book. For that much money I <i>really</i> expected at least a paperback, possibly a hardcover.</p></blockquote>
<p>There is no basis here for expecting a paperback, or possibly a hardcover (would it have to be leather-bound, too?). The mind just wants to associate that $29 cost with something <em>real</em>, something tangible to justify parting with your hard-earned money without feeling regret.</p>
<p>But I shouldn&#8217;t be snarky. If my studies of the human mind (i.e. reading Malcolm Gladwell books and watching TED talks) have taught me one thing, is that being smart is no help against biases and fallacies, and that nobody is immune from them (including me, of course).</p>
<h3>Is It Right?</h3>
<p>We&#8217;re finally approaching the crux of the matter. We know you can price high, make loads of money, and retire young to a tropical island. But is it the <em>right</em> thing to do?</p>
<p>In other terms, is it ethical to, <a href="https://news.ycombinator.com/item?id=5745725">as another HN commenter put it</a>, &#8220;<em>try to wring every last penny out of your customer with inflated prices just so you can brag about it on guest blog posts</em>&#8220;? (ouch)</p>
<p>This is another display of the &#8220;Price is Right&#8221; fallacy (yeah, I just made that up): the idea that a good has an inherent &#8220;right&#8221; price and that anything above that is over-charging and unfair.</p>
<p>That idea is already debatable for physical goods (want to guess how much your expensive Nike shoes actually cost to make? Or worse, your iPhone?). But for digital goods, it&#8217;s even harder to pin down a price!</p>
<p>After all digital goods don&#8217;t cost anything to produce. So if the &#8220;right&#8221; price was based on production costs, all eBooks, movies, and music would be free! (also know as the Pirate Bay Theory of Economics).</p>
<p>But maybe the &#8220;right&#8221; price is based on recouping your initial investment. Well, both me and my co-author spent about 3 months working full-time on the book. Assuming a salary of $4000/month, that&#8217;s a $24k cost. But then, how do you distribute that cost over multiple sales? After all you won&#8217;t know how much you&#8217;ve sold until you&#8217;re done selling…</p>
<p>At the end of the day, unlike food and water, eBooks about JavaScript frameworks or selling products online are not a necessity of life.</p>
<p>So I don&#8217;t believe there&#8217;s any ethical issues with charging $100, $200, or even $10000 for a digital product: if people don&#8217;t want it, they don&#8217;t have to buy it.</p>
<p>It&#8217;s true it <em>feels</em> unfair and overprice, but that&#8217;s just our dumb instincts speaking. We&#8217;ve evolved to be deeply sensitive to injustice (<a href="http://www.ted.com/talks/frans_de_waal_do_animals_have_morals.html">even monkeys feel that way</a>), and that instinct kicks in whenever we think we&#8217;re being taken advantage of.</p>
<h3>A Truly Fair Pricing Model</h3>
<p>I just said that pricing high is fair, but just like some infinite sets are demonstrably larger than other infinite sets, some types of fairness are fairer than other types (if that makes sense).</p>
<p>For example, it&#8217;s hard to argue that the pay-what-you-want model favored by <a href="http://www.humblebundle.com/">Humble Bundle</a> or <a href="http://losttype.com/">the Lost Type Co-op</a> is as fair as it gets.</p>
<p>But it&#8217;s not the only model. <a href="http://heroku.com">Heroku</a> uses a usage-based payment that tries and match up your costs with your consumption perfectly. That&#8217;s certainly fairer than one-size-fits-all pricing plans. For a book, that might translate into letting people pay by the chapter.</p>
<p>And you could go even crazier: for example, you could set a total goal at, say, $100k, and start refunding a small amount to all previous customers for each additional sale past that goal.</p>
<h3>Product &gt; Pricing</h3>
<p>At the end of the day though, what truly matters is that people be happy with their purchase, and your pricing model is only a small part of that equation. Much more important is the <em>actual product</em>.</p>
<p>And judging from <a href="http://www.discovermeteor.com/reviews">the reviews our book has been receiving</a>, I&#8217;m happy to say we&#8217;ve succeeded at least on that level!</p>
<h3>More on Pricing</h3>
<ul>
<li><a href="https://news.ycombinator.com/item?id=5747775"><span style="line-height: 16px;">Discuss this on Hacker News</span></a></li>
<li><a href="http://insideintercom.io/four-pricing-principals-to-never-forget/">Four Pricing Principles</a> on the Intercom blog</li>
<li><a href="http://www.joelonsoftware.com/articles/CamelsandRubberDuckies.html">Camels and Rubber Duckies</a> by Joel Spolsky</li>
<li><a href="https://class.coursera.org/behavioralecon-001/lecture/index">Dan Ariely&#8217;s Behavioral Economics class</a> on Coursera</li>
<li><a href="http://www.amazon.com/Thinking-Fast-Slow-Daniel-Kahneman/dp/0374275637">Thinking, Fast and Slow</a> by Daniel Kahneman</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://sachagreif.com/the-pricing-trilogy/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Discover Meteor</title>
		<link>http://sachagreif.com/discover-meteor/</link>
		<comments>http://sachagreif.com/discover-meteor/#comments</comments>
		<pubDate>Tue, 14 May 2013 23:48:42 +0000</pubDate>
		<dc:creator>sachag</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://sachagreif.com/?p=2630</guid>
		<description><![CDATA[I&#8217;m happy to announce that Discover Meteor is out! Discover Meteor is my latest book. I wrote it in collaboration with<a class="read-more" href="http://sachagreif.com/discover-meteor/">...</a>]]></description>
				<content:encoded><![CDATA[<p>I&#8217;m happy to announce that <a href="http://discovermeteor.com">Discover Meteor</a> is out!</p>
<p>Discover Meteor is my latest book. I wrote it in collaboration with <a href="https://github.com/tmeasday">Tom Coleman</a>, and we released it last week with a great party at the Meteor offices where more than 100 &#8220;meteorites&#8221; (that&#8217;s what people who&#8217;re interested in Meteor are called…) came.</p>
<p>The book covers everything you need to know to build a <a href="http://meteor.com">Meteor</a> app from scratch, provided you have a basic degree of familiarity with JavaScript already.</p>
<p>The book is based on our experiences building <a href="http://telesc.pe">Telescope</a>, and will walk you through creating a simpler version of a social news app, which we call <a href="https://github.com/DiscoverMeteor/Microscope">Microscope</a>.</p>
<p>I&#8217;ll share more about our sales and our process in an upcoming post, but for now <a href="http://www.discovermeteor.com">go check out the book</a>!</p>
]]></content:encoded>
			<wfw:commentRss>http://sachagreif.com/discover-meteor/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Discover Meteor Release Party</title>
		<link>http://sachagreif.com/the-discover-meteor-release-party/</link>
		<comments>http://sachagreif.com/the-discover-meteor-release-party/#comments</comments>
		<pubDate>Wed, 01 May 2013 00:41:16 +0000</pubDate>
		<dc:creator>sachag</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://sachagreif.com/?p=2625</guid>
		<description><![CDATA[I haven&#8217;t posted here in over a month, but it&#8217;s for a good reason: I&#8217;m working full-time on putting the<a class="read-more" href="http://sachagreif.com/the-discover-meteor-release-party/">...</a>]]></description>
				<content:encoded><![CDATA[<p>I haven&#8217;t posted here in over a month, but it&#8217;s for a good reason: I&#8217;m working full-time on putting the finishing touches to my next book, <a href="http://themeteorbook.com">Discover Meteor</a>.</p>
<p>The book is about the <a href="http://meteor.com">Meteor</a> JavaScript framework, and I&#8217;m co-writing it with <a href="https://github.com/tmeasday/">Tom Coleman</a>, one of the main figures in the Meteor open-source community.</p>
<p>We&#8217;re planning on launching next week and I will share more details on the book after that, but in the meantime if you&#8217;re in San Francisco I woud like to invite you to <a href="http://www.meetup.com/Meteor-SFBay/events/115875132/">our book release party</a> at the Meteor HQ on May 6th.</p>
<p>I will be making the trip all the way from Japan, and I&#8217;m really looking forward to meeting up with SF&#8217;s vibrant Meteor community, as well as seeing old friends again.</p>
<p>So see you on May 6th, and if you can&#8217;t make it be sure to<a href="http://themeteorbook.com"> join the book&#8217;s mailing list</a> to avoid missing out on the launch discount.</p>
<p>Now if you&#8217;ll excuse me, I&#8217;ve got a book to finish!</p>
]]></content:encoded>
			<wfw:commentRss>http://sachagreif.com/the-discover-meteor-release-party/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>DIY Email Referrals</title>
		<link>http://sachagreif.com/diy-email-referrals/</link>
		<comments>http://sachagreif.com/diy-email-referrals/#comments</comments>
		<pubDate>Fri, 22 Mar 2013 02:16:28 +0000</pubDate>
		<dc:creator>sachag</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://sachagreif.com/?p=2586</guid>
		<description><![CDATA[TL;DR: In this post, I&#8217;ll show you how to hack together an email referral system with MailChimp, Zapier, and Mailgun,<a class="read-more" href="http://sachagreif.com/diy-email-referrals/">...</a>]]></description>
				<content:encoded><![CDATA[<p><em>TL;DR: In this post, I&#8217;ll show you how to hack together an email referral system with MailChimp, Zapier, and Mailgun, and I will also share the results I got from it. </em></p>
<p><a href="http://sidebar.io">Sidebar</a> has been doing great lately, and will soon see its 10,000th subscriber! But as I watch the subscriber count slowly tick up, I&#8217;ve also been thinking about how to keep that number growing in the future.</p>
<p>Keeping a constant growth rate is deceptively hard. After all, growing by 20% a month when you have 100 subscribers means finding 20 new subscribers. But if you already have 10000 members, maintaing that same growth rate now means finding 2000 new people in the same timespan!</p>
<p>This means maintaing the same growth rate is impossible, unless your current users can somehow help you find new ones (a.k.a. viral growth). This led me to wonder if there wasn&#8217;t a way I could use Sidebar&#8217;s existing subscriber base to my advantage.</p>
<p>I started thinking about setting up an email-based referral program. Pretty soon, I realized that not only was such a program possible, but I could implement it pretty cheaply, and without writing a single line of code!</p>
<h3>The Process</h3>
<p>Let me explain how it all works.</p>
<p>First, let&#8217;s lay out our basic goal: we want to incentivize people to refer new subscribers to our newsletter. So in simple terms, if you get a friend to sign up, I&#8217;ll give you <em>both</em> something in exchange (for example, a free eBook). By the way, rewarding both sides is very important, as I&#8217;ll soon explain.</p>
<p>There&#8217;s a thousand possible ways to set this up, but since we&#8217;re talking about newsletters here we&#8217;ll do as much of the work as possible by email.</p>
<p>So the whole flow will look something like this:</p>
<ul>
<li>Alice receives a newsletter containing a personalized sign-up referral link.</li>
<li>Alice forwards the newsletter to her friend Bob, who&#8217;s not a subscriber.</li>
<li>Bob signs up using Alice&#8217;s special link.</li>
<li><em>Both</em> Alice and Bob receive a reward.</li>
</ul>
<h3>Rewarding Both Parties</h3>
<p>Why is it so important that Bob also receives a reward? After all he didn&#8217;t do anything special. But giving Bob a reward is what makes it <em>socially acceptable</em> for Alice to forward the email in the first place, since she is also doing Bob a favor. Without that dual reward, Alice would probably be hesitant to push a referral link on her friend.</p>
<p>In any case, we have two technical challenges:</p>
<ol>
<li>Generating the special sign-up link.</li>
<li>Sending the reward.</li>
</ol>
<p>It turns out smart people have already created services that easily let us do just that.</p>
<h3>Generating the referral link</h3>
<p>First, let&#8217;s see how we can generate a unique referral link using MailChimp. As it happens, our email subscribers already possess a unique identifier… their email addresses!</p>
<p>We&#8217;ll simply use MailChimp&#8217;s EMAIL <a href="http://kb.mailchimp.com/article/all-the-merge-tags-cheatsheet" target="_self">merge tag</a> to inject the recipient&#8217;s email into our sign-up link. So our sign-up links will end up looking something like this:</p>
<p><em>http://sidebar.us2.list-manage1.com/subscribe?u=b5af47765edbd2fc173dbf27a&amp;id=9abeab36bb<strong>&amp;REFERRAL=your@email.com</strong></em></p>
<p>(the part in bold is the part that we&#8217;re adding)</p>
<h5>Note that that including people&#8217;s email address in the referral link means they probably won&#8217;t want to share those links openly on social networks. But since our referral campaign&#8217;s whole concept is based on referring one&#8217;s friends by email, that shouldn&#8217;t be a problem (plus, using some kind of unique ID would require custom coding).</h5>
<h3>Setting up our sign-up form</h3>
<p>Now that we&#8217;re sending over the refferer&#8217;s email address, we need to tell Mailchimp what to actually do with that info.</p>
<p>So we&#8217;ll simply add a <strong>REFERRAL</strong> form field to our signup form, and that field will automatically get pre-filled with the variable we passed in the URL!</p>
<div id="attachment_2592" class="wp-caption alignnone" style="width: 700px"><a href="http://sidebar.us2.list-manage1.com/subscribe?u=b5af47765edbd2fc173dbf27a&amp;id=9abeab36bb&amp;REFERRAL=your@email.com"><img class="size-full wp-image-2592" alt="The Sidebar sign-up form" src="http://dun4nx4d6jyre.cloudfront.net/assets/sidebar-signup.png" width="690" height="400" /></a><p class="wp-caption-text">The Sidebar sign-up form</p></div>
<p><strong>Note 1:</strong> Ideally, you&#8217;d want to hide that &#8220;Referred By&#8221; field if someone hasn&#8217;t been referred by anybody in particular. While this is not possible with MailChimp, you could do it if you used <a href="http://wufoo.com/" target="_self">Wufoo</a> for your sign-up form.</p>
<p><strong>Note 2:</strong> We don&#8217;t have any way to check that the email entered in the &#8220;referred by&#8221; field actually belongs to an existing member. But our primary goal is to get more sign-ups, so people &#8220;gaming&#8221; the system to receive the gift even when not referred isn&#8217;t really a problem as long as they sign up,</p>
<p>OK, so our new sign-ups now have an extra &#8220;referral&#8221; field in their profile. But how do we actually do something with it?</p>
<h3>Introducing Zapier</h3>
<p>For that part, we head over to <a href="http://zpr.io/xu9" target="_self">Zapier</a>.</p>
<p>Zapier is a bit like the swiss army knife of the web (or maybe like some kind of tool that would let you combine one swiss army knife with a different kind of swiss army knife).</p>
<p>Anyway, to put it more clearly it lets you define simple rules to take data from one app, and use it in another completely different app.</p>
<div id="attachment_2593" class="wp-caption alignnone" style="width: 700px"><img class="size-full wp-image-2593" alt="Our Zapier rule" src="http://dun4nx4d6jyre.cloudfront.net/assets/zapier.png" width="690" height="290" /><p class="wp-caption-text">Our Zapier rule</p></div>
<p>In our case, we&#8217;ll define two simple rules:</p>
<ol>
<li>When somebody signs up to our newsletter and their &#8220;referral&#8221; field contains &#8220;@&#8221;, send them an email.</li>
<li>When somebody signs up to our newsletter and their &#8220;referral&#8221; field contains &#8220;@&#8221;, send an email to the referrer.</li>
</ol>
<p>And of course, that email is where we include a link to our welcome gift!</p>
<div id="attachment_2594" class="wp-caption alignnone" style="width: 700px"><img class="size-full wp-image-2594" alt="Our Zapier filter" src="http://dun4nx4d6jyre.cloudfront.net/assets/zapier-filter.png" width="690" height="290" /><p class="wp-caption-text">Our Zapier filter</p></div>
<p>In case you&#8217;re wondering about the &#8220;contains @&#8221; part, that&#8217;s a crude way to validate that the fields actually contains an email address. Of course it&#8217;s not perfect, and it would&#8217;ve been better to do the validation on the MailChimp side, but it&#8217;ll have to do for now.</p>
<h5>If I ever revisit this topic, I will show you how to use Wufoo to avoid this problem and add a couple other improvements as well.</h5>
<h3>The Final Piece of the Puzzle: Mailgun</h3>
<p>Finally, we need an app to actually send the emails containing the gift. You can use any email app. I picked <a href="http://mailgun.com/" target="_self">Mailgun</a> because they have a nice free tier, but <a href="http://sendgrid.me/" target="_self">SendGrid</a> is also a great option.</p>
<p>And if you want to use this setup yourself, I&#8217;ve exported both &#8220;zaps&#8221; to make them ready to use:</p>
<ul>
<li><a href="http://zpr.io/xeS" target="_self">Referral: Send Gift to New Subscriber</a></li>
<li><a href="http://zpr.io/xeF" target="_self">Referral: Send Gift to Referrer</a></li>
</ul>
<p>Finally, if you&#8217;d like more details on the setup, you can also check out <a href="http://www.youtube.com/watch?v=3k2AOBgFD_8&amp;feature=plcp&amp;list=PLPbAAnPEAdq632MYR7KoBs8CnXNKRIR64">this presentation I did</a> that explains the whole thing (sorry for the bad sound quality!):</p>
<p><iframe width="640" height="360" src="http://www.youtube.com/embed/3k2AOBgFD_8?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<h3>The Results</h3>
<p>You&#8217;re probably curious to know what kind of results I got from all this. Let me break it down for you.</p>
<p>I first tried out this referral system on my own mailing list (which is where I first explained the whole thing by the way – <a href="http://sachagreif.com/newsletter">sign up</a> if you&#8217;d like to receive more content like this!), offering a free eBook for people who referred a new subscriber.</p>
<p>So how did it turn out? A quick search on the &#8220;@&#8221; character shows that 42 people have entered an email in the &#8220;referral&#8221; field at sign up.</p>
<div id="attachment_2597" class="wp-caption alignnone" style="width: 700px"><img class="size-full wp-image-2597" alt="In green: the referral sign-up spike" src="http://dun4nx4d6jyre.cloudfront.net/assets/sg-growth.png" width="690" height="290" /><p class="wp-caption-text">In green: the referral sign-up spike</p></div>
<p>42 people might not seem like much on a 4000-person list, but on the other hand it&#8217;s about 4 times more than my average sign-up rate of 9 people a day. And at least it showed that my idea worked.</p>
<p>I then decided to try the experiment with Sidebar&#8217;s 9174 subscribers. Thanks to the awesome folks at <a href="http://creativemarket.com">Creative Market</a>, I came up with a great incentive for referrers: $5 in Creative Market credits!</p>
<div id="attachment_2599" class="wp-caption alignnone" style="width: 700px"><img class="size-full wp-image-2599" alt="I bet you can find the spike" src="http://dun4nx4d6jyre.cloudfront.net/assets/sidebar-growth.png" width="690" height="290" /><p class="wp-caption-text">I bet you can find the spike</p></div>
<p>The result: 213 extra sign-ups, which means about 2.3% of existing subscribers referred somebody. I won&#8217;t lie, I was a little disappointed. I thought that with a quasi-monetary incentive, the system would turn out to be more effective and have a higher conversion rate.</p>
<p>Who knows why the conversion rate wasn&#8217;t higher? There could be many reasons:</p>
<ul>
<li><span style="line-height: 16px;">My instructions on how to earn the coupon code weren&#8217;t clear enough.</span></li>
<li>People couldn&#8217;t think up of somebody to send the referral email to.</li>
<li>People hate referral programs and my idea sucks.</li>
</ul>
<p>In any case, it was a fun experiment and I&#8217;m still glad I did it. And now that I&#8217;ve set the whole thing up, it would be pretty easy to try it again with a different prize!</p>
<h3>Other Solutions</h3>
<p>You might be wondering why you should go through the trouble of setting up your own custom system instead of simply signing up for one of the countless <a href="http://www.quora.com/Marketing/What-third-party-services-can-I-use-to-set-up-and-manage-programs-to-incentivize-my-customers-to-tweet-or-share-information-about-my-company-on-Facebook">dedicated referral management service</a> out there.</p>
<p>There&#8217;s a couple reasons: first, most of these services are geared towards e-commerce referrals, and integrate with shopping cart systems like <a href="http://www.shopify.com">Shopify</a> or <a href="http://magento.com">Magento</a>, but not necessarily with email newsletters.</p>
<p>Second, these services are actually quite costly. For example, <a href="https://getambassador.com/">Ambassador</a> starts at $99 monthly for 250 &#8220;ambassadors&#8221;, which I assume 250 referrals. In Sidebar&#8217;s case, if I wanted to potentially enable all 10000 subscribers to be &#8220;ambassadors&#8221;, it would cost me $799 a month!</p>
<p>Contrast this number with what I paid: apart from my MailChimp subscription (which I&#8217;m paying anyway), the whole thing cost me <strong>$34</strong>: $19 for a Mailgun subscription, and $15 for a Zapier subscription.</p>
<p>Finally, I just think assembling multiple services like lego bricks to build your own system is a lot more fun and way cooler!</p>
<h3>DIY for the Web</h3>
<p>I think there&#8217;s something a bit magical about unrelated services being able to talk to each other through their APIs. I&#8217;m the furthest thing from the DIY type, so I will probably never know the joy of fixing my own car, or building myself a desk.</p>
<p>But I&#8217;d like to think that setting up my own little hack and watching those 213 new people sign up is almost the same thing!</p>
<p><em>Note: Zapier also did <a href="https://zapier.com/blog/2013/03/25/grow-your-email-list-email-referral-system-5-minutes/">a write-up on this topic</a>, showing you how you can use Wufoo for your sign-up form. </em></p>
<p><em>As usual, you can <a href="https://news.ycombinator.com/item?id=5421121">discuss this on Hacker News</a>.</em></p>
]]></content:encoded>
			<wfw:commentRss>http://sachagreif.com/diy-email-referrals/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Flattery</title>
		<link>http://sachagreif.com/flattery/</link>
		<comments>http://sachagreif.com/flattery/#comments</comments>
		<pubDate>Wed, 13 Mar 2013 08:38:18 +0000</pubDate>
		<dc:creator>sachag</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://sachagreif.com/?p=2568</guid>
		<description><![CDATA[Have you seen the new Kickoff site yet? Kickoff is a collaboration and group chat app for Mac OS, and<a class="read-more" href="http://sachagreif.com/flattery/">...</a>]]></description>
				<content:encoded><![CDATA[<p>Have you seen the new <a href="http://kickoffapp.com/">Kickoff</a> site yet? Kickoff is a collaboration and group chat app for Mac OS, and they recently launched their v2.0, along with a gorgeous new site.</p>
<p>Go ahead and <a href="http://kickoffapp.com/">take a look</a>. The site is a perfect example of what you could call the &#8220;Apple-style&#8221; school of web design: white background, plenty of whitespace, crisp icons, and Myriad Pro.</p>
<div id="attachment_2570" class="wp-caption alignnone" style="width: 700px"><img class="size-full wp-image-2570" alt="Kickoffapp.com vs Apple.com" src="http://dun4nx4d6jyre.cloudfront.net/assets/kickoff.png" width="690" height="300" /><p class="wp-caption-text">Kickoffapp.com vs Apple.com</p></div>
<p>The site has clearly been designed to trigger a strong association with Apple in the visitor&#8217;s mind, and communicate the fact that this is a Mac app with the same level of design polish as Apple&#8217;s own apps.</p>
<p>But this admiration for Benjamin De Cock&#8217;s amazing ability to out-Apple Apple made me reflect on my own feelings about imitation in general.</p>
<p>Why do I feel like imitation was something to applaud in this case, yet in other instances my instinct is instead to shame and condemn it?</p>
<h3>LayerVault vs Flat UI</h3>
<p>Specifically, the other case I have in my mind is the Flat UI vs LayerVault battle that took place last week.</p>
<p>It all started when <a href="http://designmodo.com/flat-free/">DesignModo released a UI kit</a> that offered some striking similarities with <a href="https://layervault.com/">LayerVault</a>&#8216;s overall aesthetic.</p>
<div id="attachment_2573" class="wp-caption alignnone" style="width: 700px"><img class="size-full wp-image-2573" alt="Flat UI vs LayerVault" src="http://dun4nx4d6jyre.cloudfront.net/assets/flaticons.png" width="690" height="300" /><p class="wp-caption-text">Flat UI vs LayerVault</p></div>
<p>(Now to get one thing out of the way, <a href="https://news.ycombinator.com/item?id=5331766&amp;buffer_share=26d76&amp;utm_source=buffer">LayerVault&#8217;s problem</a> with the UI kit was not with its general style, but with the fact that the kit allegedly copied <a href="http://imgur.com/rli5IVU">specific icons</a> from their site.)</p>
<p>However I&#8217;m not interested in discussing all that. What I&#8217;m interested in is my own reaction: when I saw Flat UI, I immediately felt indignant that someone would rip off LayerVault so blatantly.</p>
<h3>Drawing The Line</h3>
<p>Yet thinking about it, I can&#8217;t really find any justification. After all, if Kickoff&#8217;s case is ok yet LayerVault&#8217;s is not, where do we draw the line?</p>
<p>What if DesignModo released an Apple-inspired UI? Or if the Kickoff site had copied LayerVault? Somehow the first option feels ok, yet the second doesn&#8217;t. But why?</p>
<p>And where does something like <a href="https://github.com/gravityonmars/wp-svbtle">WP-Svbtle</a> fit in? It&#8217;s a literal rip-off of Svbtle&#8217;s design, yet its author doesn&#8217;t seem to feel ashamed of it in the least, going so far as to name his theme after the site it&#8217;s copying.</p>
<div id="attachment_2575" class="wp-caption alignnone" style="width: 700px"><img class="size-full wp-image-2575" alt="No need for comparison, Svbtle is exactly the same. " src="http://dun4nx4d6jyre.cloudfront.net/assets/wpsvbtle.png" width="690" height="300" /><p class="wp-caption-text">No need for comparison, Svbtle is exactly the same.</p></div>
<p>Clearly WP-Svtble is the worse form of plagiarism, but where would it start being ok? If you changed the name? Changed the font? Changed the background color? It&#8217;s the <a href="http://en.wikipedia.org/wiki/Ship_of_Theseus">Ship of Theseus</a> paradox applied to design…</p>
<h3>It&#8217;s All Pointless</h3>
<p>What I&#8217;m driving at is that this whole debate is pointless. Even though our gut <em>thinks</em> it knows right away what&#8217;s right or wrong, coming up with concrete arguments to back up your position can prove much harder.</p>
<p>The deeper you dig, the less it makes sense. For example, why should writing a song earn you royalties, yet <a href="http://www.logomaker.com/blog/2011/06/24/35-for-a-logo-thats-what-nike-paid/">creating a logo</a> doesn&#8217;t? On the other hand, why can you copyright a logo, but <a href="http://blog.crowdspring.com/2011/03/font-law-licensing/">not a typeface</a>? Unless that typeface appears itself in a logo, of course.</p>
<p>All this to say that unless you want to waste hours arguing on Twitter, (or become a copyright lawyer), I suggest you do what I intend to do from now on: <strong>stop caring</strong>.</p>
<p>Want to use the same red as I do? Fine.</p>
<p>Want to copy this blog&#8217;s layout? Why not.</p>
<p>Want to use my &#8220;SG&#8221; logo? I&#8217;ll be pissed off, but go ahead. I have no legal or moral basis to keep you from doing it, and there&#8217;s not much I can do about it anyway.</p>
<p>Marc Edwards <a href="https://twitter.com/marcedwards/status/311623934799929344">said it best on Twitter</a>:</p>
<blockquote><p>Time you spend being angry is time you could have used in a happy, productive way.</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://sachagreif.com/flattery/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>How I Use Quora</title>
		<link>http://sachagreif.com/how-i-use-quora/</link>
		<comments>http://sachagreif.com/how-i-use-quora/#comments</comments>
		<pubDate>Mon, 11 Mar 2013 09:59:18 +0000</pubDate>
		<dc:creator>sachag</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://sachagreif.com/?p=2558</guid>
		<description><![CDATA[Depending on who you ask, Q&#38;A site Quora is either the next big thing, or an overhyped waste of pixels. The truth<a class="read-more" href="http://sachagreif.com/how-i-use-quora/">...</a>]]></description>
				<content:encoded><![CDATA[<p>Depending on who you ask, Q&amp;A site <a href="http://quora.com/" target="_blank">Quora</a> is either the next big thing, or an overhyped waste of pixels. The truth probably lies somewhere in the middle, but in any case the site can be very useful for freelancers, bloggers, and entrepreneurs. Let me show you just how I use it.</p>
<p>But let&#8217;s make one thing clear first: these tips should not be abused. So I&#8217;m trusting you to follow Quora&#8217;s <a href="http://www.quora.com/Quora-Policies-and-Guidelines/What-are-Quoras-two-key-policy-principles" target="_blank">community guidelines</a> and be a valuable contributor to the site.</p>
<h3>Asking Questions</h3>
<p>The most basic way to use a question and answers site is… to ask questions! For example, I personally often use Quora to research blog post ideas. When I was writing<a href="http://sachagreif.com/a-collection-of-design-case-studies/" target="_blank"> a post about design case studies</a>, I also <a href="http://www.quora.com/Web-Design/What-are-some-good-examples-of-design-case-studies" target="_blank">asked about it on Quora</a> to get some suggestions.</p>
<p>And before launching <a href="http://sachagreif.com/newsletter">my newsletter</a>, I also used Quora to <a href="http://www.quora.com/Startups/What-are-the-best-tech-design-marketing-newsletters" target="_blank">research design and tech newsletters</a>.</p>
<p>Don&#8217;t be shy about asking questions. Quora has a pretty good search function, so if you can&#8217;t find your question on the site, chances are good that nobody&#8217;s asked it yet.</p>
<h3>Giving Answers</h3>
<p>Of course, the other side of the equation is answering other people&#8217;s questions. Answering questions can help you <a href="http://www.quora.com/User-Interface-Design/Is-skeuomorphic-design-going-to-stay-around" target="_blank">establish credibility in a domain</a> or promote your products or blog posts.</p>
<p>The key here is that even when promoting something, your answer still needs to be informative and self-contained:</p>
<p><em>Bad:</em></p>
<ul>
<li><strong>Q: </strong>What is the best way to streamline widgets?</li>
<li><strong>A: </strong>Our app WidgetStreamliner is the best way to streamline widgets!</li>
</ul>
<p><em>Good: </em></p>
<ul>
<li><strong>Q:</strong> What is the best way to streamline widgets?</li>
<li><strong>A:</strong> There are many ways to streamline widgets. For example, you could […] or […], or even […]. And by the way, our app WidgetStreamliner will help you automate a lot of these tasks.</li>
</ul>
<p>Providing helpful answers not only makes the site better, it&#8217;s also great marketing since you&#8217;re demonstrating your competence on the topic.</p>
<h3>The Double Kill</h3>
<p>You can asks questions, provide answers… so why not do both at the same time!</p>
<p>As long as your question is interesting and your answer helpful, there is nothing wrong with both <a href="http://www.quora.com/Design-Portfolios/What-are-the-key-points-of-designing-a-great-portfolio" target="_blank">asking the question and answering it yourself</a>.</p>
<p>For example, if you write a book about app design, you might ask something like &#8220;What are some good resources for mobile app design?&#8221; and provide an answer mentioning your book yourself. Of course, be sure to include other suggestions too, to make your answer truly useful.</p>
<p>Being the one who asked, you&#8217;ll also be the first to answer, which mean your answer will have a good chance of staying near the top.</p>
<h3>Wiki Wisdom</h3>
<p>Another little-known Quora trick is the question wiki. This is simply a crowdsourced summary of a question&#8217;s answers, and anybody can edit it.</p>
<p>For example, I personally compiled the wiki for <a href="http://www.quora.com/What-are-the-most-interesting-startups-in-the-recruiting-and-hiring-space" target="_blank">this question</a>, and since it was relevant I added my own startup, <a href="http://folyo.me/" target="_blank">Folyo</a>. Note that this is not just self-serving marketing: the info I compiled actually improves the usefulness of that page (which should be your guiding principle whenever posting on Quora).</p>
<h3>Ask to Answer</h3>
<p>One of my favorite Quora feature is the ability to ask a specific person to answer a question.</p>
<p>It can be a great way to get someone&#8217;s attention about a specific topic, get them to provide a quote that you can reuse in a blog post (with their permission, of course!), or just make first contact (since they will see you&#8217;re the one who asked them to answer).</p>
<p>And sometimes, even just seeing who Quora recommends to best answer a question can be interesting. It&#8217;s a great way to quickly find experts on any given topic, and in my own experience Quora rankings are much more reliable than Twitter followers or Klout scores.</p>
<h3>Conclusion</h3>
<p>Unlike posting to Twitter or Facebook, posting on Quora will never get you thousands of pageviews. But the site&#8217;s strong focus on specific topics means that the people who do see your questions or answers are probably much more relevant to you.</p>
<p>So although the site can seem a little opaque and unfriendly at first, it&#8217;s definitely worth a look. And hopefully, these tips will help you make the most of your Quora experience.</p>
<p><em>Note: this article was originally sent out in my newsletter. <a href="http://sachagreif.com/newsletter/">Sign up now</a> to receive design tips like this once a week, and in addition you’ll also receive my <strong>Color Theory for Startups eBook</strong> for free.</em></p>
]]></content:encoded>
			<wfw:commentRss>http://sachagreif.com/how-i-use-quora/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HNWishlist: How Would You Improve HN?</title>
		<link>http://sachagreif.com/hnwishlist-how-would-you-improve-hn/</link>
		<comments>http://sachagreif.com/hnwishlist-how-would-you-improve-hn/#comments</comments>
		<pubDate>Tue, 05 Mar 2013 03:08:15 +0000</pubDate>
		<dc:creator>sachag</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://sachagreif.com/?p=2552</guid>
		<description><![CDATA[Just a quick post to point you towards HNWishlist, a new mini-project (the category even below side projects). It&#8217;s a site<a class="read-more" href="http://sachagreif.com/hnwishlist-how-would-you-improve-hn/">...</a>]]></description>
				<content:encoded><![CDATA[<p>Just a quick post to point you towards <a href="http://hnwishlist.com/">HNWishlist</a>, a new mini-project (the category even below <a href="http://sachagreif.com/the-side-project-project/">side projects</a>).</p>
<p>It&#8217;s a site that lets you suggest and vote on improvements to <a href="http://news.ycombinator.com">Hacker News</a>. I built it as a way to showcase what <a href="http://telesc.pe">Telescope</a> can do, and how it doesn&#8217;t necessarily need to be used as a social news site.</p>
<p>And I must say I&#8217;m quite flattered by the couple people who have suggested that the easiest way to improve Hacker News would be to replace it with Telescope outright. Although I must confess Telescope isn&#8217;t quite there yet…</p>
<p>Anyway, <a href="http://hnwishlist.com">go take a look</a>, post your ideas, and if you haven&#8217;t done so already <a href="http://github.com/SachaG/Telescope">go try out Telescope</a> for yourself.</p>
]]></content:encoded>
			<wfw:commentRss>http://sachagreif.com/hnwishlist-how-would-you-improve-hn/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>What to Write About</title>
		<link>http://sachagreif.com/what-to-write-about/</link>
		<comments>http://sachagreif.com/what-to-write-about/#comments</comments>
		<pubDate>Fri, 01 Mar 2013 03:12:02 +0000</pubDate>
		<dc:creator>sachag</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://sachagreif.com/?p=2524</guid>
		<description><![CDATA[Building a product isn&#8217;t easy, but at least you&#8217;re in control of the result. On the other hand, once you&#8217;ve<a class="read-more" href="http://sachagreif.com/what-to-write-about/">...</a>]]></description>
				<content:encoded><![CDATA[<p>Building a product isn&#8217;t easy, but at least you&#8217;re in control of the result.</p>
<p>On the other hand, once you&#8217;ve built that great new thing, it can be frustratingly hard to actually get people to even <em>find out</em> it exists. It sometimes feels like no matter what you do, you&#8217;re doomed from the start if you don&#8217;t know the right people or can&#8217;t just buy traffic outright.</p>
<p>My own personal answer to this problem has been <strong>Content Marketing</strong>, otherwise known as &#8220;writing&#8221; (but &#8220;Content Marketing&#8221; sounds so much fancier…).</p>
<p><em style="border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 15px 0; display: block; color: #7c716d;">(Quick plug: my new project <a href="http://sidebar.io" target="_blank">Sidebar</a> gives you the 5 best design links of the day. You should go check it out!)</em></p>
<p>Writing is hit or miss too (after all, how do you get people to find out about the posts you&#8217;re writing to let people find out about your product…), but at least it&#8217;s creative, it&#8217;s a great skill to work on, and a single popular blog post can keep on bringing in traffic for many months or even years.</p>
<p>But the big question is, <strong>what can you write about?</strong> Here are a couple suggestions that have worked well for me over time.</p>
<hr />
<h3>Be The Expert</h3>
<p>If you&#8217;re an expert on something, the most obvious topic is your area of expertise.</p>
<p>The magic of this approach is that you don&#8217;t even need to actively sell anything. If you can establish yourself as an authority on the topic, people will come to trust you and naturally buy your product.</p>
<p>Of course, make sure you write about a topic that&#8217;s relevant to your customers. Writing about your back-end architecture will go over great with the technical crowd but it won&#8217;t do much for your bottom line if your product&#8217;s target demographic is actually fishing enthusiasts.</p>
<p><strong>Example:</strong></p>
<ul>
<li><a href="http://blog.hipmunk.com/nemo-cancelled-your-flight-7-helpful-travel-tips/"><span style="line-height: 16px;"> Nemo Cancelled Your Flight? 7 Helpful Travel Tips</span></a></li>
</ul>
<hr />
<h3><em>Don&#8217;t</em> Be The Expert</h3>
<p>But maybe you&#8217;re only starting out and don&#8217;t have any special knowledge to share?</p>
<p>No matter, you can still write from the perspective of a beginner. After all, most people are also beginners. This means they&#8217;ll identify with you and be curious to know what path you&#8217;re taking.</p>
<p>A great example of this is all those &#8220;Here&#8217;s How I Learned Rails in 6 Months&#8221; posts. A post entitled &#8220;Here&#8217;s How I Learned To Be Somewhat Decent At Rails After 10 Years of Hard Work&#8221; would not have the same appeal, even though its author is probably much more competent.</p>
<p><strong>Example:</strong></p>
<ul>
<li><a href="http://www.jamesfend.com/learned-ruby-rails-12-weeks-launch-freelancify" target="_blank">How I Learned Enough Ruby On Rails In 12 Weeks To Launch Freelancify</a></li>
</ul>
<hr />
<h3>Write About Your Competitors</h3>
<p>Another good angle is reviewing other apps in your space. If you&#8217;re afraid of appearing biased, simply frame the products you talk about as complements to your own instead of competitors.</p>
<p>Don&#8217;t get me wrong though, this is not about comparing your own product to others in hopes of making it look good. The goal here is still to become an authority on your topic of choice, and that implies being fair and objective, even if that means your own product doesn&#8217;t come out on top in every category.</p>
<hr />
<h3>Write About Your Process</h3>
<p>Another great topic is writing about the process of building and launching your product. So if you&#8217;re building an app, you could write about things like iOS development, or how you found a designer for your logo.</p>
<p>Again, being an expert at all those things is not required. Even if you suck at coding, seeing what you&#8217;ve achieved with the skills that you do have is still an interesting data point for readers.</p>
<p>In my opinion, it&#8217;s almost always more interesting to read about what somebody <em>actually</em> did than about somebody&#8217;s idea of what people <em>should</em> do.</p>
<p><strong>Example: </strong></p>
<ul>
<li><a href="http://nathanbarry.com/experience-selling-gumroad/" target="_blank">My Experience Selling With Gumroad</a></li>
</ul>
<hr />
<h3>Write About Your Failures</h3>
<p>Let me know if this scenario sounds familiar: you&#8217;ve never heard of a particular startup, until the day when it finally closes doors and its farewell post pops up everywhere. I&#8217;m sure they could&#8217;ve used the attention when they were still alive!</p>
<p>I don&#8217;t know if it&#8217;s schadenfreude, or just wanting to learn from other&#8217;s mistakes, but posts about failures are always popular. So don&#8217;t be shy and tell us all about that time when your PHP developer stole your app idea and ran away with your wife.</p>
<p><strong>Examples:</strong></p>
<ul>
<li><a href="http://blog.precipice.org/why-wesabe-lost-to-mint" target="_blank">Why Wesabe Lost To Mint</a></li>
<li><a href="http://nathanbarry.com/product-launch-mistakes/" target="_blank">Don&#8217;t Repeat My Product Launch Mistakes</a></li>
</ul>
<hr />
<h3>Write About Money</h3>
<p>Writing about anything money-related is a surefire way to get people&#8217;s attention. Whether you write about your product&#8217;s pricing, how much you paid for something, or how much you made, there&#8217;s nothing like putting a dollar sign in your post&#8217;s title to stimulate people&#8217;s curiosity.</p>
<p><strong>Example:</strong></p>
<ul>
<li><a href="http://blog.asmartbear.com/perfect-pricing.html" target="_blank">How Perfect Pricing Got Me 1500 Sales in 2 Days</a></li>
</ul>
<hr />
<h3>Write About Data</h3>
<p>The vast majority of writing on the Internet (including my own) is of the &#8220;Here&#8217;s what I think, and you should trust me because I have my own blog&#8221; variety.</p>
<p>So if you can actually back what you&#8217;re saying with hard data, you&#8217;ll instantly have an advantage over everybody else.</p>
<p>Of course it&#8217;s not easy to get that data in the first place, since you generally need a lot of data points (i.e. customers) to be able to discern meaningful trends. Still, you can often use surveys or even paid studies (using <a href="https://www.mturk.com/mturk/welcome" target="_blank">Amazon Mechanical Turk</a> or similar sites) to produce interesting insights.</p>
<p><strong>Example:</strong></p>
<ul>
<li><a href="http://blog.rjmetrics.com/surprising-hacker-news-data-analysis/" target="_blank">Surprising Hacker News Data Analysis</a></li>
<li><a href="http://blog.okcupid.com/" target="_blank">The OKCupid Blog</a></li>
</ul>
<hr />
<h3>Learning by Example</h3>
<p>The easiest way to find topics to write about is probably to check out other blogs. Here are a few very popular blogs that we can all learn from:</p>
<ul>
<li><a href="http://insideintercom.io/"><span style="line-height: 16px;">Intercom</span></a></li>
<li><a href="http://blog.kissmetrics.com/">Kissmetrics</a></li>
<li><a href="http://blog.bufferapp.com/">Buffer</a></li>
<li><a href="http://blog.okcupid.com/">OKCupid</a></li>
</ul>
<p>Notice that the Intercom guys care about their blog so much that they gave it its own domain (and also hired me to design it!).</p>
<hr />
<p>Do you have other ideas? Have you noticed certain topics that seem to catch people&#8217;s attention? I would love to hear back from you, so just let me know in the comments here on <a href="http://news.ycombinator.com/item?id=5302642">over at Hacker News</a>.</p>
<p><em>Note: this article was originally sent out in my newsletter. <a href="http://sachagreif.com/newsletter/">Sign up now</a> to receive design tips like this once a week, and in addition you&#8217;ll also receive my <strong>Color Theory for Startups eBook</strong> for free.</em></p>
]]></content:encoded>
			<wfw:commentRss>http://sachagreif.com/what-to-write-about/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Analysis of a Landing Page</title>
		<link>http://sachagreif.com/analysis-of-a-landing-page/</link>
		<comments>http://sachagreif.com/analysis-of-a-landing-page/#comments</comments>
		<pubDate>Fri, 15 Feb 2013 07:05:40 +0000</pubDate>
		<dc:creator>sachag</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://sachagreif.com/?p=2473</guid>
		<description><![CDATA[Note: this article was originally sent out in my newsletter. Sign up now to receive design tips like this once<a class="read-more" href="http://sachagreif.com/analysis-of-a-landing-page/">...</a>]]></description>
				<content:encoded><![CDATA[<p><em>Note: this article was originally sent out in my newsletter. <a href="http://sachagreif.com/newsletter/">Sign up now</a> to receive design tips like this once a week, and in addition you&#8217;ll also receive my <strong>Color Theory for Startups eBook</strong> for free!</em></p>
<p>My friend/<a href="http://blog.asmartbear.com/higher-pricing.html" target="_blank">nemesis</a> Jarrod Drysdale recently released the landing page for his new project, <a href="http://www.cascade.io/" target="_blank">Cascade</a>.</p>
<p>Now I didn&#8217;t have any inside information about Cascade. The first I ever heard about it was when I saw that page, and it did a pretty good job of making me curious about the project.</p>
<p>So I thought it&#8217;d be interesting to take a look at that page more in detail to see why it&#8217;s so successful (you&#8217;re gonna want to enable images for that one).</p>
<p>First of all, go <a href="http://www.cascade.io/" target="_blank">take a look at the page</a> yourself to form your own opinion. I&#8217;ll wait.</p>
<p>Back? OK, so let&#8217;s scroll down the page together.</p>
<p><img style="width: 500px; height: 317px;" alt="" src="http://gallery.mailchimp.com/b5af47765edbd2fc173dbf27a/images/c1.png" width="500" height="317" align="none" /></p>
<p>The page&#8217;s main tagline is set in <strong>huge 80px font</strong>, and announces that &#8220;your startup design struggle is <em>over</em>&#8220;.</p>
<p>This doesn&#8217;t tell us anything about what Cascade is, but it does contain two very important keywords: &#8220;startup&#8221; and &#8220;design&#8221;. Both words are very familiar and — for lack of a better word — trendy, and help <strong>establish the product&#8217;s target audience</strong> right away.</p>
<p>Moving on to the second part of the screen, we see Jarrod did something very smart: he&#8217;s using a chalk brush style to depict the various UI elements you can generate with Cascade.</p>
<p>Digital design usually features straight lines and perfect shapes, so employing <strong>imperfect lines and analog textures</strong> like this is a great way to make something stand out. In fact, Jarrod already used this technique for <a href="http://bootstrappingdesign.com/" target="_blank">his book&#8217;s landing page</a> by peppering the page with small handwritten annotations.</p>
<p><img style="width: 500px; height: 225px;" alt="" src="http://gallery.mailchimp.com/b5af47765edbd2fc173dbf27a/images/c2.png" width="500" height="225" align="none" /></p>
<p>We then reach the big call to action zone. Two things to notice here.</p>
<p>First, the triangle shape is drawing our eye down and encouraging us to focus on the form field. Second, that field and button are <strong>the only green elements</strong> of the whole page.</p>
<p>It&#8217;s true that this shade of green clashes with the page&#8217;s dominant orange, but on the other hand that clash ensures these elements stand out even more.</p>
<p>That tagline is also interesting because it&#8217;s <strong>phrased as a question</strong>. Questions are well known to attract attention more than normal sentences, maybe because in real life, a question usually calls for a reaction on our part.</p>
<p><img style="width: 500px; height: 207px;" alt="" src="http://gallery.mailchimp.com/b5af47765edbd2fc173dbf27a/images/c3.png" width="500" height="207" align="none" /></p>
<p>The rest of the page follows a simple pattern: big headlines <strong>addressing the user directly</strong>, and a narrative that tries to anticipate the user&#8217;s mindset.</p>
<p><img style="width: 500px; height: 222px;" alt="" src="http://gallery.mailchimp.com/b5af47765edbd2fc173dbf27a/images/c4.png" width="500" height="222" align="none" /></p>
<p>Again: big headline, address the user, <strong>put yourself in their place</strong>, and use big downward triangles to keep the user scrolling. Notice too how the section breaks off just after the colon (&#8220;:&#8221;), making it virtually impossible for the reader to stop there.</p>
<p><img style="width: 500px; height: 295px;" alt="" src="http://gallery.mailchimp.com/b5af47765edbd2fc173dbf27a/images/c5.png" width="500" height="295" align="none" /></p>
<p>Jarred stays on message here, by reminding the user of their predicament (being &#8220;stuck on the design&#8221;). Did you notice how big the font size was throughout the whole page? <strong>Body copy is never smaller than 18px</strong>, making the page much easier to read than the traditional 12-14px.</p>
<p><img style="width: 500px; height: 204px;" alt="" src="http://gallery.mailchimp.com/b5af47765edbd2fc173dbf27a/images/c6.png" width="500" height="204" align="none" /></p>
<p>Finally, the subscribe form is repeated at the end of the page to avoid forcing users to scroll all the way back up. Never underestimate the average internet user&#8217;s laziness!</p>
<h3>Show vs Tell</h3>
<p>Of course, I don&#8217;t actually know if this landing page converts well or not. After all, sometimes showing is more effective than telling.</p>
<div id="attachment_2479" class="wp-caption alignnone" style="width: 700px"><a href="http://pencilcaseapp.com/"><img class=" wp-image-2479 " alt="A completely different style of landing page" src="http://dun4nx4d6jyre.cloudfront.net/assets/pencilcase.png" width="690" height="404" /></a><p class="wp-caption-text">A completely different style of landing page</p></div>
<p>The <a href="http://pencilcaseapp.com/">Pencil Case</a> landing page is a good example of this: it barely tells you anything about the product, but by showing an appealing screenshot of the app it still manages to make you curious enough to leave your email.</p>
<p>(Note: I&#8217;m willing to bet that same landing page without the rainbow color scheme would perform far worse!)</p>
<h3>Taking It Too Far</h3>
<p>As a counter-example, I think <a href="http://convertkit.com/">ConvertKit</a>&#8216;s homepage takes the &#8220;tell&#8221; strategy too far: the copy is great, but there&#8217;s no screenshot, mockup, or wireframe of the app… in fact, the page doesn&#8217;t even feature the app&#8217;s name!</p>
<div id="attachment_2486" class="wp-caption alignnone" style="width: 700px"><a href="http://convertkit.com"><img class="size-full wp-image-2486" alt="ConverKit: too much telling, not enough showing" src="http://dun4nx4d6jyre.cloudfront.net/assets/converkit-landing.png" width="690" height="402" /></a><p class="wp-caption-text">ConverKit: too much telling, not enough showing</p></div>
<h3>The Meteor Book</h3>
<p>I actually think the perfect landing page would be a mix of both approaches. After all, even if you write the best copy in the world, people still want to see <em>something</em> of your app.</p>
<p>And it&#8217;s never too early to establish your app&#8217;s brand, whether that&#8217;s a color, a font, or a silly mascot.</p>
<p>At least, that&#8217;s what I tried to do when I designed the landing page for my latest project, <a href="http://themeteorbook.com/">The Meteor Book</a>:</p>
<div id="attachment_2480" class="wp-caption alignnone" style="width: 700px"><a href="http://themeteorbook.com/"><img class="size-full wp-image-2480" alt="Landing page for The Meteor Book" src="http://dun4nx4d6jyre.cloudfront.net/assets/themeteorbook-landing.png" width="690" height="402" /></a><p class="wp-caption-text">Landing page for The Meteor Book</p></div>
<p>Screenshots of a book wouldn&#8217;t be too interesting, so I mocked up a quick illustration to give the product some substance. I also tried to establish brand colors with a distinctive purple/yellow combo (as well as the 8-bit banding effect on the gradient).</p>
<p>And to give people a reason to actually come to the site in the first place, the page also features a blog with a couple helpful articles.</p>
<h3>Conclusion</h3>
<p>Now none of these landing pages will win any design prizes. But this is precisely why I chose them: they show that by using good copy and simple design elements, you can design effective landing pages without being a Dribbble superstar.</p>
<p>But above all, remember the first Law of Landing Pages: an imperfect landing page is better than no landing page at all!</p>
<p><em>As usual, you can discuss/upvote this article <a href="http://news.ycombinator.com/item?id=5225378">over at Hacker News</a>.</em></p>
]]></content:encoded>
			<wfw:commentRss>http://sachagreif.com/analysis-of-a-landing-page/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss><!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Page Caching using disk: basic
Content Delivery Network via Amazon Web Services: CloudFront: dun4nx4d6jyre.cloudfront.net

 Served from: sachagreif.com @ 2013-05-23 14:12:42 by W3 Total Cache -->
