Copywriting 101 For Web Designers


Copywriting 101 For Web Designers

ByLuigiDecember 23, 2013

If you are working on a marketing site for yourself or a client, your goal is to sell something.

Now selling doesn’t always mean that a purchase is made, you could be selling a product that is free (download my app!) or that is purchased using an email address (sign up for my newsletter!).

The important thing is that there is a specific action you want the user to take and your design needs to lead them to it.

Now, there are all manner of ways to accomplish this from a design perspective. But just as important as the design, if not more so, is the language you use to direct your user.

Designers loathe spending any more time on copy than absolutely necessary. My job isn’t to worry about what is said, just how it looks, right?

Unfortunately, wrong.

Design in general, and web design, in particular, is all about text.

In fact the only thing you need when building a website is text (hypertext to be exact).

Granted text without design won’t look great, but the meaning of the site (it’s purpose) will still be communicated.

Design without text? Beautiful yes, but practical? Not so much.

Remember, the web is fundamentally a communication medium, so form follows function in this case.

The good news is that your form can be all the more impactful if you embrace the beauty and art of that function.

Copywriting, like design, is an art, not a science. And like any art it appeals to our emotions, our feelings, and our desire to have a compelling, enjoyable experience.

4 rules of copywriting that all web designers should know:

1. Emphasize benefits, not features

One of the mistakes I frequently see designers make is that they describe the features of a website rather than its benefits. This is only natural because as a designer you are hyper focused on designing those exact features and figuring out how they come together to build the whole.

Unfortunately, almost no one buys for features, per se. Of course the features matter, but only in relationship to what they have to offer the user.

When a user lands on your page, they are asking only one thing: What’s in it for me? How will this web application / designer / app / newsletter solve my problem?

Your goal therefore isn’t to describe the bells and whistles you have spent so much time perfecting but focus entirely on how those bells and whistles will make life easier / better / faster / longer for your user.


We are an open platform for students and teachers to create the world’s best learning resource

Analytics: Easy Analytics to understand how your Ads are performing


Your startup design struggle is over.

We Promise Just One Thing: Get More Clients From Social Media

Whenever you find yourself wanting to describe a feature (Analytics! Easy template creation! 10,000 video library!), rewrite the sentence to clearly state how that feature will benefit the user. And then consider cutting most of the language about the feature itself.

Crazy I know!

Look you need to describe the product enough so that the user clearly understands what they are buying, but everything else is just clutter, and what designer likes that?

2. Don’t fail the we test!

This test is a corollary to features vs benefits rule, but this mistake is so common and so pernicious that it merits its own section.


We won’t be able to do it without an amazing community.

We’ve been rolling out the transfer the [redacted] to the invite-only, paid membership network.

In Richard Price’s 2008 novel Lush Life, the main character, a cop working New York’s Lower East Side named Matty Clark explains what cop’s call the I test:

“When we’re interviewing somebody who claims to be a witness but we think was maybe a little more…involved than that? It’s called an I test. You sit them down and take their statement, written, dictates, whatever, and when you’re finished, you count up and divide the pronouns. If a girl gets shot and the boyfriend’s story consists of sixteen Is and mys, but only three hers and shes?–he just flunked.”

Don’t be a website guilty of murdering your girlfriend!

In all seriousness, running your copy through a quick we test is the easiest and quickest way to diagnose your biggest copy mistakes.

I am not saying that you can’t ever use we, but if you find yourself using it more than two or three times in a page, you are in the danger zone.

But don’t worry, this is easy to fix! Simply re-frame every sentence so that you are using the second person (you) and voila! 90% of your problem will be solved.

Oh and make sure you don’t just swap out “we” for the name of your company. It may pass the we test, but its no better!

3. Headlines! They are everything so make ‘em sexy.

This is actually one copywriting rule that most designers can get behind.

Headlines are to copy what logos are to the overall design. Yes, word count wise they make up just a small portion of the total, but they are easily the most important line of copy you will write.

