Honesty is the enemy of traditional marketing. It’s sad but true. It’s not because honesty isn’t possible in marketing, but that if companies were completely honest about their products and services—about how they’re made, what they do, their flaws, their shelf life, etc.—fewer people would buy them. That’s why creating illusions is so essential to marketing. But it only takes a tiny crack in the surface to destroy an illusion. As a colleague pointed out to me recently, a supermodel only has to stumble once before the illusions so central to fashion fall away and you are left with just people wearing clothes. If the quality is there, there is nothing to hide.

That’s the big-picture, but I think most honesty-erosion tends to happen on a smaller scale, where the line between truth and fiction can be pretty blurry. There’s a general impulse toward bending that line intentionally, one often motivated by our desire to bring attention to something we believe deserves it. Whether it’s a product, a service, or even a cause, we might be willing to “sex up the story” if doing so means bringing greater awareness to it.

This isn’t just a marketing problem, by the way. We do it when we believe the attention garnered by a thing or an idea or an injustice isn’t as big as it should be. Listen to the retraction issued by This American Life of Mike Daisy’s account of working conditions in Apple’s factories in China. Pay attention to how uncomfortable you feel. That discomfort is a measure of the distance between truth and fiction.

For the first year after graduating from college, I did freelance design work. I registered a business, created business cards, set up a website, the works. I wasn’t alone, either. Several classmates did the same thing, and we would often compare notes and even help each other get work from time to time. We learned all kinds of things by trial and error back then, but the one thing that left the greatest impression upon me had to do with how honest we were in describing ourselves. Every one of us made heavy use of the word “we” on our websites—though “we” was almost always just one person working from a room in a shared apartment—because we feared we wouldn’t be hired if it was clear that “we” was really “I,” a freelancer flying solo.

We believed that no matter how good our work was, we’d be ignored as individuals. So we created an illusion that we thought looked strong. “I” was just a kid on my laptop at a desk in his bedroom; “We” was a company, confident, experienced, secure. But that, of course, wasn’t true. I learned that there was no point in trying to convince potential clients of something other than that which would quickly become clear to them if they hired me. So, a simple rule: If you’re one person, never refer to yourself as “we.” That’s the kind of small-scale honesty we need to take seriously.

Have witnessed a de-shinification of the Web, with fewer glass buttons, beveled edges, reflections, special-offer badges, vulgar gradients with vibrant colors and diagonal background patterns. The transformation has been welcomed with relief by all but the most hardened gloss-enthusiasts. However, design and aesthetics work in mysterious ways, and no sooner does one Web design trend leave us before another appears.

The Symptoms

So, exactly what is this new epidemic? Well, let’s start by looking at some of the most common symptoms, many of which you have probably noticed. They are easy to spot, and as with many other conditions, they often appear in conjunction with each other. (This is why the contagion spreads so effectively — seemingly independent symptoms grow more infectious when combined with others.)

Please note: The following list appears in no particular order and does not indicate the level of infectiousness or severity, which seem to be stable across the board. Note also that the instances given often exhibit more than one symptom, making classification more difficult.

Stitching

Stitching appears gradually, often as a result of the designer playing too long with borders and lines, particularly of the dotted variety. A full-blown stitch is evidenced by the subtle shift from dots to dashes, augmented by drop shadows and other effects to give the impression of 3-D. The purpose of the stitch is somewhat elusive, but it seems to thrive in environments where certain textures are applied, most notably fabric and leather, but also generic graininess.

While determining the exact cause of stitching is difficult, scientists are certain that it belongs to a larger strain of the infection known as “Skeuomorphism.”

Collage of interfaces with stiches
Clockwise from top: The Journal of Min Tran; Dribbble shot by Mason Yarnell; Dribbble shot by Liam McCabe.

Zigzag Borders

Borders are common elements of Web design, and as such, they are difficult to avoid; luckily, they are usually harmless and often have a positive effect on the layout. However, for some reason, a particular type of border — the zigzag — has grown exponentially in the last few years and is now threatening the natural habitat of more benign border specimens. Exactly why this is happening is unknown, although some researchers claim that the pattern created by the repeating opposing diagonals has such an alluring effect on designers and clients alike that straight borders have somewhat lost their appeal.

Collage of interfaces with zigzag borders
Clockwise from top: You Know Who; Dribbble shot by Christopher Paul; Dribbble shot by Meagan Fisher.

Forked Ribbons

Like borders, ribbons have long existed in various forms. What we’re seeing now, though, is the near dominance of a particular style of ribbon, easily identified by a fork at one or both ends. Some ribbons are also folded over twice, creating a faux effect of depth and reinforcing the diagonal lines in the fork. Whether the fork is related to the zigzag effect is unknown, but it seems that diagonal lines are the key to the ribbon’s survival, along with its ability to evoke memories of times past.

The danger of the ribbon lies mainly in its ability to exist independent of other symptoms (although it thrives in the company of vintage typography), meaning that it could date your design long after the epidemic ends, even if the symptom itself appears dormant. In many ways, this is reminiscent of the “special offers” badge of the Web 2.0 look.

Forked ribbons
Clockwise from top: Ryan O’Rourke; Cabedge; Jake Przespo

Textures

In the age of all things digital, it’s a conundrum that textures should dominate our illustrations and backgrounds, and yet they are indeed one of the most common symptoms on our list. Manifested by subtle grain, dirt and scratches, paper-esque surfaces and fold marks, they seem to embrace the spirit of the handmade. But ironically, they’re often the complete opposite: computer-generated effects or Photoshop brushes.

Possible explanations for the widespread use of textures include a yearning for tactile media (especially considering the emergence of touchscreens) or envy towards print designers, who have a much richer palette of materials and surfaces to play with.

Textures
Clockwise from top: Gerren Lamson; Zero; Amazee Labs.

Letterpress

The simple effect has gone from strength to strength and is now a household technique for sprucing up typography online. A relatively harmless symptom, letterpress might also have infected designers through other digital interfaces, such as operating systems and games, as early as the turn of the millennium, indicating a very long incubation period.

Scientists disagree over whether the incubation period is due to the infection needing a critical mass before emerging from dormancy or whether the infection simply needed the right conditions — CSS3 text shadows, to be specific — for symptoms to appear.

Letterpress
Clockwise from top: Billy Tamplin; Dribbble shot by Phillip Marriot; Remix.

19th-Century Illustration

After being released from copyright quarantine, this symptom, favoured by fashionable ladies and gentlemen, was nearly eliminated during the last epidemic due to its inability to cope well with gloss and shine. But in this new vintage-friendly environment, it has found its way back into our visual repertoire. For better or worse, the 19th-century illustration will most likely hang around for a while, emerging stronger from time to time like a flu virus.

19th Century Illustration
Clockwise from top: Killian Muster; Dribbble shot by Trent Walton; Simon Collison.

Muted Tones

After a long period of vibrancy, the average online color scheme seems to have been somewhat desaturated across the board. We’re seeing widespread use of browns, earthy greens and mustards and a general leaning towards “impure” colors, although this is generally thought to be a minor symptom of the epidemic. Some scientists will even argue that muted tones are, in fact, not a symptom themselves but rather a side effect of other symptoms, in the way that sweating is a natural response to a fever.

Muted colours
Clockwise from top: Dribble shot by Dave Ruiz; Cognition; Web Standards Sherpa.

Justified or Centered Typography (JCT)

This symptom is nothing new; in fact, it was pretty much the standard for the first 500 years of typography, until Tschichold and the New Typography showed up and quarantined it on the grounds that it was old fashioned, difficult to read and inefficient. Although we’re not sure at this point, this link with history might be what has made JCT reappear so vigorously under the umbrella of vintage symptoms. We do know that overall reading habits among humans have not changed in recent years (most Westerners still read left to right), and there is no plausible argument that JCT improves legibility; so, whatever the cause of the outbreak, we know it’s rooted in subjective emotion rather than rational thought.

Justified or centered typography
Clockwise from top: Grip Limited; Tommy; Visual Republic.

Circular Script Logotypes (SCL)

A circle is a basic shape and, in isolation, is no more a symptom of an epidemic than a triangle. However, if you repeat enough triangles in a line, you get a zigzag. Similarly, if you include a circle in your logotype, you end up with a circular logotype. And if that logotype happens to be set in a script font, you’ll get — that’s right! — a Circular Script Logotype (SCL). Not that SCL is lethal or anything, but it is relatively contagious and can be highly detrimental when enough hosts have been infected.

Circular script logos
Clockwise from top: Trent Walton; Mercy; Dribbble shot by James Seymor-Lock.

Skeuomorphic Features

