Ideas Archives - Caotica

Destroy the Web 2.0 look: Web design trends 2012

Creativity, Design, Digital marketing, Ideas, Inspiration

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.”

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.

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.

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.

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.

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.

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.

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.

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.

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?

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.

by martin

7 reasons no one shares your blog

Blogging, Ideas, Inspiration, Marketing

Ever write a blog post, hit publish, and feel like all you hear are crickets? If your content isn’t remarkable, it’s not shareable. Search is social. So whether or not your content gets shared makes a huge difference in your blog’s traffic and lead generation.

People share content for a variety of reasons. A recent study from the NY Times’ Consumer Insight Group (CIG) looked into why people share content online. Among the variety of motivations was a desire to define ourselves to others with the content we share as well as a desire to grow and nurture relationships by sharing entertaining or interesting content. Is your content interesting and entertaining enough for people to want to associate their personal brands with it? If not, you better re-think your approach and consider these 7 tips.

7 Reasons No One Shares Your Blog Posts

1. Your Headline Sucks

Your headline is the most important part of your post because it’s your first impression. It’s what people see in big, bold text when your blog post shows up in search engine results.
It’s also what they see when your content is tweeted and shared on Facebook, LinkedIn, and Google+. So without a great headline, few people will get that initial intrigue that makes them want to click through and check out your post. Write great headlines that are descriptive but also spark a sense of urgency. And don’t be afraid to try a funny or snarky one, too. Grab their attention with the headline, and hook them with the great content behind it.

2. Your Timing Is Off

Blog posts published in the morning generate the greatest number of page views, especially when targeting women. Do you know your audience, and do you know when to deliver your content in order to get the best results? Get the insight you need to create more shareable content. Survey your audience and ask when they prefer to read your content, or dig into your audience analytics to get the information you need. And remember: planning ahead is key. Creating and maintaining a blog editorial calendar will prepare you to have content to publish each morning, versus constantly playing catch up and publishing posts in the late afternoon after you wrote them that day.

3. You Don’t Have “Regulars”

You want your blog to be like Cheers — where everyone knows your name. You want your posts to spark a conversation and to ignite an interest that keeps people coming back for more.

A great way to develop a relationship with your audience is by being attentive to blog comments. Spark a conversation on your blog by discussing recent industry events or asking for your readers’ perspectives on new research. It’s all about the writing style and balancing your point of view as the expert opinion and being a participant in the conversation. To get the comments rolling, make the content useful and thought provoking, and “reward” your commenters by responding. If you generate a group of regulars who always come back to read your blog content, chances are good they’re also regularly sharing and evangelizing your content, too.

4. You Write About Yourself

Your company is interesting to you. It’s also interesting to your mom. So she might subscribe to a blog full of company party photos, product feature updates, and long essays written from your point of view. But is your mom your target audience?

When readers are visiting your blog for the first time, they don’t care about you yet. Make them care by addressing the topics they want to learn and talk about. How-to articles and lists of tips and resources are good formats to begin with.

5. Your Posts Are All the Same

Ever listen to a band and every one of their songs sounds the same? Boring! Change up the format of the content with charts, infographics, videos, photos, and other visuals to keep people coming back for more. If you look at Social Media Examiner‘s posts, you’ll see how they break up the text with different visuals, headings, and bold text. Break up your content to make it easier to consume so you get more people to read it and more people to share it.

6. You Ramble

If there isn’t a clear takeaway from your content, people don’t have a key point or reason to share it with their friends and followers. Long paragraphs full of allegory, symbolism, adjectives, and adverbs are best saved for English class. Cut to the chase, and make the lessons from your content loud and clear.

7. You Make it Difficult to Share

It’s surprising to me how many blogs don’t have social sharing buttons. It’s easy to get caught up in selecting the perfect design or theme and then forget about the obvious, functional elements likes social media buttons or “subscribe by email” widgets. Have at least a simple design that looks clean, but first get the basic features on your blog and get a content plan in line. Then go crazy with design.

by martin

How to promote your website content

Blogging, Communication, Design, Development, Digital marketing, Ideas, Social media

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.

by martin

Good communication is the engine of success

Business, Communication, Ideas, Inspiration, Strategy

In a highly competitive business environment, good communication is the engine of success.

With social media so ubiquitous, much can be achieved… and overlooked. When sharing interests and experiences online is so easy, people put less effort into maintaining their relationships, thus shortening the average life of an interpersonal connection.

A close look at the problem reveals that minimal effort can turn contacts into veritable relationships. Basic practices such as attentiveness, courtesy and friendliness can make each of your connections more meaningful and valuable. The advantages may be apparent or hidden, and they lead to client loyalty, referrals and a healthy public image.

Here you’ll learn how to enhance your communication strategy and make the most of every connection by keeping a few simple principles in mind.

Can’t Do the Job? Offer Advice

Saying no to a job offer is okay, but that doesn’t mean you have to reject the client. If offering your services is not possible, then offer some advice. Expert tips are valuable. At the very least, the company will appreciate your willingness to help, and that’s good for your reputation.

Let’s say that your quote is higher than a prospective client can afford, and you have to turn down the project. If it’s a matter of doing a couple of hours of extra work, think about taking it on anyway; most clients will appreciate the sacrifice. If you definitely can’t do it, perhaps you could include suggestions (based on what you know about the project) in your email declining the work.

