Sign in to follow this  
peddler

How a Content Writing Service Website Should Look Like!

Recommended Posts

Are you a content writer? It goes without saying that owning and managing a content writing business on the Internet is a must, but is yours a converting machine?

 

Today, we are making a quick but enclosing breakdown of how a content writing service website should look like and how you can improve yours at the same time. Just follow through the guide and you’ll see that banking big has never been easier for a freelance writer!

 

 

Capture.PNG

This is the landing page of a content writing website of a client of ours. Obviously, there are a lot of seemingly-innocent mistakes just on this page, that at first sight would not be considered to affect conversion whatsoever. That might just happen to be painfully wrong!

 

As you can see from the picture above, the landing page looks minimal yet fancy enough. The colors are harmonious, text is readable, there’s a nice money sack vector in the midst of the page and all that great stuff – yet, it’s not perfect!

 

The most noticeable flaw is the lack of an actual representative logo. What constitutes a good logo is a vector that beautifully showcases the company’s primary purpose + the name of the respective company attached to it. Here’s an example of how we could make the logo a lot better in our case:

 

 

LogoMakr.png

 

 

 

The tweaked logo now profits from a considerable representation boost. In addition to this, the way the pen has been repositioned makes more sense, given the chosen business name.

 

If you don’t currently have 5 bucks to spare on having someone create a representative logo, here’s a site which allows you to create a beautiful logo in no time, free of charge: https://logomakr.com/. (This is where we crafted the above logo, as a matter of fact)

 

Moving on, let’s have a quick look at the navigation bar. You might be inclined once again to say that there’s nothing wrong with it, but hold that thought for a moment.

 

 

 

Capture1.PNG

 

As you can see, there are 7 buttons, arranged in accordance with the page rows; what matters here, is the “Get Started” button, which is practically the section where conversions come to life. Obviously enough, the button is situated in the 7th spot, which is a bad spot for one main reason: it is very unlikely for users to see and click it, thus lessening your potential sales by a massive margin. The other sections should be considered and treated only as transitionary – the positioning this button profits from is by no means adequate.

 

 

Furthermore, there is no actual formatting that emphasizes this crucial button. In order to maximize your chances of getting the most out of your potential clientele, you must go to greater lengths: increase the font size, box the text, give it a catchy color, such as cardinal or crimson red, with respect to the chosen background color of course. Take this model for example; you'd be more inclined to click it now, right?

 

 

                                                                Capture67.PNG

 

 

The second most important button in our navbar is the one which reads “FAQ”

Capture5.PNG

 

 

Just like before, its positioning isn’t very well thought out, so we could tweak that a little  bit by repositioning it in a rear spot.

 

 

The importance of this button, or rather, section is a crucial one; if your clients aren’t fully convinced of your converting page, this section serves as an additional ace up your sleeve. Let us demonstrate:

 

 

 

Capture6.PNG

 

As we can see, this page excels at a very particular purpose: it lays out the most important Ws of this business: What, Where and When. Furthermore, it doesn’t get personal whatsoever while keeping the information clear, compact and succinct.

However, there are a lot of improvements we could add in:

 Firstly, the answer rows underneath each question row have a small font in addition with a grey tint, which make the text pretty much undecipherable. Let’s see how we can refine it:

 

Capture7.PNG

 

 

As you can see, we have tweaked the questions a little bit, increased the text font and changed the grey tint to a black one. A lot smoother, right? You could toy a bit with some additional changes, such as showy background colors, or maybe some vectors beside each question row… the possibilities are endless, really!

 

Now, let’s see how the page where magic actually happens looks like:

Capture3.PNG

As you can see, the page has a two-column layout: on the left, we can see the contact details, clearly-presented, and on the right, a nicely-made contact form. However, just like you’ve been used to, there are flaws. 

Now, let’s see how the page where magic actually happens looks like:As you can see, the page has a two-column layout: on the left, we can see the contact details, and on the right, a nicely-made contact form. However, just like you’ve been used to, there are flaws.

The first noticeable flaw is the lack of color harmony: we have multiple colors, or rather, non-colors on-page: The “Get Started Today” text is white, then what’s underneath is black and grey, then we can see some grey shades on the contact form, too, the background color is red… phew, it blows our heads!

In order to ensure your potential clients don’t get unbearable headaches, we should keep the color diversity to a minimum: in the first instance, we should pick only a background and only a text color and stick with it till the end, then see how that goes with some individual experiments.

Capture111.PNG

 

Let’s move on to the actual contact form. Its sections are well-defined, but the additional captions underneath each row are unreadable. A wise move would be to increase the font size a lot and change the greyish tint to a vivid color. Then, we should somehow emphasize the overhead “Contact Us” text, without being in breach of our aforementioned “color harmony” rule. 

BONUS feature: as you may have noticed, there’s a small “Chat with us” box in the bottom right corner of some pictures. It is actually a live chat feature, which has been proven to drastically increase sales owing to the further “personal” approach you’re offering to your potential clients - and, really, who doesn't like direct feedback?

 Answering their ardent questions right off the bat is certainly a fine approach that not many consider – but you could. If your website is Wordpress-based, things get a lot easier since there are literally hundreds of live chat plugins out of which you can choose the best fit for you. Just make sure that you can be available at least a few hours per day, preferably during the "peak hours" of your traffic.

 

SECOND BONUS: The theme featured in this tutorial is X Theme, in case you might want to switch over to it. We recommend it!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this