Skeuomorphic features — i.e. ornamentation or design features on an object that are copied from the object’s form in another medium — are rife, particularly in mobile applications, and this symptom is one of the defining indicators of the epidemic. Possibly a mutant cancerous strain of mildly skeuomorphic features such as stitches and letterpress, it can sometimes grow to overtake an entire interface, bloating it with redundant visual references to physical objects and materials. However, due to the labor involved in preparing the graphics and the heavy reliance on image resources, some researchers argue that we’re unlikely to see full-blown skeuomorphism dominate our desktop browsers any time soon.

In fact, most scientists regard the phenomenon as a curiosity and predict that some virtual metaphors for physical attributes will prove useful (as tabs have) and some won’t. Interestingly, while Apple has embraced and continues to pioneer the technique, Google seems to some degree to resist the urge to mimic physical reality in its interfaces. Perhaps it has developed a vaccine?

Skeuopmorphic
Clockwise from top: iBooks; Dribbble shot by skorky; Dribbble shot by Igor Shkarin.

How Did It Start?

Pinpointing the epicentre of a design epidemic (read: trend) is always hard, especially given the myriad of symptoms and the contagious nature of the Internet. Identifying Patient Zero is virtually impossible, and, to be pragmatic, doing so would serve no purpose. What we can say is that we’re most likely experiencing a reaction to the Web 2.0 aesthetic — a craving for textured surfaces and retro imagery, something tactile and natural-looking, as an antidote to the shiny impersonality of the past — and that this is both healthy and necessary for pushing the design industry forward. Whatever the sources of trends, they often start with applying smart design to solve a particular problem or, indeed, to counter another trend.

Let’s say that everyone used sans-serif fonts, strong contrasting colors and crisp white backgrounds as a rule. Imagine, in this environment, if a designer went against the grain by using Clarendon or some other warm serif to infuse some personality into their website (which happens to be selling “Grandma’s homemade jam”), and then complemented the personality of their font selection with earthy colors and some brown paper textures. The result would inevitably stand out from the crowd: beautiful, emotional, different.

Incidentally, this aesthetic inspires another designer who happens to be working on a website with a global audience, exposing the new approach to a whole generation of designers who, in turn, apply it at will (often without considering the context). A trend is born. And yet, paradoxically, the potency of the epidemic is under constant threat. The more people get infected, the less differentiated the symptoms appear; and once the infection reaches a critical mass, the symptoms begin to work against themselves. Infusing personality into your visuals is meaningless if everything looks the same.

Is It Dangerous?

In today’s open collaborative world, avoiding an epidemic of this scale is difficult; so, in a sense, everyone is affected to some degree. The symptoms listed above are not restricted to small-scale up-and-coming designers, but affect even the elite of the design community. This means that even though some symptoms are harmless — like a light fever or a runny nose from a flu infection — the viral onslaught of trendy features puts constant pressure on our immune system to protect our creativity, and staying vigilant is important to maintaining a healthy dose of original thought.

If you’re displaying a handful of symptoms, it’s really nothing to worry about — catching a cold that’s going around is not hard, but recovering from it is also easy. If, on the other hand, you display most or all of these symptoms, then there’s reason to be extra cautious in your next project. Using all of a trend’s identifiers as cornerstones of your work might make your portfolio look oh so contemporary, but in a way this practice is no different than passing off the work of your favorite designer, artist or musician as your own. Granted, symptoms with no identifiable origin are not protected by copyright, but that’s beside the point — you should be worried not about legal implications, but rather about the creative integrity of your output. The danger is not only that your work will be seen as a passing fad, a popular aesthetic that will look dated in a couple of years’ time, but that you will lose the respect of your peers when they catch on to you.

While nothing is original, we all need to respect the difference between inspiration and imitation. As Jean Luc Goddard said, “It’s not where you take things from — it’s where you take them to.” And if you don’t take them anywhere, what’s the point?

Worse perhaps than the loss of respect and integrity is the effect that epidemics have on clients and, in turn, the design community as a whole. The more designers are infected and the more symptoms they show of the same disease, the less your clients will believe that you’re capable of solving real business problems. Eventually they’ll exclude you from the early stages (where all the real design thinking takes place) and employ your services merely to skin their wireframes, in the process reducing the whole profession to an army of decorators.

What Can You Do About It?

Now that we’ve seen how detrimental trends can be, how does one avoid them? Is this even possible? Trends, by definition, are popular, and arguably nothing is wrong with tapping into that popularity to increase the exposure of your product. Convincing a client to accept a design that is off-trend can be difficult, and you run the risk of alienating the audience by going completely against the trend just for the sake of it. On the other hand, blindly following others is never a good idea, and you could severely stifle your creativity, integrity and client base by accepting what’s “in” as a given and copying it without purpose.

So, what’s the right thing to do? Trends are intrinsic to our society, whether in politics, culture, design or even religion, and as the consensus sways in one direction or another, so will your opinion (or “taste”) — to some degree, at least. Alas, avoiding trends altogether seems an impossible and pointless undertaking, but that doesn’t leave you powerless. In fact, you can do a host of things to combat the lemming syndrome.

Ask Why

Always question your design decisions (and make sure they are your own), and keep asking the magic question, Why am I doing this? Am I doing this simply because it looks cool or because it suits the message I’m trying to communicate? Why am I using this ribbon? Does the zigzag border add to or detract from the personality of the website? What does this leather texture have to do with the finance app I’m designing? The moment you stop asking questions, you fall prey to the epidemic.

Put Some Effort In

In his article “The Dying Art of Design” Francisco Inchauste asserts, among other things, that inspiration requires perspiration, and I couldn’t agree more. I was lucky enough to attend a college where no computers were allowed in the first year, which meant we had to use physical tools to express ourselves — tracing letters by hand, drawing our photography, stocking up on Pantone pens (remember those?), abusing the copier. Not only did our creativity grow, but we learned an important lesson: good design is not effortless, and the best results come from your own experimentation.

Try Something Different

Remember that being distinctive is, for the most part, a good thing. Most great artists in history, regardless of their field, stood out enough for the world to take notice. Who painted melting clocks before Dali? Who would have thought to build a huge wall on stage before Pink Floyd? While mimicking what’s popular might be comfortable and might secure short-term victories, long-term success requires a unique, memorable approach.

Diversify Your Inspiration

In order to remain creative, staying curious and looking for inspiration all around you is crucial, not just in the latest showcase of fashionable WordPress themes. Read a book, perform a scientific experiment, listen to music you haven’t heard before, walk through a new neighborhood, or experience a foreign culture. Widening your horizons beyond your favorite websites and finding more than one source of inspiration is critical to making original, lasting designs.

Focus on the Basics

Finally and most importantly, study the underlying principles of design in order to understand what is and isn’t defined by style. Grid systems, contrast, legibility, juxtaposing imagery, well-written copy — these are the key components of successful design, yet they are entirely independent of fads and styles.

At the end of the day, design is not so much about style as it is about communication, and all style, imagery and typography should be inspired by the content, functionality and personality of the product, not by what simply looks cool at the moment.

No matter how cool something looks, it too shall pass.

Inbound marketing is no cakewalk. Marketers who are embracing inbound have a variety of different channels and tactics to master, including content creation, SEO, social media, lead generation, lead management, and analytics. It’s no wonder that marketers new to inbound end up feeling overwhelmed and wondering what to tackle first.

Luckily, our friends over at inbound marketing agency IMPACT Branding & Design recently pulled together an infographic that helps inbound marketers understand the entire inbound process from start to finish — from getting found online, to converting visitors into leads and customers, and then measuring the entire funnel. Well done, IMPACT, you captured the inbound process beautifully!

How Inbound Mrketing Works? The Process

OK, you’ve got a great new site and planned out a fail-proof content strategy. You’re going to be posting all sorts of interesting and insightful blog posts and newsletters, and everyone is going to come to read it. Then they are going to hire you to do work. Right? If you build it they will come. Isn’t that the way it works?

Not really…

While we are big proponents of a strong content strategy, simply putting the content out there is not going to drive traffic from far and near to come visit your site. You have to spend the extra time promoting your content as well. Producing the content is the first big step, and it is definitely going to send you in the right direction, but promoting that great content is just as important.

Newsletter Promotion

One great piece of content that is actually a promotion tool as well is an email newsletter. Just to be clear, when I say “email newsletter,” I am referring to long-form content that is well-writen and is distributed via an attractive email that includes a graphic, an abstract of the article, and a link back to the site.

The email should alert subscribers and drive them to your site to read the content, not deliver it all straight to their inbox. If you just deliver the full article, then it just becomes content, not a promotion tool. However, by providing an abstract of the article, then drawing the readers back to your site, you not only are promoting the newsletter content that lives on your site, but it also makes the reader aware of the other content you have to offer.