A wide range of website-building services could be useful for low-budget projects, but less web-savvy clients might not know about them. Here are a few you could bring to their attention:

Site2You is an all-in-one solution for setting up and maintaining a business website. It includes a user-friendly website builder, e-commerce functionality (if enabled), hosting and domain-name services and professional support, all for quite an affordable price (plus a free trial).

is a user-friendly Flash website builder. Both free and paid accounts are available. It’s an attractive option for non-professionals.

WordPress is a decent website-building tool as well. You could even refer the client to a WordPress theme developer who you know, thus doing them two favors in a turn. Good karma!

Don’t leave the client helpless.

Always ask permission before dispensing advice; people will likely appreciate your input, but less so if it’s unsolicited.

Instead of wasting time reviewing projects that you’re not going to do and dwelling on lost job opportunities, communicate with these contacts. They will be grateful and will keep your name on their shortlist.

Recommend People To Work…

…with you: You probably know what’s happening in the design world and, because of social networking, can see who is doing interesting work.

Make contact and build relationships with other design experts and specialists so that when a project that requires it, you’ll be able to suggest competent copywriters, developers or illustrators. You’ll increase the chances of the project’s success and, thus, contribute to your own professional success.

…instead of you: Hard work won’t get you every great gig. If you receive an exciting job offer but your schedule is already full, don’t get upset; you will make another designer happy by sending the client their way-and helping others feels good. Yeah, you’ll lose a great project and a potentially regular client, but that would have happened anyway, right?

Get the most out of the situation by serving as a link. (And remember: refer clients only to professionals who you trust.) Whatever the project’s outcome, your gesture won’t be forgotten; the client will likely look for an opportunity to return the favor.

Never underestimate the value of word of mouth.

By the way, you might also like reading Web Designer’s Guide to Copywriting Profits.

Create a list of competent professionals who you could recommend to clients. You’ll show that you have a comprehensive grasp of the field, which they’ll appreciate.

Set Up a Friendly Email Policy

Your handling of email can make or break your communication strategy. We don’t have to look far for examples: just count the number of important connections you’ve established and maintained via email.

If email is your main communication medium, then put a suitable amount of effort into managing it. At the same time, put reasonable limits on the amount of time you spend on it.

Here are some simple techniques to manage email effectively. They might seem obvious-and they are easy to do-but they still get overlooked.

Auto-Reply

Using an answering machine is hardly a personalized approach, but it’s better than letting clients and others guess whether their emails have reached you.

Before going off the grid, write an automated reply to inform correspondents that you will contact them upon your return.

Automated replies are also useful for those who are lucky enough to attract a high volume of inquiries (not counting spam, of course). But do not promise to get back to someone ASAP if you’re not sure you can. Sure, saying so sounds better than something like, “Sorry, I can’t answer every message because of my high volume of email,” but it will put people off if you don’t follow through on your word.

Fast Response

Answer your emails promptly and clients will love you for it. Seriously, do it. Composing a message takes only a minute. You might not be able to solve their problems in that email, but a quick response is still appreciated.

Showing your concern will distinguish you from the client’s other contractors and partners.

Don’t keep people waiting.

Make a Good Impression

When approaching someone for the first time by email, make sure your message gives the right impression. Always check your spelling, and use a friendly but dignified tone of voice. Include a tasteful signature, but make sure the message, not the signature, is the focus.

When you want to inform your client base about important news or remind them that you exist, you’ll probably use an HTML newsletter. Before designing one, investigate which email service most of your recipients use so that you avoid problems with rendering and display.

Here are a few tools and resources to enhance your email communications:

WiseStamp is a handy browser extension to design an email signature.
CampaignMonitor offers a wide choice of sleek (and free!) newsletter templates.
Cakemail is another place to look for solid HTML newsletters.
“A Guide to Creating Email Newsletters.”
“The Art and Science of the Email Signature.”

Give Thank-You Gifts and Offer Freebies

A thank-you email might not feel like enough for a long-term client. What about cool office knickknacks or t-shirts? Never wait for the client to show their appreciation first; if you have enjoyed working with them, go ahead and show it! People will be twice as ready to help you out in future if they feel appreciated.

Don’t use gifts to suck up, though. If you have failed in a project, a fancy present won’t make the client ask you back again. Sincere gifts and gestures can only strengthen healthy relationships.

Another great way to tighten the ties in your network is to give stuff away. You could design and share freebies for your blog readers or social network pals. And don’t be afraid to re-gift; perhaps you have unused discount coupons, gift cards or other promotional items that you won in giveaways.

Luck is a funny thing; it often happens that we only get for free the things we don’t really need. But what you find useless, someone else might benefit from. Why not put it to use? Don’t let a coupon expire or a cool but ill-fitting t-shirt lie in your closet unpacked and collecting dust. Give it away. The simple act will get you kudos and a lot of attention. Swapping less for more: sounds like a great deal to me!

Announcing a give-away on Twitter or Facebook makes re-gifting a zero-risk enterprise.

Don’t Forget About Live Communication

Most of your work-especially if you’re a freelancer-takes place online. You might not notice that you’re gradually shifting into virtual-only mode, because your friends and clients (and everyone else for that matter) are just an email, tweet or Facebook message away.

