How I Wireframe My Copywriting for Clients
This is how I structure my copywriting on landing pages and websites.
Wireframing is next-level copywriting.
I wish I knew wireframing when I was just starting as a copywriter. However, I’ve learned it in the past year from CopyHackers.com and VeryGoodCopy.com. Both are great resources (along cough* with my site cough* ThisIsCopy.com).
But why should you care about wireframing?
If you’re a freelance copywriter, wireframing organizes your copywriting and makes it a thousand times easier for the design team to implement. If you’re a client, you love freelance copywriters who can wireframe.
How does wireframing work? Let me show you.
Open a Google Document
The first thing you’re going to do is create a box.
You go to insert, then table, and create a single table. Then you create another table inside that table. It will look like this below.
This is the top of the page of the website or landing page. You can put a logo on the top right and write a CTA at the top of the right.
You’re creating a visual representation for the designer.
Create boxes to show what the page will look like
Wireframing is about making it easy for the designer or client to easily implment on their website or landing page.
In the image below, you can see how I created a wireframe for a client.
If you’re wondering, “this is cool but how does this actually look on a website?
That’s a great question. I think copywriters usually have an idea of what a good website or landing page should feel like. As you can see, Gumroad is an almost entirely identical layout. Because most websites and landing pages follow a similar structure.
I didn’t write Gumroad’s website or wireframe it. But you have an idea of how the wireframe I created looks on a website.