I would also recommend watching the webinar by Dan Zarrella called “The Science of Email Marketing,” to learn more about the best times to send your newsletters, the best words to use in subject lines, as well as some real data about frequency and the importance of subscriber freshness.

Blog Digest

While on the topic of email marketing, you should also consider putting together a digest email that promotes your short-form content (think: blog posts) by sending out a weekly or bi-monthly (or whatever frequency is appropriate) email that includes a list of recent content with links back to the site.

A digest can serve as a reminder to the user of all the content you are continually publishing. A relative few people utilize RSS readers, as most would prefer to receive the updates right in their inbox, so we suggest giving them this option.

Promotion through social media

I hate to be one to jump on the bandwagon, but the fact of the matter is that social media is one of the best ways to promote your content, if you do it well. You must determine what social media platforms are appropriate for your target audience. Is Facebook the way to go, or are most of your users active in LinkedIn? Or maybe they’re early adaptors and you want to promote on the new Google+.

Odds are, it is a mixture of social media avenues, and a mixture of active and passive promotion. Active promotion refers to you actively posting your website content to your social media pages. Passive refers to enabling sharing options on your site to leverage the social networks of your readers.

What we do to promote our content through social media is not going to work for everyone, and what others do probably won’t work for us. But, I will use Newfangled as an example.

Whenever we send a newsletter or post a new blog post, we promote it by first tweeting about it. Usually Chris Butler will tweet it once it is published, and it will usually get a couple of re-tweets from others in the office.

The other social media avenue we utilize is LinkedIn. We started a group on LinkedIn which is fairly active, and we promote discussion in this group. Because of this small, engaged audience, it makes LinkedIn a good place for us to promote our content as well. Joining active, tightly-focused LinedIn groups can be very beneficial because it enables you to reach a very targeted audience. Some other niche groups I would recommend are the PJA Advertising: This Week in Digital Media group, or the HOW Mind Your Own Business group, just to name a couple.

Use your website

Sometimes the best promotion tool is your own website. A website that is focused on content strategy should have various avenues to promote the all-important content.

For example, we have the ability to publicize newsletters and blog posts in specified areas of our homepage so that they are seen as soon as a user hits the site.

Another way we publicize within the site is our related content sidebar widget. If you look over to the right on this page, you’ll see a sidebar widget at the very top that suggests other related articles that you may enjoy. This is a more passive promotion, but we have noticed that it can be quite affective.

Make it personal

Occasionally taking the time to send a uniquely crafted, regular old email to someone who you think would enjoy reading and benefit from the content can really stand out. Promotion doesn’t always have to be to the masses – it’s OK to promote content at an individual level.

These are just a few examples of how to promote your content. Clearly, there are other ways to promote your content and your brand, but remember, writing the content is only half the work. The other half is getting it into the hands of people who want to read it.

Email signatures are so easy to do well, that it’s really a shame how often they’re done poorly. Many people want their signature to reflect their personality, provide pertinent information and more, but they can easily go overboard. Why are email signatures important? They may be boring and the last item on your list of things to get right, but they affect the tone of every email you write.

Email signatures contain alternative contact details, pertinent job titles and company names, which help the recipient get in touch when emails are not responded to. Sometimes, they give the recipient an idea of who wrote the email in case it has been a while since they have been in touch. They are also professional: like a letterhead, they show that you run a business (in some countries, you’re required to do so). Here are some tips on how to create a tasteful signature that works.

Be Concise

First and foremost, the sender’s header (the “From” field) should have a name, and you should use a company email address if you can. If someone sees stevies747@hotmail.com, they’ll suspect it’s spam. If the sender’s header reads, “Steve Stevenson – Mister Stevenson Design Company” <steve@misterstevenson.com>, they’ll know it’s a professional email from Steve, their trusted designer.

Start by making your website a link. Many email clients convert email addresses and websites into links automatically, but not always. When you’re creating the HTML for an email, make sure the link will appear by adding writing it in HTML. And instead of linking text like “My website,” type out the URL, which will be useful for those who want to copy and paste the address.

An email signature shouldn’t double the email’s length, so make it as short as possible (three lines is usually enough). Don’t get into your life story here. The purpose of a signature is to let them see who you are and how to get in touch with you.

Make Sure to Include…

  • Your name,
  • Your company and position,
  • How to get in touch with you.

No need to include 10 different ways to get in touch with you. As in website design, less is more; and then they’ll know which way you prefer to be contacted. Go to two or three lines, with a maximum of 72 character per line (many email applications have a maximum width of 80 characters, so limit the length to avoid unsightly wrapping). An optional fourth line could be your company address, but use caution if you work from home.

--
Steve Stevenson, Web Designer

www.misterstevenson.com | steve@misterstevenson.com

Short and Concise, but Check the Rules

In some European countries, laws dictate what items you must put in your email signature if you are a registered company. For example, UK law requires private and public limited companies to include the following:

  • Company number,
  • Address of registration,
  • VAT number, if there is one.

You can be fined for not including this information on all electronic correspondence and on your website and stationary. Many freelancers and small businesses have ignored these rules since their inception, risking a fine. For more information on UK rules, go here. Do some research to find out what rules apply in your country.

--
Steve Stevenson, Web Designer

www.misterstevenson.com | steve@misterstevenson.com

55 Main Street, London, UK, EC2A 1RE

Company number: 12345678

Don’t Include…

  • Personal Twitter, IM or Skype details;
  • Your home phone number or address (unless you want to be called by international clients early in the morning);
  • The URL of your personal website;
  • Random quotes at the bottom;
  • Your entire skill set, CV and lifetime achievements in point form.

Random quotes are fun for friends, but you risk offending business associates with whom you don’t have a personal relationship. Unless you want clients contacting you while you’re watching Lost, don’t share your home details far and wide. Also, don’t share your personal contact information with your corporate partners. They certainly won’t be interested in it, and you may not want them to know certain details about you. However, mentioning your corporate Twitter account or alternative means of contact in your signature might be useful, in case your correspondent is not able to get in touch with you by regular email.

Duck Stand Md Wht in The Art And Science Of The Email Signature Steve Stevenson, Web Designer
web: www.misterstevenson.com
blog: blogspot.celebritiesneedhelp.com
email: steve@misterstevenson.com
home: 613.555.2654
home (wife): 613.555.3369
work: 613.555.9876
cell: 613.555.123455 Drury Lane
Apartment 22
Ottawa, Ontario
Canada

twitter:
@stevie_liverpool_fan
skype: stevie_the_man
messenger: stevie_mrstevenson

I specialize in:
Web design
Graphic design
Logo design
Front-end development
UI design

“Flying may not be all plain sailing, but the fun of it is
worth the price.”
-Amelia Aerheart

Don’t do this.

Images And Logos

Let’s get this out of the way now: your entire signature shouldn’t be an image. Sure, it will look exactly how you want, but it is completely impractical. Not only does an image increase the email’s file size, but it will likely be blocked before being opened. And how does someone copy information from an image?

All Image in The Art And Science Of The Email Signature
This signature is too big at 20 KB and impossible to copy.

Any images should be used with care and attention. If you do use one, make it small in both dimensions and size, and make it fit in aesthetically with the rest of the signature. 50 x 50 pixels should be plenty big for any logo. If you want to be taken seriously as a business person, do not make it an animated picture, dancing dog or shooting rainbow!

Most email clients store images as attachments or block them by default. So, if you present your signature as an image, your correspondents will have a hard time guessing when you’ve sent a genuine attachment.

The best way to include an image is to host it on a server somewhere and then use the absolute URL to insert the logo. For example, upload the logo to http://www.example.com/uploads/logo.gif. And then, in your email signature’s HTML, insert the image like so:

1 <img src="http://www.example.com/uploads/logo.gif" width="300" height="250" alt="example's logo" />

Don’t Be A Fancy Pants

Use vCards With Caution

While vCards are a great, convenient way to share contact information, in emails they add bytes and appear as attachments. It is often said that you shouldn’t use a vCard for your email signature, because as helpful as it might be the first time you correspond with someone, receiving it every time after that gets annoying. Besides, the average email user won’t know what it is. Look at the example below. Would an average user know what that is?

---
Steve Stevenson, Web Designer

www.misterstevenson.com | steve@misterstevenson.com

Vcard in The Art And Science Of The Email Signaturewidth="162" height="52" />

If you do want to provide a vCard, just include a link to a remote copy.

What About Confidentiality Clauses?