Don’t be fooled by the unlimited pseudo-connectivity. Digital communication does not replace actual socializing. A photo gallery of your college reunion on Facebook won’t feel at all like the real thing, and watching recorded talks from a design event differs vastly from the experience you would have had if you were there in person.

More importantly, by limiting your communication to emails, IM, online social networking and Warcraft raids, you might lose some social skills and erode your ability to consult, negotiate and talk with actual people face to face. That still matters.

You might also enjoy reading “A Life Guide for the Antisocial Freelancer.”

What might happen if typing becomes your main way of communicating with others. (Image: The Oatmeal)

A ton of books and resources explore the principles of effective communication. The techniques won’t always come naturally, despite being “social” in nature.

Basic qualities like attentiveness, courtesy and willingness to listen can do wonders. Incorporate them into your communication habits and you’ll gain empathy, appreciation and referrals from clients, peers and friends.

by martin

What will get you started?

Business, Ideas, Inspiration

A tidal wave of ideas or bills (A) will motivate another creative nearby to foolishly open an umbrella (E) in a lame attempt to hold back the flood, causing what looks like a giant earring (H) to fall and pull the hammer (J) so it strikes a piece of metal (K), waking up the baby (L) who must be rocked to sleep (N) by a trained and poorly-paid dog (M), causing the attached backscratcher (O) to tear at your flesh until you decide it’s better to get off your rear and do something. Illustration by Rube Goldberg.

Your idea. Your dream. No one will do it for you. Even if you have to work at something non-creative — use the money to live, but make your dream the priority. Crappy job gets in the way of your dream? Find another crappy job! They’re everywhere and except for the slaughterhouse idea, they won’t drain your creativity. Have the idea? Now set your plan. Just like your previous boss who had always made projects go around and around, it’s finally time to make your own plan, knowing it will work better, and make it happen!

First, research who your customer is. Using Web sources or going to stores are the best way to find out some helpful examples of consumer habits (yes, marketing people never leave the office, they rely too much on figures supplied to them). See what people are buying and talk to them. I used to go to stores that carried products made by the company for which I worked for, and watched what people bought or didn’t and asked them why.

I would smile as I approached them, excuse myself and explain what I was working on and gathered their opinions. This is probably why my products sometimes sold very well. Know your consumer base!

Also, figure out costs and how you will cover them. You may need a loan or investors. What website and functionality will you need? Packaging, having stock, shipping, advertising, taxes? Is your dream project for you to start a business or do you want someone else to produce it? If you are producing it yourself, you can get a business loan, but you are about to take many, many risks. Get legal and financial advice next. It’s well worth the money and will give you the final tally of whether or not this will be your dream or nightmare.

If you are creating something to pitch to a company for their purchase or licensing a property (certain photos for calendars and cards, for instance), there are a similar but different set of rules.

Start with the idea and marketing, create a style guide and/or presentation. A friend of mine wanted to publish a graphic novel for a pitch for a property she was trying to sell but couldn’t afford upfront fees for an artist and writer and printer, so I told her to use a WordPress blog to post her promotional material that she already had and that would give her a great presentation — the easy way.

Research which company you think would want to take on the project. Again, go online or to a store and look around. Want to really impress potential clients? Ask the store’s permission to set everything up; take videos of shoppers and their answers. What better way to produce proof of a need and then give clients the means to fulfill it!? Let your imagination run wild! As with the man who was so excited by the contest he entered, stretch yourself creatively.

Found the perfect prospect? Do your research and find the people you need to reach. There are many business networking sites. Search the company and find people and their titles. Get addresses and phone numbers. Call the receptionist and ask her/him who is the head of marketing or if they have an R & D contact person. If they don’t know, ask to speak to the secretary of the VP of marketing. Maybe she/he can get you closer. Also, use your network. Do any of your contacts know someone you are trying to reach?

Sounds difficult? It isn’t really; just keep in mind that it takes a lot of persistence, patience, as well as a good sense of humor. Once you lost one of those, you won’t make it.

by martin

Take the initiative!

Blogging, Business, Ideas, Inspiration

Tailor (A) gives creative (B) a snappy new “power suit”, SO irresistible that the client (C) hugs the suit (D) causing it to hit paddle (E), smashing expensive vase (G) and wasting a perfectly goof head of cabbage (I). Further destruction reigns havoc (K – P), dousing all competitors with a toxic chemical (Q). Illustration by Rube Goldberg.

Writing a blog is an initiative. Authors have to come up with the idea, research it for presentation, get the approval and then write it and submit it. It’s initiative. As with what you may perceive as easy to pitch an article, most initiatives are simple!

All of my career I’ve had people come to me to relay that they have written a book and need a cover or images for the inside so they can send it to a publisher. I tell them they don’t need all that. Just send in the manuscript with a self-addressed-stamped-envelope (many publishers have digital submissions on their sites) and the publisher will choose cover designers and illustrators themselves.

Some people smile at the realization that their dreams were an easy step closer. Some didn’t believe me and insisted I design something for them (and draw, because I’m an “artsy-type!”). I look over the pages and tell them it’s an idea that shouldn’t be “set aside lightly”. They smile and then I tell them it should be “thrown with great force”. Some people want it to be done for them. Maybe it’s the prompting of a contest or a “might-as-well-take-it” project.

