Basic Copywriting for Web Designers (and Why It Matters!)

Last Updated on January 26, 2023 by 10 Comments

Editorial Note: We may earn a commission when you visit links on our website.
Basic Copywriting for Web Designers (and Why It Matters!)
Blog / Resources / Basic Copywriting for Web Designers (and Why It Matters!)

Are your design mockups filled with โ€œLorem ipsum lorem ipsumโ€? I donโ€™t blame you if they are. Itโ€™s an easy way to fill space. I mean, youโ€™re a designer, not a copywriter, right?

Well, kind of. The problem is that itโ€™s not really possible to entirely separate design from copywriting. So, if you want to design effectively, you need to know a bit about copywriting. And if you dive deeper into copywriting, you can even start offering copywriting as an additional service to clients.

You wonโ€™t become an expert copywriter from reading one post, but I hope to at least leave you with a cursoryย understanding of some basic copywriting concepts you can use to add the written word to your designs.

Why Web Designers Need to Care About Copywriting

Weโ€™ve already covered the definition of copywriting in a previous post. But a super quick refresher โ€“ in its most basic form, copywriting is the act of creating a set of words that move people to complete a certain action.

That โ€œmoving people to complete a certain actionโ€ part sounds a lot like what makes aย good web design, right? No matter whether you want readers to buy a product, read more blog posts, or anything else; if your web design isnโ€™t moving readers to complete the actions theyโ€™re supposed to, itโ€™s not very effective.

Copywriting and Design Affect Each Other

David Ogilvy himself, the father of advertising, could write copy for a website, but if the design has a neon yellow font on a neon green background, those words arenโ€™t going to do squat. Conversely, the best design isnโ€™t going to push people to buy if the only text reads โ€œProduct Good. Buy It.โ€

If design and copywriting arenโ€™t working together, theyโ€™ll hold each other back. Period.

Copywriting Tone and Design Tone Need to Match

You certainly know that you can create a tone with your design. Well, itโ€™s the exact same with copywriting. If youโ€™re creating a fun, playful design, the copywriting needs to be fun and playful, too. Otherwise, readers will be left feeling confused. And confused readers do not customers make.

The Basics of Copywriting for Web Designers

Basics of copywriting

Image by 0beron / shutterstock.com

Now that you know why web designers need to care about copywriting, hereโ€™s your crash course on website copywriting. Whether you want to start offering copywriting to your design clients, or just want to understand where your copywriter is coming from, hereโ€™s what goes into good copy.

Great Copy Starts With Research

Just like you go through designs and mockups before creating your final product, copywriters donโ€™t just start putting pen to paper right away.

Good copy always starts with research. There are two main areas youโ€™ll want to look at:

  • Competition โ€“ what does the competitionโ€™s website copy look like? Whatโ€™s their tone and how do they try to differentiate themselves? You need to find the place where your copy can stand out from the competition.
  • Customers โ€“ what do customers/users say? Oftentimes they have insights that your client wonโ€™t. Itโ€™s great to be able to actually talk to customers, but thatโ€™s not always feasible. But you can still read forums and customer reviews to understand how people feel.
Copywriting for web designers

Browse customer reviews for tips on what they might want to see in your copy.

Once you complete the research, you can start developing an idea for where to focus your copy.

Create a Draft by Focusing on These Concepts

Once youโ€™ve got the research out of the way, you can start creating a draft for your copy. At a minimum, hereโ€™s what you need to consider when writing out web copy:

Benefits matter more than features:

People always want to know whatโ€™s in it for them. Donโ€™t focus on features, instead hammer home the real benefits associated with those features. For example, if youโ€™re designing a page for a hair salon, which sounds more beneficial?

โ€œ4 haircutting stationsโ€

OR

โ€œNever wait in line thanks to 4 separate haircutting stationsโ€

The second tells potential customers exactly how they benefit. The first just lists a feature with no context.

Benefit oriented copy

Your copy needs to be benefit-oriented.

You need a USP (Unique Selling Proposition):

A USP answers the very important question on most potential customersโ€™ minds, โ€œwhy should I choose you and not the other company?โ€

It needs to be short and attention-grabbing. The USP is usually some of the most prominent text on a page. If youโ€™re creating a landing page, youโ€™ll typically want to make the USP the main headline or subheading:

USP example

Wootric gets right to the point with their USP.

Focus on You:

Good copywriting should always focus on the reader by using โ€œyou.โ€ For example, both these lines communicate the same idea:

  • โ€œOur product saves users one hour per day.โ€
  • โ€œYouโ€™ll spend one less hour working per day.โ€

Despite being the same idea, the second sentence makes the benefit much more personal by incorporating โ€œyou,โ€ the potential customer, into the copy.

Revise and Proofread

Once you finish your draft copy, itโ€™s time for the next step:

Go to sleep.

Seriously, take a night and sleep on it before you even think about looking at it again. Stepping away from your writing for a bit makes it much easier to look at it with a critical eye.

Once you wake up, itโ€™s time to:

  1. Ruthlessly cut
  2. Proofread

By ruthlessly cut, I mean remove all the filler words and unnecessary phrases from your copy. You can also use AI rewriter tools to help you revise content, consolidate ideas and hone in on the right balance. Website copy needs to be lean and mean. While itโ€™s the same with most writing mediums, website copy has far less room for error.

Once youโ€™ve cut out all the filler, itโ€™s time to proofread. You need to proofread like crazy. Read it out loud. Read it backwards. Run it through Grammarly. Send it to a friend.