If your emails include confidential information, you may need to include a non-disclosure agreement to prevent information leaks. However, good practice is never to send sensitive information as plain text in emails because the information could be extracted by third parties or forwarded by recipients to other people. Thus, including a non-disclosure agreement doesn’t make much sense if you do not send sensitive information anyway.

Keep in mind, too, that the longer a confidentiality clause is, the more unlikely someone will actually read it. Again, check your country’s privacy laws. Some big companies require a disclosure with every email, but if you’re at a small company or are a freelancer and don’t really require it, then don’t put it in. The length of such clauses can be annoying, especially in short emails.

---
Warm Regards & Stay Creative!
Aidan Huang (Editor)
-------------------------------------------
Onextrapixel
Showcasing Web Treats Without Hitch
web . http://www.onextrapixel.com
twi . http://twitter.com/onextrapixel
---------------------------------------------------------------------------------

This email and any files transmitted with it are confidential and intended solely for the use of the individual or entity to whom they are addressed. If you have received this email in error please notify the sender. This message contains confidential information and is intended only for the individual named. If you are not the named addressee you should not disseminate, distribute or copy this email. Please notify the sender immediately by email if you have received this email by mistake and delete this email from your system. If you are not the intended recipient you are notified that disclosing, copying, distributing or taking any action in reliance on the contents of this information is strictly prohibited.

--

This email and any files transmitted with it are confidential. If you have received this email in error please notify the sender and then delete it immediately. Please note that any views or opinions presented in this email are solely those of the author and do not necessarily represent those of Company.

The recipient should check this email and any attachments for the presence of viruses. Company accepts no liability for any damage caused by any virus transmitted by this email.

Company may regularly and randomly monitor outgoing and incoming emails (including the content of them) and other telecommunications on its email and telecommunications systems. By replying to this email you give your consent to such monitoring.

*****

Save resources: think before you print.

Don’t Be Afraid to Show Some Personality

Although your email signature should be concise and memorable, it doesn’t have to be boring. Feel free to make your email signature stand out by polishing it with your creative design ideas or your personal touch. Using a warm greeting, adding a cheeky key as Dan Rubin does or encouraging people to “stalk” you as Paddy Donnelly does, all show personality behind simple text.

The key to a simple, memorable and beautiful email signature lies in balancing personal data and your contact details. In fact, some designers have quite original email signatures; most of the time, simple ASCII is enough.

--
h: http://danielrubin.org
w: http://sidebarcreative.com
b: http://superfluousbanter.org

m: +1 234 567 8901
i: superfluouschat

k: h = home, w = work, b = blog, m = mobile, i = aim, k = key
Paddy

--

The Site: http://iampaddy.com
Stalk Me: http://twitter.com/paddydonnelly
--

With optimism,
Dmitry Belitsky
http://belitsky.info
///////////////////////////////////////////////////////////////////
/// Matthias Kretschmann     ///   krema@xxxxxxxx.xx            ///
/// freelance designer &     ///   www.kremalicious.com         ///
/// photographer             ///   www.matthiaskretschmann.com  ///
///////////////////////////////////////////////////////////////////
/// media studies / communication science & art history         ///
/// MLU Halle-Wittenberg                                        ///
///////////////////////////////////////////////////////////////////
--
With greetings from Freiburg, Germany,
Vitaly Friedman (editor-in-chief)
-------------------------------------------------

HTML?

If you can, stay away from HTML formatting. Every Web designer knows the pain of HTML newsletters, and while HTML is supported for email signatures, you’ll likely have problems with images and divider lines in different email clients. Some nice ASCII formatting may work in some cases.

Of course, if you’re really keen to use HTML, keep it simple:

  • Make sure it still looks good in plain text.
  • Use black and standard-sized fonts, and stay away from big, tiny and rainbow-colored fonts.
  • Don’t use CSS. Inline HTML formatting is universally accepted.
  • Use common Web fonts.
  • Including a logo? Make sure the signature looks nice even when the logo doesn’t load or is blocked.
  • Check how it looks when forwarded. Do all the lines wrap correctly?
  • You may want to load your company image as your gravatar from Gravatar.com as Joost de Valk does.
  • Feel free to experiemnt with your e-mail signature: Jan Diblík uses a signature with dynamicaly changed promo image.

All too often, businesses start advertising using paid search with the intention of growing sales, only to be distracted by flashy things like impressions and clicks. Although their campaigns may be sucking wind from a conversion standpoint, they find it difficult to pull back from the program because they don’t want to see the flashy metrics disappear. In many ways, paid search can be like playing with fire. It might seem like fun, but if it’s not done in a controlled environment, you can do a lot more harm than good.

Here are some paid search fire safety tips you can use to keep your paid search campaigns performing and under control without burning a hole in your pocket.

Tip #1: Determine how much you’re willing to pay for a lead or conversion.

Determine how much a customer is worth to you based on average order value, lifetime value of a customer, or some other metric that factors into operating expenses, etc. Either way, once you have this number, it’s pretty easy to back out to an acceptable cost-per-action/acquisition (CPA).

For instance, if you close 10% of all leads that you drive to your sales team, and every sale is worth $1,000, then you simply take how much a customer is worth to you and multiply it by your conversion rate. For example: 1,000 X .10 = $100, so you can reasonably pay $100 for every lead you drive. Obviously, this is a loose example. Always be conservative with this number because conversion rates can differ drastically between marketing channels.

Paid Search Fire Safety Tip: Manage your paid search campaigns to a set CPA. After you generate 15 conversions through your Google AdWords account, it allows you to set bidding that automatically targets your average CPA. This will ensure you don’t waste money on clicks that go nowhere.

Tip #2: Identify which organic keywords drive traffic and convert on your website.

We’re huge proponents of mastering inbound marketing before sparking up the paid search fire. It’s much easier to ramp up an efficient paid search campaign if you already know which content, keywords, and user behaviors are most likely to be successful. From a keywords standpoint, what’s happening via organic traffic to your website can guide you in structuring your paid search account and selecting which keywords to bid on.

Paid Search Fire Safety Tip: Pull a list of the keywords driving traffic to your website from organic search. Separate your brand keywords from non-brand keywords. Use all brand keywords and misspellings of your brand as the keywords in your brand campaign. Then, take the non-brand keywords, and determine which ones are driving the most traffic and, if possible, leads or sales. Use this keyword list to guide how you structure your paid search campaigns and ad groups (highly relevant groups of keywords, ad copy, and destination landing pages).

Tip #3: Constantly monitor keywords and set match types.

Believe it or not, it is very easy to garner a ton of clicks from keywords that have nothing to do with your products/services. This is probably one of the easiest ways to burn through cash in paid search. You have the ability to set multiple keyword match types in paid search to let the search engine know when to trigger your ad. Not only can you tell the search engine what you want your ad to show for, but you can also set negative keywords to tell the search engine when not to show your ad.

Paid Search Fire Safety Tip: All search engines provide reporting that will allow you to see which keywords search engine users actually typed in the search engine to trigger and click on your ad. This is called a Search Terms Report in Google AdWords. Pull this report on a regular basis (daily if you are just starting your account), and ad keywords that have no business in your account as negatives. Also, you can increase efficiency by adding keywords that are performing well as exact match keywords to increase efficiency.

Tip #4: Don’t Go It Alone

If you put enough thought and due diligence into the creation of your paid search program, it is not that difficult to get a moderate blaze rolling. However, that blaze can quickly turn into an inferno that is just incinerating your cash if you do not keep a close eye on your account and dedicate adequate time to it.

Paid Search Fire Safety Tip: If you do not have the time to optimize your campaigns and maximize your ROI, outsource it. There are plenty of agencies and services available that can help you get up and running fast. Also, paid search services like Trada will only charge you based on program performance, so you can’t make any horrible mistakes.

Running out of ideas for your blog? Think about incorporating data in new ways.   When leveraged well, data can breathe life and new significance into your posts. This doesn’t mean threading spreadsheets directly into your posts. Rather, you should think about how to responsibly frame the data in a way that will advance your narrative. U.S. Statistician and Sculptor Edward Tufte once called this “escaping the flatland.”

By putting data into context and using it to strengthen your point, you can give readers a post that will stay with them long after they’ve left the page. Here are a few narrative techniques to think about when using data in your posts.

1. Demonstrate Change

There is no more powerful narrative technique than using data to demonstrate change over time. In the example below, Latoya Egwuekwe uses data and maps to demonstrate the changing “Geography of a Recession” over time. The darker colors in the geographic representation indicate higher unemployment rates. As you watch the video, you can see the map growing darker over time.

Lesson: Showing a striking trend of change (whether it be deterioration or dramatic improvement) not only brings weight to the discussion, but it can also evoke an emotional response from your blog readers/viewers. 

