Ever since I’ve been involved in the Web, I’ve been fascinated by little things that make a big impact. It’s one of the reasons why I started collecting and blogging1 about these details, which could in some way help others grow an audience. One recurring topic early on was launch and landing pages and the strategies that creators use to expand the reach of their websites, which led to a Smashing Magazine post titled “Elements of a Viral Launch Page712.”
Another interesting recurring topic is the campaign page, which you’ll find either embedded in an existing website (Foursquare’s Game of Cones293 and Dropbox’s ) or as a completely independent website (Iubenda’s Orwell Test4) that redirects traffic back to the source. Such campaigns have varying goals, such as to drive traffic, to raise awareness or simply to get a single person’s attention.
In this post, you’ll learn what to look out for when creating your own small campaign and how these elements fit together in existing campaigns around the Web.
What Do We Mean By “Campaign”? Link
The word “campaign” is traditionally defined5 as a military or political6 operation that is confined to a particular area or involves a specific type of fighting7 and that is intended to achieve a particular goal. That’s exactly what we mean here: A campaign is a sustained effort that is slightly beyond your day-to-day business but still connected to it in some way.
Interestingly, a campaign can be carried out with little effort, if you closely monitor what is going on around you and your brand. In the wake of PRISM, we recently ran a small campaign called Orwell Test8, trying to redirect some of the attention to Iubenda9, an app that generates privacy policies.
This post contains my observations and a framework for coming up with new campaigns, which you can integrate in your own marketing activities. Thus, it will include subjective opinion to complete the picture.
9 Things To Look Out For Link
After the Orwell Test campaign, I have been thinking about some of the reasons why it worked and how to come up with even better ways to get the word out about our startup. Obviously, the main driver here was the timing with PRISM and people’s emotional response to its outrageous reach. (Anger spreads faster and wider than joy10 on social networks, according to a scientific study on Weibo.)
The campaign asked a simple question: Is your company any better than the governments that collect data without informing people? This way, we made a connection with what is happening right now. We made a connection to something that people are very upset about (we’ll discuss why that’s important in the section “A Little Viral Theory” near the end), and we challenged them to think about their own behavior.
So, what things can you take advantage of, and what are some great campaigns that do?
The Elements Link
Tell a story. What is happening now?
Contribute to a cause.
- Popular issue
Geek out on a popular or niche topic.
Host a competition.
- Stats, stats, stats
Infographics, shareable data, etc.
- Targeting someone or something
- Creativity and innovation
- Related fields
Branch out into something related.
This list is not exhaustive, but it’s a good framework to start with, and the examples below will provide some perspective. To understand what your campaign should look like and to make it perfect, you will have to do a bit more homework and incorporate a few additional elements: analyze your target users, set a goal for the campaign, and add viral elements.
Other Key Elements Link
Who are your target users? Build a persona.
What goal would you like to achieve?
Understand the viral loop and what it is caused by to maximize your reach. (Again, we’ll cover this in the “A Little Viral Theory” section.)
Now we’re ready to look at some examples.
1. Relevance Link
One of the easiest things to leverage is relevance. Something might be happening out there that you can add your own perspective to. The more relevant or innovative your contribution, the more attention you will be able to draw.
Orwell Test was born12 out of pure timing and our eagerness to work on something that people might appreciate. Another project that did an interesting job of capturing attention because of its content and name recognition was Prism Break13, which was started by a Japanese developer and designer and posted in Reddit’s technology section14 and which has since taken on a life of its own15.
Responding to short-lived events — for example, via Twitter — also has potential.
When Adobe was considering discontinuing Fireworks (which it did), Sketch invited people to look at its alternative, which it was offering at a 50% discount. Sketch’s tweet resulted in 33 favorites and 299 retweets!
The same thing happened with Tweetbot, which discounted its flagship app when Twitter killed off some versions of its TweetDeck app. Above is a humorous tweet by Paul Haddad, a member of the Tweetbot team. The tweet got 420 retweets and 152 favorites!
2. Cause Link
Another approach is to announce your support of a recurring event or cause.
Movember is a movement in which men grow moustaches in November to raise awareness about prostate cancer and to fund organizations that fight the disease. The movement is important to New Relic, which decided to donate $10 to the cause with every registration. New Relic ended up donating around $55,00018 to the Movember Foundation and the Susan G. Komen foundation.
If we do the math, that’s 5500 new customers, if all of the registrations were legitimate. The campaign had a single landing page at newrelic.com/movember, organized into various sections. (It has since been removed, unfortunately, but might come back in a new version. Do visit the 404 page there, though, a great example of an actionable landing page.)
The campaign’s home was a one-pager that explained the concept of Movember and why New Relic is supporting it (the Movember Foundation is one of its clients). Visitors were invited to sign up below each of those sections (“Create your FREE account!”).
To remind people to share, the website also asked visitors to consider spreading the word below the different sections. The page’s header contained the usual Facebook, Google+ and Twitter buttons.
The last section offered the visitor the alternative of supporting a female-oriented cause. Notice how the copy taps into the altruism theme discussed earlier. It’s hard not to participate when you can support by “just sharing.”
3. Popular Issue Link
Being relevant could also mean building the campaign on something very popular that people identify with (a form of relevance). Below are some campaigns based on very popular issues.
Crowdfunding is all the rage these days (deservedly so), and all aspects of it are being discussed in blogs and social media and even traditional media. Nintendo played with this concept for the launch of its Game & Wario game for the Wii U.
With Crowdfarter20, Nintendo built its very own Wario-themed Kickstarter-like campaign, featuring “executive updates” by Wario himself. Visitors could preorder the game, and the page explained everything they needed to know about the upcoming release.
The pages were structured to obviously reflect Kickstarter (and similar websites): video at the top, social elements along the right, and details just below.
The most important part was that the goals and donation element were connected to the sharing elements. That is, visitors could “buy” into the campaign by sharing in social media.
When the campaign had been shared a certain number of times, Wario badges would be released for downloading. The last prize was a video of the gameplay.
Nike did something similar by tapping into a popular current topic. It built and released its Makers app in July 2013. Visitors could download the app and educate themselves on how to work with materials in an environmentally sustainable way.
Quite a few sharing elements were built into this campaign. The campaign lives at its own domain, nikemakers.com24, not a subdomain of nike.com. The website was built with Tumblr to appeal to people who love the platform. It also includes a video explaining how this campaign could turn into a full-blown movement. (By the way, check out Tomasz Tunguz’s post on how to start a movement for your product25.)
Marauders Map Link
The makers of Circle27, a local social network app, created a small campaign website based on a Harry Potter-style marauders map to explain what its service does, which is to track nearby friends. (The marauders map was apparently the result of a Circle hackathon.)
4. Competition Link
People love to compete. And people love the chance to win something, however improbable the chance of actually winning might be. A competition is always an interesting basis for a campaign.
The Great Space Race Link
Dropbox understands the viral loop better than anyone. When it started out, it promised free additional storage for users who referred their friends as well as for the friends themselves. This not only incentivized existing users to share, but also enticed potential users to sign up because they would clearly be getting a better deal than anyone else. Earlier this year, Dropbox decided to run the, which would give free Dropbox space to everyone at a student’s school (more precisely, an extra 3 GB to the student for two years, plus the additional space their school had earned).
The campaign hinged on two elements: acquiring users and activating those users. Every invitation would earn two points towards free space for the student’s school, and new users would unlock four more points by completing the “Get Started on Dropbox” guide. The points would be converted into free space for everyone at the school for two years (to a maximum of 25 GB).
Right below the simple instructions appeared the school rankings for the student’s own country, and below that the international rankings, so that the student could see where they fit in and how far they had to go. (The competition is over, but the page is.)
Game of Cones Link
Foursquare built a campaign named Game of Cones293, launched around the time when the “Red Wedding” episode of Game of Thrones aired, which dominated social media for a while. Foursquare’s competition was a battle in which the ice cream shop with the most check-ins in New York City or San Francisco would win the Iron Cone.
Foursquare combined a competition with a very popular phenomenon, Game of Thrones, working with HBO to bring this campaign to its users. The sharing aspect was a combination of rooting for the various “houses” — for example, Bi-Rite and Smitten — and sharing via the hash tag #SummerIsComing.
Users were incentivized to share by “choosing their allegiance.”
Getaround Racer Link
Getaround31 repurposed a racing game into a competition for its brand in which users could “drive with style, like 007.” The winner spent a day in an Aston Martin car, with a custom-tailored suit, had a five-star dinner and spent the night in a luxurious hotel.
Users could participate in the competition by sharing their racing time in the game on Facebook.
5. Infographics, Compilations And POV Link
An infographic is a great campaign tool, as we all know. It compiles a few interesting facts into an easily digestible (and, thus, shareable) format. One of my all-time favorites is the Web Trend Map by iA.
iA has become well known for these infographics, repurposing metro maps into what could even be considered as posters.
Time Machine Link
Foursquare’s Time Machine33 was an interesting partnership (with Samsung’s Galaxy S4) and a good example of emotional design. The time machine took users back in time in an interactive, visual way, showing what they’ve been up to and the places they’ve visited.
If the user changed cities, the machine would take them there as well, changing locations with a small spaceship animation.
After the user had completed and seen their own history, they could check out some interesting new places around them. To finish off, they could see a colorful infographic of their own journey, which they could easily share.
In a post titled “Why Your Marketing Campaign Sucks34” on TechCrunch, Mark Suster singles out Flurry as an exceptional campaign marketer, and he introduces the term “point-of-view marketing,” which a campaign creator needs to follow in order to succeed. The gist is that it’s not all about you, but rather about why the campaign is newsworthy.
Flurry’s campaign was a simple blog post, “Christmas 2012 Shatters More Smart Device and App Download Records36.” As Suster puts it:
“Flurry doesn’t talk about all of their analytics features and functions. They offer a point-of-view about their market. And they back it up with data. And journalists eat that shit up because it has all that they’re looking for: facts, charts, an angle, news, something that their readers care about, etc.”
The takeaway here is, are you painting the big picture, or just talking about yourself?
6. Content Link
Words. Images. Content. These form an integral subset of all of the other categories we’re talking about. All of them matter, the color choices, contrast, symmetry, balance37. Yet they stand as a category of their own.
“There’s not much here. Just words.”
Those words garnered over 200,000 page views in just two weeks.
7. Partnership Link
We’ve seen partnership campaigns before. Here’s one GE pulled off on BuzzFeed.
Flight Mode Link
GE partnered with BuzzFeed41 to promote GE Aviation at the Paris Air Show. With BuzzFeed, GE created sponsored content related to aviation, and it provided a novel way to navigate the content, called “Flight Mode42,” whereby users could fly towards the content they wanted to read.
It might not have revolutionized online reading, but it was a memorable campaign.
KitKat and Android Link
Most of you have probably seen this. The campaign launched after I had finished the final draft of this article, but I just had to squeeze it in.
Google and Nestlé have come together to promote the next version of Android, 4.4, by naming it Android KitKat, continuing Google’s convention of naming major Android releases after desserts. This dessert campaign includes an actual dessert: Android will be featured on KitKat packaging, and customers can win little prizes.
9. Narrow Target Link
An effective campaign could just as well target an extremely narrow niche audience.
“How Much to Make an App” Link
The website helps users estimate the costs of a project. It targets anyone who types “How much does it cost to make an app” into a search engine. Additionally, Web professionals may send their customers this way to get an idea of what’s involved.
Sharing is enabled by the handy nature of the tool, which explains what is expected of the visitor to make their idea a reality. In general, the more useful something is to someone, the more likely they will share it.
Ooomf added two links to its website, one on the main landing page at the top, and a call to action to “submit your project” right on the website (plus a “learn more” link).
“Please Feature Us, TechCrunch” Link
Here’s a company that tried to increase its chances of being covered by TechCrunch by targeting the publication with a campaign page titled “Please Feature Us TC.”
The campaign never got Hipvite the coverage it sought; however, according to TJ Tan on Dribbble, it gave the company a nice flow of registrations (the app no longer exists). In an email to me, Tan explained that Hipvite’s primary goal was to attract early adopters to try out the product; the TechCrunch feature would merely have been a great bonus.
The team behind Nearbox wanted to meet up with Andrew Chen to discuss “growth hacking” in their area of interest (mobile). They sent him the Snapchat image above, along with the website they built51. This is a great example of how to target an individual in a small campaign. They even asked people to tweet about it:
“Those guys from @Nearbox really want to meet @andrewchen http://bit.ly/YzKesU.”
It’s hard to turn down people who do things like this.
8. Creativity And Innovation Link
This next creative campaign is still running.
Hollywood and Vines Link
Sharing is encouraged via the usual social channels and with an email like this:
“Airbnb creates the world’s first film made entirely of Vines. Check out the project at http://www.hollywoodandvines.com/ #AirbnbHV.”
Solved by Flexbox Link
10. Related Area Link
One last option worth mentioning is to choose an area of focus that isn’t necessarily your core business, but where you can add unique insight or get a lot of views.
When Speakeasy launched its product to book locations for events, instead of a typical launch party, it threw 50 parties by getting promoters to use its ticketing platform for the same weekend. The incentive for promoters posed a problem; Speakeasy wanted to host a liquor giveaway, but that wasn’t viable because of the high turnaround time that spirit brands usually have. So, it decided to make its own Vodka brand and advertise it in its emails (and on a fake website), without any explanation.
Thewere impressive: media coverage in New York and Toronto, one weekend with 45 parties in three cities, and 5000 new users.
I’ll conclude with our newest campaign at Iubenda, named Litense. We tackled a subject related to what we do, open-source licenses, and added our expertise. Because we have some experience in creating legal documents, we attempted to redesign open-source licenses to make them instantly understandable and easy to use, both for their creators and their users.
We picked the catchiest name possible, Litense, made the licenses easy to scan and read, with the help of icons, and added a few descriptive sentences of what you can do with the licenses.
To make it even easier, we host the licenses on our own servers. All the user has to do is link to the license, which will pop open in a modal window over top their page.
At the bottom of the page, we list the various licenses, with an overview to help visitors make sense of the various clauses; it also contains the only link back to Iubenda’s website. We hope the service provides value to a lot of people, people who might need Iubenda’s other services at some point. We hope the project will draw a bit of attention to Iubenda’s vision of reworking legal documents for the Web.
A Little Viral Theory Link
Now that you know the ingredients of a campaign, let’s look at the recipe to make it effective. You’ll usually want to follow a few rules to make as big an impact as possible.
For starters, you’ll need to bake in a bit of a viral loop. In short, you’ll need to get a viral coefficient above 1.
viral coefficient = (average number of users invited by each active user who invites someone) × (proportion of invited users who actually join or become active) × (proportion of active users who invite others)
Ultimately, it comes down to eliciting a strong emotional driver that will get visitors to share. (If you’re interested in emotional design, check out Aarron Walter’s book56 on the topic and my earlier article57). What’s the strongest driver on social networks58? Anger.
- Make your content visual.
Use images, infographics, videos, GIFs. Visual content is more engaging, faster to consume and faster to activate the response you seek.
- Make the content interactive.
- Personalize the content.
- Create emotional stacking with lists.
Emotions aren’t the only thing that raises the viral coefficient. Other factors that motivate people to share are social benefit or ego appeasement.
The viewer wants to feel in the know.
The user wants to do something good.
How does the shared product represent the user?
Make sharing as easy as possible.
Now that we’ve covered the theory, let’s look at a recent and brilliant execution of it.
One Second on the Internet Link
Let’s review five reasons why this campaign is so effective:
- Visual content
The highly visual content centers on the blocks of bright logos. The page has the feel of an infographic, because the size of each block correlates to the number of actions performed on that platform in one second.
The interaction is subtle yet important. The number in the top left of each section adjusts to the time the visitor has spent on the website relative to the block being viewed.
The page is not necessarily personalized, but it surely is personal. Designly is talking about everyday things: voting on Reddit, posting to Instagram, posting to Tumblr, Skyping, tweeting, uploading to Dropbox, searching on Google, watching Youtube videos, liking on Facebook, sending email. Hey, I do that!
- Emotional stacking
The page starts with the smallest block (Reddit) and finishes with the biggest (Facebook). Then, we get a few mind-boggling (and very shareable) facts, before the invitation to click that email button.
- Convenient sharing
Notice how the sharing buttons stay with you the whole time and how Designly’s URL sits in the bottom-right of the page?
Now What? Link
Now it’s your turn. Go create a great campaign with what you’ve seen here (and use one of Iubenda’s newly released licenses!). Also, don’t forget to tell us in the comments about the last thing that left a lasting impression on you. And feel free to link to any campaigns you may have done.
Further Reading and Links Link
Here are some links from the article you shouldn’t miss:
- Full views of some of the campaigns:67 Great Space Race, Movember, etc.
- “Why Your Marketing Campaign Sucks68,” Mark Suster, TechCrunch
- “The Secret Recipe for Viral Content Marketing Success69,” Kelsey Libert, The Moz Blog
- “How to Make That One Thing Go Viral70,” Upworthy
- “Elements of a Viral Launch Page712,” Simon Schmid, Smashing Magazine
- “Key Ingredients to Make Your App Go Viral72,” Carla White, Smashing Magazine
- “30,000 Newsletter Subscribers in 12 Months (Startup Lessons Learned)73,” Gregory Ciotti
- Influence: Science and Practice74, Robert B. Cialdini
- Yes!: 50 Scientifically Proven Ways to Be Persuasive75, Noah J. Goldstein, Steve J. Martin and Robert B. Cialdini
- 1 http://thegodfounder.com
- 2 https://www.smashingmagazine.com/2011/09/01/elements-of-a-viral-launch-page/
- 3 http://gameofcones.foursquare.com/
- 4 http://orwelltest.com/
- 5 http://www.britannica.com/search?query=campaign
- 6 http://en.wikipedia.org/wiki/Campaign
- 7 http://oxforddictionaries.com/definition/english/campaign?q=campaign
- 8 http://orwelltest.com
- 9 http://iubenda.com/
- 10 http://www.technologyreview.com/view/519306/most-influential-emotions-on-social-networks-revealed/
- 11 http://orwelltest.com
- 12 http://www.iubenda.com/blog/2013/09/18/making-orwell-test/
- 13 https://prism-break.org/
- 14 http://www.reddit.com/r/linux/comments/1gjuf6/prism_break_stop_reporting_your_online_activities/
- 15 http://nylira.com/on-prism/
- 16 https://twitter.com/sketchapp/status/331753098580205570
- 17 https://twitter.com/tapbot_paul/status/308743813843783680
- 18 http://blog.newrelic.com/2012/12/04/w00t-new-relic-raises-55000-for-movember-and-the-susan-g-komen-for-the-cure/
- 19 http://crowdfarter.com/
- 20 http://crowdfarter.com/
- 21 http://crowdfarter.com/
- 22 http://crowdfarter.com/
- 23 http://nikemakers.com/
- 24 http://nikemakers.com/
- 25 http://tomtunguz.com/community-marketing-1
- 26 http://discovercircle.com/marauder/
- 27 http://discovercircle.com
- 28 http://gameofcones.foursquare.com/
- 29 http://gameofcones.foursquare.com/
- 30 http://gameofcones.foursquare.com/
- 31 http://getaround.com
- 32 https://foursquare.com/timemachine
- 33 https://foursquare.com/timemachine
- 34 http://techcrunch.com/2013/03/14/why-your-marketing-campaign-sucks/
- 35 http://blog.flurry.com/bid/92719/Christmas-2012-Shatters-More-Smart-Device-and-App-Download-Records
- 36 http://blog.flurry.com/bid/92719/Christmas-2012-Shatters-More-Smart-Device-and-App-Download-Records
- 37 https://shop.smashingmagazine.com/psychology-of-web-design-1.html
- 38 http://justinjackson.ca/words.html
- 39 http://justinjackson.ca/words.html
- 40 http://www.buzzfeed.com/flightmode
- 41 http://digiday.com/brands/ge-takes-buzzfeed-into-flight-mode/
- 42 http://www.buzzfeed.com/flightmode
- 43 http://www.buzzfeed.com/flightmode
- 44 http://kitkat.com/#/acloserlook
- 45 http://kitkat.com/#/acloserlook
- 46 http://www.android.com/kitkat/
- 47 http://www.android.com/kitkat/
- 48 http://howmuchtomakeanapp.com/
- 49 http://howmuchtomakeanapp.com/
- 50 http://andrewmeetus.com
- 51 http://andrewmeetus.com
- 52 http://hollywoodandvines.com/
- 53 http://hollywoodandvines.com/
- 54 http://www.w3.org/TR/css3-flexbox/
- 55 http://philipwalton.github.io/solved-by-flexbox/
- 56 http://www.abookapart.com/products/designing-for-emotion
- 57 https://www.smashingmagazine.com/2012/07/18/the-personality-layer/
- 58 http://www.technologyreview.com/view/519306/most-influential-emotions-on-social-networks-revealed/
- 59 http://moz.com/blog/the-secret-recipe-for-viral-content-marketing-success
- 60 http://onesecond.designly.com
- 61 http://onesecond.designly.com
- 62 https://twitter.com/search?q=onesecond&src=typd&mode=realtime
- 63 http://onesecond.designly.com
- 64 http://onesecond.designly.com
- 65 http://onesecond.designly.com
- 66 http://onesecond.designly.com
- 67 #
- 68 http://www.techcrunch.com/2013/03/14/why-your-marketing-campaign-sucks/
- 69 http://moz.com/blog/the-secret-recipe-for-viral-content-marketing-success
- 70 http://www.slideshare.net/Upworthy/how-to-make-that-one-thing-go-viral-just-kidding
- 71 https://www.smashingmagazine.com/2011/09/01/elements-of-a-viral-launch-page/
- 72 https://www.smashingmagazine.com/2013/08/19/key-ingredients-to-make-your-app-go-viral/
- 73 http://www.gregoryciotti.com/startup-content-marketing/
- 74 http://www.amazon.com/Influence-Practice-Robert-B-Cialdini/dp/0205609996/
- 75 http://www.amazon.com/Yes-Scientifically-Proven-Ways-Persuasive/dp/1416576142/
Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf Barcelona, on October 25–26, with smart design patterns and front-end techniques.