Spelling errors are never good, but theyโ€™re a lot more forgivable in a blog post than in โ€œpermanentโ€ web copy. A study in Great Britain found that 59% of people wouldnโ€™t use a website that had obvious spelling mistakes. So, if you accidentally let a few spelling errors slip through, your clients or customers definitely wonโ€™t be happy, especially since it can directly affect site performance.

Further Reading for Copywriting

If you want to dig even deeper into copywriting, here are three great resources:

Wrapping Up

Just like a copywriter wonโ€™t become an expert web designer overnight, youโ€™re not going to instantly become a world-class copywriter in a day. But at the very least, you can become competent enough to create designs with text thatโ€™s at least a little bit more persuasive than โ€œlorum ipsum!โ€

And because you know the basics, youโ€™ll be better suited to craft your designs to accent and complement your web copy.

Now itโ€™s your turn. Do you generally write copy for web design clients? Or do you hand a site over with filler text?

Articleย thumbnail image by Bloomiconย /ย shutterstock.comย 

Divi Cyber-monday Sale

It's The Divi Cyber Monday Sale! Save Big For A Limited Time ๐Ÿ‘‡

Save big on Divi and Divi products for a limited time.

Access The Sale
Divi Cyber-monday
Premade Layouts

Check Out These Related Posts

Top Features Of Divi Dash For Busy WordPress Agencies

Top Features Of Divi Dash For Busy WordPress Agencies

Posted on October 17, 2024 in Resources

Running a WordPress agency isn’t a walk in the park. It’s a juggling act of keeping clients happy, staying on top of changes, managing your team, building killer websites, and maintaining them โ€” all while trying to stand out in a crowded market. But what if you had a tool to help...

View Full Post
9 Non-Profit Child Themes for Divi

9 Non-Profit Child Themes for Divi

Updated on January 23, 2023 in Resources

There are lots of nonprofit organizations across the globe. Just about every one of them needs a well-designed website to tell their story and receive donations to help their causes. Divi is an excellent theme for nonprofits such as charities. Fortunately, you donโ€™t have to start from scratch for...

View Full Post

10 Comments

  1. Wow this is like Copy 101. I will also recommend copyblogger. You cannot stress more on proofreading, it is so so important. thanks again.

  2. It’s really heartening to read a blogger who isn’t trying to pad words. Something I always try to do when I write is tell a story. Stories work every time they’re used.

    Thanks for a great post.

  3. In this I we all have strengths and I know mine is NOT copy. I have been in sales FAR TOO LONG. I look to places like FIVERR to let those who that is their skill and talent do the copy. The other thing is I provide links like the above and give those to my clients and let them write their own copy as apart of their homework before I start their project. This way they can update it themselves if they want. If they are to busy I just outsource it.

  4. For me the key in copywriting is to put the focus in beenfits an features of the product without “oversold” the arguments.

  5. Hi Brenda,

    This is a solid piece for anyone writing online copy. The examples are specific and helpful. Pros can use the reminders.

    I teach the subject and would love to use this article as a handout for my students — with enthusiastic citation of course. I’m also tweeting it. Good job and please keep writing.

    Cordially,
    Dawn

  6. There are other reasons a web designer might want to know about copywriting:

    1. Promoting your own services and themes and such — if you don’t have the funds to hire a copywriter, knowledge about how to write copy to promote your products is a good plan B.

    2. I know I have clients who think they can write and would never hire a copywriter. I try to suggest changes or just write it the way I think it should be written (when they haven’t given me exact copy). I think this happens especially with really small businesses. They’re never going to hire a copywriter, so their choices for copywriting are either they write it or I write it, and if I have some knowledge, I can help them make it better.

    The trick of writing to the audience, focusing on benefits to the user rather than features of the product, is huge and will make the copy much stronger, even if it’s not as polished as a professional copywriter might write.

  7. The key to Mike’s reply is, if i may, understanding what, exactly, are your customer’s or market’s pain points. Indeed understanding your customers before you define their pain point (for them). There’s a clear hierarchy of needs/pain/people involved in all this. As ever Marketing is the key.
    Cheers to both Brenda and Mike

    Stephen Silk, Stoke on Trent, England.

  8. To be honest, I wouldn’t recommend someone offering copywriting as a service if they are primarily a dev who’s going to do it on their own. I’ve made my living as a writer (and now creative director) for 21 years. And while I coded my first website 20 years ago, I wouldn’t dream of selling myself as a dev. I can sell myself as someone who knows how to speak with devs and understands how things work, etc. Did I do the dev work on jasonfox.net and adsavior.com myself? Yes. Did it take me five times longer to do than a bona fide dev? No. It took seven. By all means, I encourage people to study and try a hand at the disciplines outside their core that impact what they do — nothing kills a great-looking site like banal language. But if you’re not doing that discipline full-time, as well, chances are you’re not going to get to the level to you need to be at to charge for it. Hire someone and mark it up.

  9. Nice write up Brenda. Just to continue building on the benefits piece, it’s easy for many of us to come up with a long list of benefits our products and services provide customers.

    What I heard is a good practice is to focus on targeting the #1 and #2 pain points of your customers rather than trying to address everything. Your message will be much stronger and communicate to the most critical areas of your customers

  10. I found this article informative and clear. Adcopy is more important than most understand.

    Creating copy that moves the prospect along to the desired result pays great benifits.

Leave A Reply

Comments are reviewed and must adhere to our comments policy.

๐Ÿ‘‹ It's The Divi
Cyber Monday Sale!
Get The Deal
Before It's Gone!
Get Started With Divi