2. Show Discrepancy

Isolated on its own, data can fall flat. But put a set of data into context to highlight discrepancies, and you have a strong narrative. In the example below, The New York Times highlights the discrepancy between the national budget forecasts since 1982, and the reality.

forecasts reality

The Washington Post has another great example, placing the number of jobs available next to the number of new hires and highlighting a growing skills gap in America. By showing discrepancies between perception and reality or between two sets of data, you can highlight gaps that lead to clear calls-to-action. Our own Dan Zarrella has adopted this technique in his own research by showing the difference between the perception of when emails should be sent during the week vs. the reality of when effective sends take place.  

3. Show Connection or Correlation

In this map, the Community Farm Alliance used data to demonstrate that neighborhoods without easy access to grocery stores in Louisville are also those with higher densities of fast food. The implied connection suggests that these communities have disproportionately limited access to healthy foods. 

Note: When showing the correlation between two things, be careful that you don’t imply causation. Be clear that you’re only showing that two things are connected in some way; not that one is directly leading to the other.   

4. Give Scale

Finally, think about using data to demonstrate scale. In this chart, The Economist uses a visual representation of data to demonstrate the scale of each of the top ten employers globally.

sale of employers

Again, scale can help you add context to your posts. What data do you have that can lend itself to this type of visualization? Did you serve more customers last year than the average number of attendees at a Red Sox game? How can you show the scope of your impact?

Despite the somewhat provocative title, you shouldn’t really stop designing aesthetics.

Gradients and colors and contrast are all good, but there’s a more important side to web design that many people overlook most of the time: Designing emotions.

Discussing emotion in design is a bit of a hot topic at the moment, it seems to be popping up in more and more blog posts and speaker sessions. In fact I saw at least three different web designers say that it was the subject of the talk which they had recently submitted for next year’s SXSWi.

So what’s all the fuss about? Today we’ll take a look at what that means, how you can do it and why you should. This is taking design to the next level, beyond the norm.

Emotion Design

1

Emotions are important in design because emotions are important in absolutely everything.

Everyone is trying to make their brand, their website, their name the most memorable thing possible but how are they going to accomplish that? Think of the most memorable times in your life, right now, go ahead.

I’ll wager a good amount of money that the three to four things that you just thought of all involved a lot of emotion. The death of a loved one, the birth of a child, your wedding, the day you bought your first car. We remember the things which instill powerful emotions within us.

In his book, The Alchemies of The Mind, Jon Elster emphatically states that “Emotions matter because if we did not have them nothing else would matter. Creatures without emotion would have no reason for living, nor, for that matter, for committing suicide. Emotions are the stuff of life…. Emotions are the most important bond or glue that links us to others…. Objectively, emotions matter because many forms of human behaviour would be unintelligible if we did not see them through the prism of emotion.”

Using Emotion in Web Design

2

As a web designer, it’s very easy to get caught up in just the design of the graphics. Of course the next step beyond that which everyone gets stuck on is usability.

So many people talk about usability like it’s the be-all and end-all of web design. As one speaker at the Future of Web Design in London succinctly put it this year: “Designing a website to be usable is like baking a cake to be edible. It’s simply not enough. A usable website should be the minimum requirement, it should go without saying that a website should be absolutely usable. It’s time to look beyond that.”

At the most basic level of considering your users’ emotions, you can consider letting them choose how they want your site to work. What content do they want to see on the home page? What order do they want to see it in? What’s their favorite color? Allowing users to customize your site to their preferences (without having to sign up for anything) creates and emotional attachment to the site with which the user is interacting. They’ve just invested time, however little of it, to make this site perfect for them. They’re going to remember that. Check out the BBC website if you want to see this in action.

What about making users happy without them having to do any customizations though? What about creating something that is so naturally pleasurable to use that people can’t put it down? Well, allow me to introduce you to my good friend: The iPhone.

The iPhone isn’t actually the story here, it’s the touch based device, regardless of who it’s manufactured by. As human beings we live in a real world, touching real things, moving them with our hands. In fact, if you think about it, computers are incredibly unnatural to use: We move one thing on our desk that moves another thing on a screen, and we spend hours pushing complex button combinations with our fingers whilst looking in a completely different (vertical) direction.

People are enthralled with touch based devices because they make computers work in a way that we’re naturally programmed to understand. We see something, we touch it, and it responds in some way. I recently watched a three year old girl navigating her way around an iPhone with absolutely no problems at all. The best part? No one had ever taught her to use it.

Touch based devices create emotions within us: joy, intrigue, and surprise. We understand them perfectly and yet they still thrill us because they’re so clever.

 

Creating Emotions

3

So how can we create emotions for users of our websites outside of the UI? Well, to an extent you need to put your marketing cap on here. You need to think about people, not design.

You need to think about perception, not composition. If you can ask yourself a few vital questions about how your users are feeling, then you can go a long way to pleasing them.

Consider FreeAgent for a moment, a fantastic piece of accounting software in the UK, they know that typically people who visit their website are angry, frustrated, and fed up with trying to do their accounts (and failing). Their website is targeted almost solely at cheering you up and telling you not to worry, there’s an easier way to do things. They win.

 

Desire

4

But what about creating emotions at more of a root-level? Apple (yes Apple, no article about design would be complete without some mention of them, so we might as well get it over with) create astonishing levels of desire and jealousy amongst their customers.

Despite producing over-priced, under-performing, over-rated products they still retain unprecedented success, constantly. Apple are the biggest fashion label of the tech world. That’s not an insult by the way, sex sells, and everyone else needs to catch up. Apple makes desirable products.

“Thin, beautiful, portable, durable, accessible, powerful, unlimited, magical, revolution.

Sound familiar? All of those words and sentiments were used in Apple’s 30 second advertisement for the iPad, and not a single one of them has anything to do with what the product does.

 

Sympathy

5

Another common case study of companies creating emotions in customers, and this is going to be a controversial one, is with charities.

Charities instill sadness and sympathy from deep within you, in order to make sales. Think of every advertisement you’ve ever seen for a charity… most of them go like this: “Sally is a [starving child / stray dog / person with a terminal illness], she’s all alone. Her parents died just after she was born and she’s been living on the streets like this ever since.”

The cause may be just, but don’t mistake the marketing tactics as legitimate sentiments appealing to your moral integrity. The people who create those advertisements know exactly what they’re doing. They’re making you sad, they’re making you sympathetic, and they’re making you want to reach out and help – with your wallet.

 

Anger

6

Possibly the most interesting way to look at deliberately instilling emotions in users is from the perspective of anger.

Now, this has been suggested before, but to my knowledge never confirmed. What do we consider to be great customer service? Usually it’s when a company gets something really wrong, they own up to it, give you a full refund and treat you really well.

It’s unexpected and we absolutely love it. It may be cynical, but is it really unreasonable to think that companies may now be screwing up your order on purpose? If I was running an ecommerce store I would deliberately screw up about 5% of all my orders – then give the customer a full refund and send them the product anyway.

You can’t buy publicity like the way they’re going to talk about that to all their friends.

Google+, Hipster, Connect.me and Instagram! They all hit a gazillion users in no time at all — and you can even read all about it in everyday media today. This is every product creator’s dream. Ok, granted, Google already had their users well before the launch of its social extension. But how did the other ones succeed in building such a strong fellowship in a few months (or even days)?

Turns out that many of these services’ creators were very busy bees and made small details about their product’s launch addictive. It even turns out that many start-ups were indeed able to launch to a strong following (not much unlike Google+) through collecting interested users, email addresses, Twitter followers in any way they could well ahead of their public appearance using a combination of very common and old marketing strategies with clever launch pages.

In this article, we’ll outline some best practices and examples of successful viral launch pages. Let’s define a viral launch page not only as a “Coming soon” landing page, but also as a usable beta page or even in some cases a finished product page.

Fundamentals Of The Viral Launch Or Landing Page

The first rule of viral is of course that you must build something that other people would actually be interested in for one reason or another. Let’s emphasize this, using the words of Robert Scoble: “The best launch is if you have a product that other people like using so much that they tell other people about it.” The users you target need to know at least one bit of information in advance that will make them care. Then, only then, can you move on to the next step, which is to facilitate and encourage sharing.

Normally, you’ll want to (1) let visitors know what you’re doing, and then (2) spark some interest. Then you should (3) make use of that interest by giving them a chance to subscribe to your news updates, doing so with a bright call-to-action button. Lately, so-called stealth start-ups have become quite popular because of the interest they are able to generate. They typically won’t tell you what they’re doing, which means they’re ignoring step (1), but somehow they still manage to grab your attention.