In fact, many copywriting specialists encourage you to spend 80% of your copywriting time on the headline, alone.


When it comes to writing an excellent headline that will pique a user’s interest and drive them into your sales funnel in hordes, the key is to err just on this side of completely outrageous.

This might be a little hard to swallow since most web designers believe in the fine art of subtlety. But there is no room for subtlety in headline writing.

You want your headline to be compelling, emotional, specific, and most importantly, curiosity inducing.

Your goal with a headline is to keep the person on the page. So the more tantalizing and provocative the better.


Optimizing online distribution


One Woman’s Journey Into Sex Slavery And Back In The Heart Of Silicon Valley

What can I say, sex sells! And don’t worry, you’ll know when you’ve gone TOO far.

4. When in doubt, A/B test

How do you know when a website design is heading in the right direction?

Most web designers describe this general feeling of being in “the zone” where things start to fall into place.

But sometimes, you can’t find “the zone” or your fantastically beautiful design falls flat because it isn’t right for the audience or purpose.

The same thing is true of copywriting. You might find yourself writing dozens of headlines, none of which sound quite right.

Time to call in the A/B testing!

The truth is simply that you won’t always know and you won’t always be right.

That’s ok! You aren’t all knowing. Better to admit it up front and use the tools at your disposal.

And what’s even better is that A/B testing copy is 10000x easier than A/B testing design.

So if you find yourself fighting with a co-worker, client, or just yourself, about some copy, just test it.

Great copy resources for further reading:

FrontPage Image:Fake Dictionary, Dictionary definition of the word Copyright via Shutterstock

Post Tags: #Design

Similar Posts

The Best 26 Web Resources In 2018Design | Graphic Design | ResourcesByDesignrfixFebruary 23, 2018February 16, 2020

We continue the series of showcases in which we review the best 25 web resources. This is the first showcase in 2018, and it’s coming with new entries and changes to the well-reputed web tools and services. The showcase starts with Tailor Brands, logo design and brand solution that is being used by most of…

Read More The Best 26 Web Resources In 2018Continue

Design | InspirationByLuigiJanuary 24, 2012January 24, 2012

One of the latest trends in website design is one page websites. I really love these kinds of sites. I find that the designers use these websites like an artist or painter would use their canvas. They apply all of their artistic works on this one page to tell a story. In this post you…

Read More One Page Website: 40 Fantastic ExamplesContinue

Best of the Web | Design | ResourcesByDesignrfixFebruary 7, 2017February 8, 2017

Most visitors who visit your ecommerce store are random window shoppers who will probably never buy from you. But, for those who are seriously interested in your product, only one things stands between them and a purchase: the checkout process. When a customer adds something to their cart and proceeds to checkout, they’re telling you…

Read More 5 Ways to Optimize Your Checkout DesignContinue

Web Designing – The Ten Commandments you need to FollowDesignByLuigiJuly 23, 2016August 23, 2016

To make your business prosper in the online world, you will definitely need to own a website; and if you want to make that website beautiful here are 10 fundamental rules that you will have to follow.

Read More Web Designing – The Ten Commandments you need to FollowContinue

InspirationByLuigiSeptember 11, 2011September 11, 2011

Michael Kutsche is our featured artist of the day on In this series of posts, we will spotlight talented artists ranging from illustrators to graphic artists all the way to industrial designers. These daily posts will serve two purposes; first, is to showcase the works of these accomplished artists and the second is to…

Read More Michael Kutsche: Artist Of The DayContinue

WordPress Plugins – The Pros and ConsDesignByLuigiJuly 12, 2017August 3, 2017

You have created an admirable site with WordPress. Next, you check out its official plugin directory and install a host of them, as you feel, on your site. It sure seems to be an obvious thing to do. Wait a moment; is it really a good idea to install every plugin you think fit? Before…

Read More WordPress Plugins – The Pros and ConsContinue

This site uses Akismet to reduce spam. Learn how your comment data is processed.