Would you rather be working on a low-paying project that is screwing you up at every turn or invest in yourself with the time put towards your dream project? It’s not hard coming up with an idea and creating the images, code or what-have-you. The difficult part is making yourself do it and then selling it and that’s where most people fail.

One of my recent favorite self-initiative stories was about an injured creative with time on his hands and a need for income. Dave is a designer at the Iconfactory and responsible for the ultimate Twitter icon Ollie the Twitterrific bird; he had broke his foot while playing soccer over the Fourth of July. That meant that the poor guy was relegated to staying off his feet at home. Rather than wallow in self-pity, he decided to use the opportunity to keep himself from going completely Rear Window and offer up his design skills to the large Web community — and successfully so!

Self-initiative is not easy for most people. Working for someone else provides a regular paycheck, security, after a fashion, and someone telling you what to do. No self-motivational projects needed. As one person commented on a past article on crowdsourcing,

“I recently participated in the LG “Design the Future” contest (yeah, I didn’t win)… but rarely do I get the chance to design a cell phone like product… it was a great exercise in creativity and it really let me flex my muscle… and they had some substantial cash prices (first prize was $20,000)… I feel like competitions like that are great for the industry. The rules were pretty relaxed and it really let people go hog wild and show off what they can do. Too often you’re forced to roll with the clients vision. It’s great to have a contest that let’s you be you.”

As I was arguing the pros and cons of crowdsourcing in that article, I just had to reply for his edification:

“I understand your point, but let me play devil’s advocate and explore another option. So you submitted something you really enjoyed designing and it stretched your creativity. You loved your final submission. You didn’t win and the client, I assume, owns it anyway. What if you had designed it but not submitted it and then sought out companies that might purchase the rights to the design? You would have taken a cue to create your own initiative and owned the product rights.”

Was the prize worth giving away all rights to the winner? What would the client have paid a design firm or freelancer to do the work? I’m guessing that the prize cost was considerably less than the one that would have run the company. So, who was the real winner? Which avenue held a better chance for him? The odds of him winning the contest and giving up the idea anyway without winning, or the odds of him being able to sell the design on the open market, or maybe not, but owning it to try again? I can’t say.

Persistence in selling the idea and protecting it can be daunting. Even though, sometimes even an e-mail comes back right away that says, “I love it!”… and a check eventually arrives.

by martin

Lessons and examples of how to create a Viral Launch Page

Digital marketing, Ideas, Inspiration, Social media, Strategy

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:

A clear value proposition that interests people. (What problem will you be solving?)
If your strategy is stealth, then why should people care? (For example, are you Jack Dorsey?)
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?

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.

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:

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

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.

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) .

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.

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.

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.

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.

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).

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.

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:

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

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.

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.

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 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.

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.

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.

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 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.

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.

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.

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.

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.

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 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’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 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.

This looks like a normal, simple 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.

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.

by martin

Creative QR code business cards

Business, Design, Ideas

There is a lot of buzz around QR codes at the moment, so we thought we would take a look at some of the most creative and stunning QR code business cards on the web.

We love QR codes as they connect offline and online while challenging traditional design at the same time.

First of all, in case you have been living under a rock, let’s answer the obvious question. What the hell is a QR code?!

A quick response (QR) code is a two dimensional code that can be scanned and read by smartphone cameras to transfer information. The information can then be encoded to text, add a vCard contact, open a URL or much more.

So, by placing them on a business card, you can digitally pass on your contact details, direct people to a website, send them to a Flickr photo set or Facebook fan page or offer a special discount etc.

Hopefully the examples below will help to inspire you on how QR codes can be incorporated creatively in your designs. Or at least, provided a few interesting ways that they can be used to connect offline and online media.

Shelby Montross QR Code Letterpress

This card is a QR code that has been letterpress printed. It fits perfectly with more classic styling and design. Sweet.

Nightshade Labs

We liked this original card as it incorporates the companys’ beaker logo into the QR code (and yes it still works as well!).

Wanda Digital

The white QR code against the grey background on the back of the card matches the color scheme of the logo and looks great to boot.

Reblis

The QR code here is art in itself. Simple, but extremely artistic.

Big Fat Media

This card is on ultra-thick 4 ply cotton providing a premium appearance and touch. Absolutely stunning.

Perforated Business Card

We liked these cards from the Aquarius Club as each card has a QR code with meCard information of the person ready to be scanned and uploaded directly into a phones address book.

Peipei Yu’s Cards

We love what Peipei Yu did with not just the QR code itself, but the paperboard stand built in and box! Original, creative and fun.

Fridgehead

Cut out the QR code and it still scans…!

Tom Neal Film

We really liked the simple messaging on this card alongside the code. The rounded edges of the card also match the rounded edges of the QR code in the centre.

Digibrand

Beauftiful cards. The QR code sits nicely next to the cut out logo. The attention to detail on this card is really inspiring.

Soren Ragsdale

These cards are really clean and simple with no color. Yet they stand out!

23rd and 5th

Would you throw away business cards that looked this stunning? Thought not. The red QR code matches 23rd and 5ths logo perfectly.

Drew Hornebin

Drew included a couple of QR codes on this design with the logo in the background which shows off a real creative edge.

Kayma

Doko Dare used the QR code to direct users to their place page.

Casey Templeton

We really like the faded, old skool design on these cards. The QR code doesn’t look out of place at all.