Here are the basic elements a launch page should have:

  1. A clear value proposition that interests people. (What problem will you be solving?)
  2. If your strategy is stealth, then why should people care? (For example, are you Jack Dorsey?)
  3. A notification form, with a bright call-to-action button.

Examples of Basic Launch Pages That Spark Interest

Even very basic launch pages can do a great job of advertising the product if they are memorable, viral in some way or desirable to visitors (or all of the above). You can read more about these characteristics in the recent Smashing Magazine article “Building An Effective ‘Coming Soon’ Page for Your Product.”

Stripe
Stripe has a simple landing page ready for visitors, with one concise sentence: “We’re making it easier to accept payments online.” This is followed by a simple call to action: “Get notified when you can use @stripe”. The app’s name is also the company’s Twitter handle, so you can opt to subscribe to updates through Twitter. This implementation is very minimalist and suggests that the service does one thing very well. Who wouldn’t want an easier way to accept payments online?

Stripe-screenshot in Elements Of A Viral Launch Page
Elements: slogan; notification form; call to action; Twitter handle in copy.

Milk
Milk doesn’t tell you what exactly it’s building, but it makes sure the team can reach you once it has something to say. What makes this landing page so successful? It’s the new venture of Kevin Rose (Digg’s founder). Also note the subtle “pleasantly infrequent updates” for email, Facebook and Twitter, which puts us much more at ease with subscribing.

Milk-screenshot in Elements Of A Viral Launch Page
Elements: slogan; notification form; call to action; Facebook and Twitter handles.

VaultPress
You may need to give more information up front in order to get the message across. Here is how Automattic launched VaultPress, a back-up service to give WordPress bloggers peace of mind. The text does three things:

  1. It sets your expectations of what VaultPress will do (which is to keep your blog and server safe).
  2. It collects data from those who fill out the sign-up form (data that will validate their idea).
  3. It creates a sense of exclusivity, because not everyone can join immediately.

Vaultpress-screenshot in Elements Of A Viral Launch Page
Elements: copy that explains what VaultPress does; an integrated sign-up form.

Sumazi
Instead of focusing on the product itself, Sumazi tries to get you to follow it on its social profiles and to share the news with your contacts. Registration is done through Facebook. It’s a first attempt to add a small viral loop to the launch page.

Sumazi Landing in Elements Of A Viral Launch Page
Elements: simple copy; integration with social networks (for sharing).

Let’s see how other start-ups have used the viral loop, and how this effect has sparked real enthusiasm for start-up launch pages.

Additional Elements That Can Make A Launch Page Go Viral

In addition to the basic elements covered above, start-ups have recently been using some of the following elements to make their landing pages more enticing:

  • Viral loop,
  • Exclusivity and scarcity,
  • Glimpses of the beta,
  • Social proof,
  • Viral content.

You will find all of these in the examples below. Many of the elements are often combined in meaningful ways.

Adding a Viral Loop

The viral loop is a kind of “sharing cycle” or “multiplier effect” that is built into the launch page. It’s an incentive for people to share news of the start-up and to share the sign-up form with their friends and followers. Forkly’s landing page was one of the first to successfully tap into this effect .

Forkly
Forkly is an innovator in this popular viral invitation system. If you want to be notified of Forkly’s launch, you can leave an email address in the form on the landing page. Once you hit the “Go” button, the page reloads and gives you a personalized link that you can share with friends and followers. If at least three of your friends join, then you will get early access to the service. And the more friends who join, the earlier your access will be (Update: they’ve just launched their app to the public) .

Forkly Landing in Elements Of A Viral Launch Page
Top: a simple informative landing page. Bottom: a simple viral loop.

Add an Incentive to the Sign-Up Process

Forkly’s incentive to share is a strong one: you’ve signed up to use the service anyway, so why not share it with a few friends so that you can gain access even earlier. This was a smart move and has been copied repeatedly since. But there are countless other ways to incentivize sharing.

ResourceGuru
ResourceGuru is giving away an iPad 2 to one of the people who share its link. Who doesn’t want an iPad 2 these days? Think about it: would you subscribe to ResourceGuru if it had only used Forkly’s strategy? Would you subscribe if an iPad was (potentially) waiting for you? These incentives are most effective when the item has an aspect of exclusivity. That’s why you see so many give-aways close to the launch dates of Apple gear, when no one yet possesses the gadget.

Resourceguruapp Landing in Elements Of A Viral Launch Page
ResourceGuru throws in the prospect of winning an iPad for sharing a personalized link.

Alternative Ways to Subscribe

In some cases, you might want to offer other ways to subscribe to your news, particularly if your users are mainly on Facebook, Twitter or Tumblr and like to consume news in ways other than through email.

RumpelDealSkin
RumpelDealSkin offers various ways to get the inside scoop: email, phone, text message, postcard. Additionally, there are links to its social profiles.

Rumpeldealskin Landing in Elements Of A Viral Launch Page

Stealth Start-Ups

Lately, the “stealth start-up” method has been quite popular, due to some spectacular successes (including Hipster, Connect.me and Kohort). It’s a way of making something publicly known without actually letting people in on what you’re doing. This could elicit another level of interest in your start-up, but let’s face it: it’s a tough ride. Are you able to leak as little info as possible but still make people genuinely excited?

Hipster
Hipster is a good example of a stealth start-up. Hipster managed to gather 10,000 addresses in just two days after its public marketing launch. And it happened before anyone knew what it does. The cool name and slogan (“Something cool is coming to San Francisco”) turned out to be the perfect marketing mix. The story was picked up widely and quickly by bloggers and media alike. People wanted to know what it is, and they left their email addresses in bulk and shared the links happily with their friends (Hipster used the Forkly approach) to be among the first to see the service.

Hipster Landing in Elements Of A Viral Launch Page
Elements: intriguing name; fitting slogan; fitting background image; call to action.

Notice the value proposition that complements the name. Then there’s the simple call to action button, and the background that would appeal to San Francisco residents and others. (Wouldn’t you want to know what you’re missing out on?) This happened in January 2011; as of this writing, Hipster is still building its service which will be some kind of local Q&A. But take a moment to check out the hiring page to see how it’s still using its name to tell a story.

Supyo
Supyo has received a lot of attention as a result of its founders, long-time collaborators Shawn Fanning and Sean Parker. They have set up nothing but a splash page for now, which means they cannot collect addresses. (Update: they’ve just added an email notification form.) Shawn Fanning and Sean Parker will create buzz even if only for their Web celebrity status.

Supyo-screenshot in Elements Of A Viral Launch Page
Elements: logo; social proof.

Amen
The same is true for Amen. Their landing page doesn’t sport anything but a cryptic (and interesting) message of what it is going to be: “The best place for having an opinion in the World”. Rumors of what the service will be and the fact that Ashton Kutcher and Madonna’s manager invested here keep the interest alive (also the first Twitter engineer Florian Weber is a co-founder).

Amen Landing in Elements Of A Viral Launch Page
Elements: explanation of what it does; Similarly to Hipster: an unconventional branding.

Allow People to Reserve User Names and Integrate With Social Networks

Connect.me
Connect.me is another stealth start-up with an incredibly viral sign-up page. Apart from its memorable domain and brand name, it communicated almost no information on what it’s about; an “About connect.me” link appeared in the bottom-right corner, but it didn’t really explain what the app would do.

Connect Me Landing in Elements Of A Viral Launch Page
Top: reserve your user name; get early access; register only through social networds. Bottom: revamped landing page with the same structure but with an explanation of the service.

Unlike the services mentioned above, Connect.me did not ask you to leave an email address. You could only register through Twitter or Facebook. Also, did you notice that instead of something like, “Invite friends to get early access,” the copy says, “Reserve your username to get early access”? This makes it clear that early adopters will have dibs on vanity URLs. This can be very effective with people like me, who have common names and want to register a good URL.

If you went through with the registration, the app would automatically tweet or post a simple message on Facebook: “Reserve your Connect.me username [link].”

This simple approach generated roughly 20,000 sign-ups in a short span of time and even provoked fears of a scam in the blogosphere shortly after. When you visit the website now, you’ll find a landing page (in green) telling you exactly what the service does. The “Reserve your username” is still there, but it has been turned into a central call-to-action button.

The success of strategies like those used by Forkly, Hipster and Connect.me have even led to the creation of a start-up that takes care of the sign-up process for you. LaunchRock does all the heavy lifting, leaving you to concentrate on building the actual software.

LaunchRock
Once you’ve submitted your email address, you’re immediately given the option to do a few things with your link: tweet it, share it on Facebook or email it to friends. The tweet is pre-written and contains a lot of important elements:

  1. Your brand name, and an announcement that you will be launching soon;
  2. Social proof: “Follow me! I’m first in line.”
  3. Your personal link;
  4. Your brand’s Twitter handle.

Launchrock Landing in Elements Of A Viral Launch Page
LaunchRock will take care of your viral launch page.

Even if you don’t use LaunchRock as a service to launch your product, it still has a lot to be inspired by. I would even argue that now with so many newly unveiled LaunchRock sites you would do your launch a disfavor for looking like another me-too.  LaunchRock’s blog provides a good analysis of the viral “Coming soon” page.

Especially Twitter Integration

Many services that succeed in generating some idea or product that people want to share on Twitter (and Facebook) experience a hell of a growth rate. This was the case with Threewords.me and Turntable.fm, which recently became the most shared music start-up on Twitter, because people love to announce what they’re doing at a given moment (check out the real-time search results of Turntable.fm’s hash tag). Let’s look at two examples:

Shuush
Shuush is a Twitter reader that scales back users who tweet too often and amplifies people who don’t tweet as much. As a byproduct, users are assigned Shuush levels that they can tweet out. Users like to share facts about themselves, which we’re seeing over and over again.

Shuush Twitter Integration in Elements Of A Viral Launch Page
Elements: explanation of the service; sign in with Twitter only.

Instagram
Instagram has no conventional landing page (and didn’t have a conventional viral launch page when it launched). Rather, its viral circulation comes from people sharing their images on social channels, mainly Twitter. You can instantly recognize these images by the branded URLs, like of this image by Justin Bieber, http://instagr.am/p/IMhuj/, which made the service literally explode on July 21st.

Instagram Twitter Integration in Elements Of A Viral Launch Page
Elements: landing page has a call-to-action “Download” button; the viral loop comes from people who share the service’s output (images) on Twitter and other services.

Sell a Half-Baked Product for Half the Price

Minecraft
Minecraft is an online gaming phenomenon, and its adoption has been mind-blowing, with 2,932,884 licenses sold in the beta phase. People are willing to sign up early, especially if a discount is offered because the product is not yet ready. When Minecraft is finished, it will sell for €20.00. Right now, at 25% off, you can get it for €14.95. Discounts for early adopters are a no-brainer.

Minecraft Landing in Elements Of A Viral Launch Page
Minecraft offers a discount during the beta stages. As the product advances, the discount shrinks.

Lifepath
Lifepath turns this approach on its head. The service is invite-only, and because people might very well want to use it, the company invites visitors to buy an “entrance ticket”. The closer the service gets to completion, the lower the entrance fee gets. Note that registrations fared better when the fee was $10 than when it dropped to $3 . This is an interesting insight that the creator Dustin Curtis shared on Twitter.

Lifepath Landing in Elements Of A Viral Launch Page
Elements: exclusivity; call to action.

Exclusivity

Exclusivity can be a powerful way to convince people to join. Facebook, which started out as private to one university, now has the biggest following of them all.

Sugarhigh
When you receive an invitation to this invite-only newsletter, you’re redirected to the landing page, where a counter displays the time you have left to register.

Signup-screenshot-88 in Elements Of A Viral Launch Page
Elements: invitation only; sign up within 24 hours of being invited.

Turntable
Turntable is the red-hot music start-up that allows you to join rooms and DJ along with other people, mainly friends. The landing page says, “If you have a Facebook friend already on Turntable, you’re in!” This enables the company to grow the service organically, making sure that only like-minded people join and slowly adjusting and scaling up its servers. If you know no one on the service, you can leave your email address.

Turntable Landing in Elements Of A Viral Launch Page
Elements: exclusivity; social proof.

Tell a Story, Add Personality

Telling a story is a powerful way to interact and tell people about your product (and has a clear psychological aspect). Stories can captivate an audience, which is exactly what you want for your launch page.

Evertale
Evertale is an Android app that automatically scrapbooks your life. The creators explain this very visually as you scroll down the page. Your path is marked on a map, and when you reach the bottom you’ll see a call to action, where you can leave your details.

Evertale Landing in Elements Of A Viral Launch Page
Evertale gives its elevator pitch as you scroll down the page.

It turns out that scrolling is a useful technique for making information engaging and telling a story. Check out these other services with slightly alternative approaches:

  • Ben the Bodyguard
    A Frenchman protecting your secrets is the theme of the viral launch page for this iPhone app.
  • Nizo
    Another launch page for an iPhone app. Notice how the page elements move around.
  • Kaleidoscope
    The landing page for a Mac OS app. Each major feature is given its own section.
  • Ala
    The landing page for a Swiss illustration and interface design studio.

The Last Rocket
Telling a story has a lot to do with authenticity and staying true to one’s purpose. The Last Rocket is 8-bit at heart and conveys it well on its launch page.

Last Rocket Landing in Elements Of A Viral Launch Page
Story told exclusively in 8-bit.

Social Proof

Social proof (one of six “weapons of influence,” according to Robert Cialdini) can be a powerful and compelling way to get people to sign up for your service (or at least for the launch news). In a nutshell, the concept states that people will do what they see other people doing. We have seen this demonstrated with the viral invitation system used by Forkly and the social network-only system used by Connect.me. A complementary feature would be to showcase your sign-ups or Likes front and center on the home page.

Gidsy
Gidsy is an online marketplace, and as such it needs the trust of the community. Therefore, the company shows the love it’s gotten from real users on its home page, along with two key elements: a few explanatory words, and a sign-up form with a call-to-action button. You’ll find a button labelled “Host an activity” in the header, although the service is not yet fully operational. By checking it out, however, a lot of people will be convinced to come back once it’s ready to go.

Gidsy Landing in Elements Of A Viral Launch Page
Elements: copy with slogan; subscription form; call to action in the header; social proof.

Fellody
Fellody has taken quite an interesting approach with social proof and exposure. If you’ve signed up and uploaded an image to your profile, the picture could be included in the background of the home page.

Fellody is a music social network with dating elements, so showing off its members to prospective users makes sense.

Fellody Landing in Elements Of A Viral Launch Page
Elements: social proof.

Honestly.com
Right after you sign up (through Facebook), Honestly.com sends you an email showing your friends who have already signed up. It establishes trust in those few moments after sign-up, while helping you find people you know on the service.

Honestly Notification in Elements Of A Viral Launch Page
Elements: confirmation email (social proof, instead of the usual gibberish).

Fab
We saw earlier with Justin Bieber on Instagram how social proof from celebrities can create an instant surge in traffic and sign-ups. Ashton Kutcher, who actively invests in start-ups, knows this well. Whichever start-ups he invests in get not only funding but an instant push in visibility. Fab is a start-up that recently pivoted from Fabulis and has gotten funding from Kutcher among others. TechCrunch even did a celebrity endorsement face-off between him and Kevin Rose.

Fab Landing in Elements Of A Viral Launch Page
Element: social proof from celebrities.

Sharable (i.e. Viral) Content

Another strategy for gaining traction ahead of launch is to create sharable or viral content. This could be anything that people want to consume and that solves a problem they have. (KISSmetrics covers the topic in depth on its blog.)

BestVendor
BestVendor shared a statistical document on its blog (“The Startup’s Toolkit”) that was picked up widely in the blogosphere and start-up world, which is exactly the market it is targeting. Its launch page, however, is a simple sign-up form for collecting email addresses.

Bestvendor Landing in Elements Of A Viral Launch Page
BestVendor shared its document “The Startup’s Toolkit.”

Visual.ly
Visual.ly spread around its video explaining what its service is about, along with its “Coming soon” page. The video was well done and for that reason was shared by others.

A good video is enough to get attention.

Fake Readiness and Skip “Coming Soon” Altogether

Recently, doubt has been cast on the effectiveness of these viral launch strategies. Some of the criticism questions how much a sign-up is worth if people don’t really know what they’re signing up for. Turning someone who has signed up into a user after launch could prove very hard. So, you could skip the “Coming soon” approach entirely and make it look like you’re ready for users to sign up. Make the launch page look like an actual landing page for your product.

By skipping the “Coming soon” page, you can test your idea on visitors directly. The goal is still to get as many sign-ups as possible, but in the process you are gaining validated insights into your start-up. Is your page ready, but no one is giving you their address? That’s a good sign that you need to clarify your vision.

Joel Gascoigne, who launched his start-up Buffer that way, has this to say:

“Treat your idea as a hypothesis that needs rigorous testing, and treat the emails as people who are happy for you to get in touch to discuss your product idea further in order to validate that it would solve a real problem for them and that they might actually pay. I don’t think the idea of having a conversation with the people who give you their email comes into the minds of new start-up founders enough.”