Barefoot Media

Barefoot Media proudly use the QR code as part of their bold design.

Monkey Simon

Monkey Simon makes you want to scan it to know what it is…!

Stephanie Obodda

These minimalist cards are a real thing of beauty. Once again the QR code is the centre piece of the design and with amazing effect.

Tatadbb

These cards are really simple, but the combination of the extremely bright colors alongside the QR codes really draw the eye.

b-type design

The QR code IS the design in these cards. And they look great.

Metaform

The design by Mark Stokoe works perfectly with a code on the back. If you look carefully you may also be able to see the ‘M’ of the logo in the very centre of the QR code.

Social Bendodson

These cards are cool just because Zelda is on them… :-) .

Soul Visual

These cards put the code right next to the printed contact details. Online and offline pefectly catered for!

NightOwl Craftworks

These business cards are really cute and made us smile. The text alongside the QR code encourages you to take a picture and visit their website.

Geng Gao

The bright vibrant colors and QR codes just make you want to pick one up…

Lanec Technologies

These rounded edge business cards from Lanec Technologies include a code with contact information for each employee.

Marc Heatley

Marc used a lot of space for the QR code on these business cards, but it macthes the design and font perfectly to great effect.

by martin

How to design attraction

Communication, Design, Ideas, Social media, Strategy

“Look at her: so beautiful, so friendly, so smart. And what a personality. She must be mine. Hooking up with her would make me the envy of all my friends. Sure, she’s young and she’s gorgeous. Besides, I can easily try something new if I get bored or something better comes along.”

No, that’s not an excerpt from Lolita. As cruel and inappropriate as they might seem, these thoughts are fairly common in our society. In fact, in the past year, millions of people have entered into exactly that type of relationship. Don’t bother calling the Special Victims Unit; what we’re discussing here is not what you think it is. It’s the Apple iPad.

Apple seems to have entranced people. It’s hard to walk down the street without passing someone who is plugged in to those iconic white headphones or to enter a coffee shop without hearing someone gabbing on their iPhone. Apple’s stores are crowded, and its products sell in absurd quantities.

Why is this? Apple might be a visionary company with a strong grasp of what’s hip. Yet I believe Apple’s appeal lies in something more than trends, something deeply ingrained in our psyche: relationships.

Psyche Revived by the Kiss of Love, Antonio Canova. (Image: Wikipedia)

We don’t simply own products; we have relationships with them. Intimate ones at that. We are in a state of courtship with every brand in existence. Each of them wants to be a part of our lives, and each wants love in return. Thinking about our relationships with particular products and brands in the same way that we think about interpersonal relationships yields interesting insights. When we decide to bring a person or product into our lives, we must first evaluate our options. The criteria we use to decide whether we love, hate or are indifferent to another person are the same we use to judge a product or brand.

There are many types of relationships, but we can put brand-consumer relationships into three categories: acquaintance, friend and lover.

When someone purchases a bag of apples at the grocery store, they’re demonstrating an acquaintanceship with apples. They’ve interacted with apples before, but there’s no deep attachment, and there has been very little bonding with the product.

The next step up — friendship — emerges because of branding. For example, I always purchase a certain brand of gum. I’ve come to know the brand and its offerings, and I enjoy having its product in my life. We’re friends, but that’s where the relationship ends. There’s no romance involved, and no longing or desire is felt.

Only certain brands manage to take the step from friend to lover. Apple is one of the most valuable companies in the world. It also provides a useful model of consumer courtship. Just about any iPhone user will proudly tell you, like a love-struck teenager on prom night, that they “love” their phone and would be “like, totally lost without it.” There are dozens of cell-phone manufacturers, but only one iPhone. Successful visionary companies, such as Apple, have mastered the art of relationship engineering.

Designing Attraction

Love is often likened to fire. In the early stages of a relationship, things start heating up. As the love grows stronger, the flames grow higher. When a relationship falls apart, we say that the fire has gone out. Whether someone lights or douses your fire has to do with the two core aspects of their being: how they appear on the outside and who they are on the inside. That is, a person’s appeal is based on two things: looks and personality. Let’s take a closer look at each of these aspects of appeal and examine how they influence people into relationships with brands and products.

Looks

Attractiveness spurs lust. It’s a simple cause-and-effect paradigm ingrained in our very nature. We all long for the cute guy or girl in class, and that same desire guides us when choosing a product.

Since the days of Plato, philosophers and artists have tried to pinpoint exactly what makes something aesthetically pleasing. No universal formula for beauty has ever been agreed upon. Beauty is subjective. The designer’s job is to appeal to the collective subjective, or the average of personal preferences. Doing so ensures a product appeals to the largest audience possible.

Making your product visually appealing is not superficial. In fact, design is often a product’s primary competitive advantage. iPod wasn’t the first MP3 player on the market; it didn’t have the largest capacity; it didn’t have the most features; and it certainly wasn’t the cheapest. It was, however, sexy. It was simple and self-explanatory. Its scrolling wheel was as intuitive as it was revolutionary. Perhaps most importantly, it introduced a unique and (now) iconic form factor. The market had been flooded with matte gray devices with black headphones, but this entrant had a clean white front and mirrored back. Even the earbuds were white. Many people tuck their devices into their pockets, which makes the headphones the most visible hardware. Apple exploited this and turned the earbuds into a mnemonic device. Spotting someone with white earbuds, even from afar, immediately told you which brand was on the other end.

The iPod now accounts for well over 70% of the audio-device market. Why? I think it’s because the iPod is just more distinct than its competitors. In a market full of brunettes, the iPod is Marilyn Monroe.

Facebook vs. MySpace

Facebook has more than 500 million users, and that number is growing steadily. MySpace has plateaued at around 125 million. How has MySpace, once the leading social network, fallen behind by such a large margin? There are a number of reasons, but design seems to be one of the most obvious (Newsweek and Mashable seem to think so, too).

Much to its detriment, MySpace allows users to apply their own style sheets. I can imagine the brainstorm that led to this decision: “Wouldn’t it be great to let users customize the look of their page? People love to make things their own and flaunt their personalities. This will surely encourage new users and give us the edge on Facebook. Hurrah!”

MySpace somehow failed to realize that most people’s design education consists entirely of WordArt tutorials taught by Microsoft’s Clippy. Perusing MySpace profiles is torturous. Hideous background images overshadow content, while animated GIFs and illegible text make for an irritating user experience.

Facebook realized that people want to connect with friends more than they want to customize style sheets, so it offered users a clean and uniform interface. Everything was nicely designed; nothing was gaudy or tasteless. The whole experience was much more visually appealing. While MySpace was pushing personalization, Facebook was refining a community to change the way we interact.

To Sum Up

People are programmed to judge by appearance, so every interaction they have needs to be groomed to visual perfection.
To maximize appeal, designers must be observant of the collective subjective.
Design is not superficial. It can be your greatest competitive advantage.
Visual distinction becomes a mnemonic device for your product. Incorporate it to increase awareness and encourage recall.
Allowing others to control your appearance, while nice in theory, can lead to chaos and brand deterioration.

Personality

As we get to know someone, the novelty of their appearance fades, and something more substantial is required to maintain our interest. We start looking beneath the surface and noticing abstract qualities: intelligence, sense of humor, likes and dislikes, ambitions. These qualities have the power to shape how we see the true person. A person’s personality — the DNA of their character — builds lasting appeal.

Character compatibility forms friendship and love. Looks alone might seal the deal for a one-night stand, but acceptance of personality is required for healthy long-term relationships. We’re often told to “be ourselves.” This is good advice. Like a pheromone-ridden glue trap, flaunting your personality attracts and ultimately bonds you with like-minded individuals.

Personality has this effect in the commercial realm as well. Aligning yourself with your target audience is critical to success. I’m sure this is excruciatingly obvious, and many organizations are already tuned into their demographics, but many others either are too shy to display personality or fail to do so properly.

Humor is one of personality’s strongest pheromones. If done right, humor evokes laughter. And yes, laughter is enjoyable in itself, but have you every wondered why we laugh? Anthropologists are discovering that laughing is not necessarily something we do merely for enjoyment, but is actually a subconscious technique that builds rapport. By laughing, we indicate to others that we agree with or accept them. Dr. Robert Provine, who has done extensive research on how, when and why we laugh, likens laughter to a glue:

…“Ha ha ha’s” are bits of social glue that bond relationships… When we laugh, we’re often communicating playful intent. So laughter has a bonding function within individuals in a group.

Applying a coat of humor to your product or advertising campaign is a great way to spark the subconscious urge to bond. Just make sure people are laughing with you, not at you.

Going back to Apple, its “I’m a Mac; I’m a PC” ads focus explicitly on personality by actually personifying brands (Apple and Microsoft). The casual dress and easygoing nature of the Mac character exudes fun, simplicity and intelligence, especially when juxtaposed with the conservative, uptight PC character.

Also, the subtle dose of geek humor gets you laughing (and thus successfully bonding) with the Mac, and laughing at (disapproving of) the PC. These ads strengthened Apple’s reputation as a hip, intelligent, friendly company, while pegging Microsoft as uptight and out of touch with users’ needs.

Microsoft attempted to salvage its reputation by recruiting — or shall we say, throwing money at — Jerry Seinfeld, who starred in a series of ads alongside Bill Gates. For personality, Jerry Seinfeld is a great candidate. He’s famous, his show had some 75 million viewers, he understands everyday people with everyday problems, and he’s funny.

In a swing-and-miss attempt at comedy, the ads follow Bill and Jerry as they “connect” with “real” people. Is it me, or do these ads actually enhance the perception we have of Microsoft as unhip and out of touch?

Digg vs. Reddit

Have you seen the top story on Digg today? Neither have I. A year ago, I would have been able to recap all of the top stories for you. The website was powered by people like me, so I came to rely on Digg to keep me up to date on topics I was interested in. My personality meshed with those of other Digg users, and visiting the website became part of my daily routine. Yet I rarely visit this social-bookmarking website anymore. Instead, I look to Reddit for my democratically selected links.

What has changed? Ever since Digg released version 4, back in August, content quality has dropped significantly. Front-page stories lack relevance, top stories are now decided by far fewer Diggs, and the sponsored links disguised as genuine articles sour the whole experience.

Digg’s personality changed. It destroyed the very foundation upon which it was built. Suddenly, publishers could auto-submit content and bypass the users who once acted as a filter to determine whether articles were relevant to the Digg audience. No longer was Digg a democratic platform. The power shifted from user to publisher. In other words, Digg sold out.