EyeEm
EyeEm currently has an Android app out in the wild. And if you browse the company’s landing page, you might assume that the iPhone app is ready to download, too. But if you hover over the iTunes button, it lets you know that it’s “Coming soon,” and then you can leave your email address on the dedicated iPhone launch page. You sign up for an email notification by setting up an account, so once the app is out, you’re already registered and ready to use the product (you will no longer see this, since the launch has now been done).

Eyeem Landing in Elements Of A Viral Launch Page
EyeEm’s App Store button tricks you into thinking that the iPhone app is available.

The OpenFeint Bluff
The developers behind OpenFeint, the social gaming network for iPhone, started with a bluff. They sent a press release to TechCrunch and got the blog to cover the story, which claimed that they were almost done and would be releasing the product soon. Only after many people signed up did they decide that building out the concept was worthwhile; till then, they had not written a single line of code. So, they worked away at it for 45 days straight. The company later sold for $104 million.

Websites That Respond to Visitors

Thermo
Thermo, the landing page for an iPhone “pocket thermometer,” does a great job of telling you what the app does and being responsive to you. It tracks your location, fetches the temperature there and then displays it in a graphic on the left. Moreover, the developers allow you to tweet the results (not unlike what Shuush does), thus gaining even more exposure.

Thermo Me Landing in Elements Of A Viral Launch Page
Thermo responds to your location and temperature.

Sign-Ups as a Qualifier

Joel Gascoine proposes taking the conversation with prospective users to the logical next step. Whenever someone signs up or tries to sign up, you could give them a few questions to answer. There’s a thin line, though, between annoying visitors (and thus driving them away) and making them feel valued.

Monotask
Monotask asks subscribers key questions that will immediately inform its product decisions before launch.

Monotask Landing 1 in Elements Of A Viral Launch Page
This looks like a normal, simple launch page.

Monotask Landing 2 in Elements Of A Viral Launch Page
After you sign up, Monotask asks why you subscribed and how it can build a great product for you.

Joshua Porter analyzes Monotask’s implementation more in depth in this article “Using Your Sign-Up Form as a Qualifier.”

Make It Easy for People to Love You

The last and simplest advice is this: make it easy for people to love you. This love could be for any number of things: your design, your ideas, your approach. Or perhaps they just love that you make their lives easier in some way. Visitors will always reward you for that.

Akismet
One detail on Akismet’s home page is a good example of making people’s lives easier. When you right-click its logo, a window opens that asks you, “Looking for the Akismet logo?,” followed by links to download it. How many bloggers and journalists try to copy logos into their articles? I don’t know how many, but everyone will love you for such attention to detail and for making their life a little easier.

Akismet Logo in Elements Of A Viral Launch Page
When you right-click the logo, a pop-up lets you download files in different formats.

Conclusion

The strategies listed above provide a glimpse of how launch pages could be made more intriguing and shareable. Many of the start-ups we’ve analyzed have made use of various strategies to grow their numbers. Most importantly they built a service that people were interested in and they managed to share their vision among the right people making use of the viral loop.

But the list is by no means exhaustive and certainly the launch page was not the only reason the services took off. A well thought out placement in blogs, social media and among friends is often a necessary accompanying move. However: the launch page is always the first thing a potential user sees of a new idea and it would be wise to cater for the best possible conversion right there.

It’s not new to say that we now live in an age in which survival in business depends on your ability to communicate effectively through the internet.

What is new is the realization that just having any old website isn’t enough. The quality of your site and the nature of its content are paramount and your ability to communicate with your audience is the key.

A good website is built on two basic truths—that the internet is an interactive medium and that the end user is in fact human. In other words, it is meant to be an experience. As with any adventure, a little strategic thought is needed to ensure that the experience is enjoyable.

Respect me

Remember that the person on the other side of the computer screen is a human being. They want to know that your business understands them.

Take the time to find out who they are and what they like. Then tailor your message and design to suit them. A real-life analogy is the approach you would take to initiate a conversation with a stranger at a party (a person with whom you hope to become better acquainted). You would do well to listen intently to what interests them and then craft your conversation to suit. You wouldn’t bore them with a lengthy extolment of CSS or Ajax on a Saturday night, would you?

Try to think beyond the demographic and envisage the individual. Many web briefs contain a far-reaching description of the audience. During the briefing session, try to narrow the focus. A brief may begin at:

Intranet Audience: 20–50 year old real estate agents

This can be divided into a primary and secondary audience, as follows:

Intranet Primary Audience: 20–35 (sales agents)

Intranet Secondary Audience: 35–50 (middle and senior managers)

From that point, it helps to imagine yourself as the agent, logging onto the intranet with a cup of coffee in hand half an hour before tackling early open houses. Do you see your desire for flash animation disappear in a puff of smoke? Do you see how “get to the point fast and be obvious” becomes a distinct directive? How about the need for personalization, so the agent can see what they require immediately, for example, appointments for the day, contacts, and their sales pipeline?

Closing the gap between yourself and your audience will help you to make the right decisions and tailor the design to their needs.

Tell me a story

Harness one of the oldest and most effective ways of communicating knowledge on your site.

Storytelling is a rich and compelling way to involve the user in a design, evoke an emotional response, or enhance a user’s learning experience. The question to ask is:

Is there a more creative way to present the required information to increase the user’s involvement?

News websites are increasingly rising to the challenge. In the past a breaking story would have been a single page of written text. Now it may be enhanced with multimedia to offer alternate ways to view the story including interactive timelines, streaming web-cam, animation, sound, and video. These elements can give the audience a broader and deeper understanding of the topic and the issues, which surround it.

The most wonderful thing about using the internet to tell a story is that it can be non-linear—the user can click to view fragments of information that interest them, rather than viewing the entire story from beginning to end. By telling a story through user interaction, you enable users to choose their own path according to their preferences or needs.

Engage me

As broadband becomes prevalent, web designers have increasingly begun to combine visual design with interaction and motion. Their role has become less that of a designer and more that of a director of experiences. To illustrate the difference between those roles, let’s look at the way the creative direction of a design might be described:

To promote your strength, which is the local content of the entertainment news, we will include the cityscape of each state within your brand.

The direction of an experience, on the other hand, would require more documentation in the conceptualization stage. An experience director must pull together content, formulate an interactive approach and style, and orchestrate the creative elements in which to propel the story. The web designers of the future may even be required to write a treatment, melding the design process with that of film direction.

By attending to the entire user experience, designers can create a rich, sensory experience, which helps to immerse users and encourage them to become fully involved in the site and its message. When a site is intended to educate, immersion is particularly important, as it can increase learning speed and overall understanding—especially when a site’s main users are children.

Through immersion, the user experiences joy and satisfaction: positive qualities that will be transferred to your brand.

Inspire me

Some people believe that web design starts and stops with branding. Their view is the visual identity of the brand is easily applicable to the web through the transference of common elements such as logo, colours and typography.

Indeed a lot of the traffic that will come to your website will be people who know or chose your brand in the real world. So when they arrive at your virtual world it is an ideal opportunity to reinforce it.

However, your site can do much more than mimic your identity. It can encapsulate the brand personality, whether that is inspirational, trustworthy, or authoritative. These traits were part of the reason why they chose your brand in the first place.

During the filming of Withnail and I, the director told lead actor Richard E. Grant to “stamp the celluloid”, meaning to go full pelt, not half-measure. It’s timely advice for when you want to inspire your audience and make them take action—don’t be polite, grab them by the throat—and bring your brand to life!

Enchant me

A beautiful design will give the user the impression that the site is easy to use, whether it is or not. Also, it is more probable that the design will be used because the human psyche is inexorably drawn towards beauty.

Transactional sites often fail miserably in the aesthetic stakes. The reigning thought is that it is the domain of the usability consultant—that design is secondary and often confined to the “coloring in” of table cells.

Yet highly complicated processes and pages can look deceptively simple with the right styling. Spacing becomes increasingly important as it allows the user’s eyes to rest before taking on the next batch of information. Design can create order and instill a feeling of peace and serenity—positive attributes when you are asking your user to complete a lengthy and profit-creating form. Professional design can also increase user trust levels, the single most important trait to attain for any transactional site.

If you’re not a professional visual designer, you can engender trust and loyalty and foster attraction by consulting a high-level designer for business-critical or transactional sites.

The principles of good human-to-computer interface design are simplicity, support, clarity, encouragement, satisfaction, accessibility, versatility, and personalization. While it’s essential to heed these, it’s also important to empathize with and inspire your audience so they feel you’re treating them less like a faceless user and more like a human being. In doing so, you will extend their affinity with the design and foster positive attitudes towards your brand, company, or product.