This personality switch rightfully pissed off the core user base. Alienated users began flocking to… well, an alien. Some stayed to plead with Digg that it revert to its earlier version. Digg refused. In revolt, users began to submit direct links to Reddit. Within months, Digg crumbled and users flocked in hordes to Reddit.

Reddit offers a platform similar to Digg and, despite being owned by Condé Nast, lacks the tinge of corporate influence. Before Digg’s redesign, Reddit was serving a respectable 429 million page views per month. Condé Nast has just announced that Reddit now serves more than 1 billion. That’s more than double its pre-Digg-blowout numbers and a 300% increase over its January 2010 figures. Digg has finally pulled some of the features that led to the mutiny, but it might be too little, too late.

A valuable lesson can be learned from Digg: stay true to yourself. With followers come expectations. Personality attracted them, and every action that is out of character will push them away. Introduce advancements incrementally, and users might put up with it; change drastically, and they’ll leave.

To Sum Up

Personality builds rapport. Don’t be afraid to flaunt it.
Laughter is a powerful social glue, but use it with caution. You want people laughing with you, not at you.
Define your personality and stay true to it. Out-of-character actions will be seen as inauthentic and will alienate your audience.

Conclusion

Studying the art of seduction and the rules of relationships can help you craft engaging user experiences and forge strong connections with users. Getting your audience to fall in love with your product is no easy task. It requires a holistic approach involving members of every team. As interactive professionals, our work bridges brand and consumer. We are the cupids of commerce. Sharpen your arrows; it’s time to spread some love.

This has been the first in a two-part series on relationship engineering. In part two, we’ll explore the art of maintaining a relationship and how to trigger purchase recursion via timely break-ups. Stay tuned!

by martin

Lessons from mobile web design

Communication, Design, Ideas, Mobile, SEO, Usability

Mobile development is all the rage, and the interactive industry is in great turmoil as countless tablets and smartphones come to market.

Mobile app development gets most of the attention, while the mobile web somewhat quietly creeps along. But the mobile web is making progress every day as more and more developers launch mobile-optimized interfaces.

The great thing about the mobile web is that it is fundamentally built with all of the same tools used in traditional web design and development.

This makes it far more approachable than app development. Also, many users will want to visit a company’s website on the go, without necessarily needing a full-blown app.

Building websites optimized for mobile is so similar yet so different then designing for the desktop. Certain factors take on a far more significant role. For example, screen size variations, user attention spans and usability issues are more critical then ever.

These same issues are ever present on the desktop but are sometimes easier to overlook. Here we’ll look at some lessons to learn from the optimization that is happening on the mobile web. The lessons can directly inform how we design and how we think about traditional web design and website architecture.

Simplified navigation on mobile websites

One of the first things that becomes evident when digging into mobile websites is the extreme simplification of the navigation. Navigation not only becomes very prominent and central on a mobile website, but is also quite often trimmed down substantially to focus on only the most critical elements.

I find it amazing how top-level navigation can be boiled down to two to four items on most mobile websites. Of course, I recognize that the content on a mobile website is quite often optimized for the intended audience. For example, Truth Tabernacle Church has six options in its main navigation, only one of which has made it into the navigation for the mobile version; and the one that made it (“Contact”) is the focus of the entire home page.

The content that didn’t make it into the mobile version is, of course, still entirely relevant. The mobile interface is intended to catch people trying to find the church or check out the service times or simply contact them. These are the most likely objectives of the mobile surfer. Those hitting the full website on a desktop computer are as likely to want those things as they are to want to research the church to see whether it is the sort of place they would like to visit.

So, what is the lesson to learn? Don’t these two interfaces target totally different audiences and have totally different purposes? Perhaps, but we can learn a lot from the extreme focus of the mobile interface. Notice how everything is about the actions you can take? The church has eliminated all of the navigation elements that feel like boxes to check off.

One interesting element is the “About” navigation option on the full website. The mobile website may be optimized for people on the go, but there is no reason to assume that they wouldn’t be interested in reading about the church and its beliefs. Someone may have mentioned the church to you in passing, prompting you to look it up on your phone.

So, the navigation option for this element should be changed. What if, instead, it communicated something like, “What you should know about us”? While a bit long, it reflects a more helpful attitude. A general “About” bucket feels like a place to hold all of the information that no one reads. “A visitor’s guide to our church” feels a lot more useful and targeted.

The simplicity and focus of the mobile interface shows that everything must have a purpose to earn a slot on the website. If the same were true of the full website, we would be less inclined to fill it with seemingly important content and more inclined to make sure everything has a clear function.

This reflects a very task-oriented mentality. Every option challenges the user to take some active step. It is as though every passive option has been purged and reduced to actionable items on the mobile website. This leads us to the next lesson: be extremely task-oriented.

Mobile websites are task-oriented

With a task-oriented mindset, let’s reconsider the full website. While the home page is beautifully designed, the call to action is far less evident. The content is full of bits of information waiting for you to decide to be interested.

For example, the large banner highlighting a coming event fails to call me to some kind of action; very passive. With a task-oriented mentality, we could vastly improve on the “Read more” call to action. This could be as simple as making the call to action much more prominent; for example, a large button in a contrasting orange. Additionally, the call could be changed to “Learn more and sign up.”

Another example is the welcome message. I appreciate the intention and the message being communicated here. The message shows that real people are behind the website, and it attempts to make the page feel personal. But again, let’s dissect this with a task-oriented mentality. A great follow-up to an introduction like this would be a clear call to action encouraging visitors to take the next step. After all, the only people who will be reading this are newcomers. Current members will skip right past this to things like the event calendar. So, offer a conversion point for users, like “Ask us a hard question” or “What to expect when you visit.”

By contrast, the “Special guest” box is fantastic. It addresses key issues and drives people to dig deeper. I only wonder whether it could be a more prominent element of the page. Again, members will get to where they need to go; so focusing on those who are new to the website and the church would go a long way to maximizing the opportunity.

I know I am really beating this website up, but it is not because I dislike it or think that it doesn’t serve its function. My goal is only to challenge our thinking and our preconceived notions of what a website should look like and do. I actually commend this church for having a beautiful and functional website, with a mobile extension to boot!

Mobile websites dramatically shrink their content

Another obvious lesson related to paring down the navigation is that mobile websites invariably shrink their content. Not only are the number of options reduced to the core functionality and purpose of the website, but the copy is vastly reduced, too.

In some cases, much of the copy is eliminated entirely! This begs the question, is this content necessary on the full website if the mobile version functions well without it? Divi Aruba is a great example of this. The alluring marketing speak laid overtop the photo might seem like a must-have element for the home page, but it has been nuked on the micro mobile website.

On the mobile version, the logo is placed on top of the same image, and yet it still conveys the exact same message: if you want to go some place like this, read on. Why not use this prominent spot to drive people to the desired action? Surely the designers know what is the most critical element for converting visitors to customers. Put this information to work, and drive people there with a prominent call to action instead of fluffy marketing speak.

All the good stuff, sans fluff

This leads us to the next lesson: lose the fluff. The next example is a positive demonstration of this. Travel Tex is a travel information website for the state of Texas. It has a clear purpose and audience in mind. Fortunately, the designers have fully embraced the fluffy-less mindset.

Not only does the mini mobile website focus entirely on the topic at hand and the key actionable items, but so does the full website! What a relief to see almost no fluff at all. Including something dreary like a history of Texas would be all too tempting. If people wanted a history lesson, they wouldn’t come this website. You will be hard pressed to find content that is not relevant to this website’s singular purpose.

Get into the habit of questioning everything. This is the only way to really boil a website down to its critical elements, which is exactly what happens on a good mobile website. Tough choices are made and otherwise valuable content is cut in order to streamline the website. Call fluff for what it is and nuke it!

Branding is king on the mobile web

I am all about creativity on the web. In fact, many of the greatest changes in the industry have come about as a result of a refusal to stick to the status quo. But there is a time and place for everything. So many designers use their assignments as an excuse to release their creative juices, for no other purpose than to do something creative. This turns the website into a design for the designer, not for the client and their needs. This is one thing the mobile web warns against rather boldly.

Branding is incredibly consistent on the mobile web, and one of the most consistent parts is the placement of the logo. On mobile websites, you won’t find any crazy logos at the bottom with fixed footers. Functionality is king, and logos always appear at the top. Can you imagine hitting a mobile website and not seeing the logo right away? Yet this is commonplace on many full websites.

Here are a few websites that, while minimal and lacking in mind-blowing style, are rich in branding that can’t be missed.

The lesson here can have a profound impact on how you approach your work and on the fundamental value you pose to your clients. For every designer who figures out that the client’s needs should be their entire purpose for the project, there is another who wants to show the world how creative and original they are.

Like anyone else involved in the production of a website, the web designer should be single-minded in serving the client, helping their business and improving the bottom line. With every element you put on a mobile website, considers its role and the benefit it will bring. Apply this mentality to everything you do, and you will soon find a strong ally in your client.

The more we embrace the needs of the client and do everything we can to bring value to their website, the more we will see a fundamental shift in our work. We will go from building “cool stuff” to looking at everything from the client’s perspective. Does this feature stand to increase their profit? How can the design be changed to improve their business? If a byproduct of your work is more money for the client, then you will find opportunity everywhere.

Websites without the gimmicks

One of the greatest achievements of the mobile web is the total lack of gimmicks. To be fair, there is a time and place for gimmicks on the web. In fact, I dedicate whole sections of my books to them. But the lack of gimmicks on mobile websites demonstrates that these seemingly great ideas serve no real purpose.

Everything that goes on a mobile website should go through several filters. Is the content relevant and utterly useful? Is the content critical, and does it serve the core purpose of the website? Is the website easy to use and understand? Is the navigation unconventional? If so, is it critical to the function of the website? The answer may well be yes, but more often than not, it will be a decisive no.

Some gimmicks that are noticeably absent from mobile development are splash screens, unusual navigation, meaningless animations and interactivity, inline scrolling regions, odd layouts and fixed-width layouts. The efficiency of the mobile web is amazing.

Conclusion

As you can see, we have a number of lessons to learn from the mobile web; particularly, its ability to reveal unnecessary elements of a website. As with many things in life, a slight change in perspective often opens our eyes to the true value of things we have long taken for granted.

I am not suggesting that we have lost sight of the purpose of the web. Rather, I am proposing that we adopt a far more strategic mentality.

by martin