This is a list of 13 actionable design tips that you can do today to boost your website conversion rates.

Why design?

take a look at these 2 important stats:

  1. People form 75% of their judgment on a website’s credibility purely on its aesthetics.
  2. 74% of businesses say user experience is vital for boosting sales

Turns out design is more important than most people think...

So if you want to boost your conversions today, you'll love this list of tips, techniques and strategies.

Let's get started.

  • 1. Use progressions to increase conversions
  • 2. Increase trust simply by including contact information
  • 3. Get visibility on your most important content with Content Placement
  • 4. Increase clicks by removing the number of options
  • 5. Bullet points help tremendously with readability
  • 6. Make your website memorable with a brand mascot
  • 7. Show that you're reliable and professional with consistency
  • 8. Help your users focus on important information with a clear Visual Hierarchy
  • 9. Stand on the shoulder of giants with conventions
  • 10. Get users to read your content by increasing legibility
  • 11. A sure fire way to increase conversions - use a Call to Action with the RIGHT design
  • 12. Show most frequent options at the beginning
  • 13. Use whitespace to make your designs look awesome

1. Use progressions to increase conversions

The Goal-Gradient Effect states that our efforts increase as we move closer to a goal.

In other words, people are motivated by how much is left to reach their target, not how far they've gone.

Use progressions to increase conversion rates

We can use progress bars to increase user motivation by visually showing progress.

Use progress bars in your forms to increase conversion rates

Add progression to your forms to increase form completions.

Use progress bars on your blog to increase conversion rates

Use progress bars on your blogs to increase read completions.

The possibilities with progressions are endless!

2. Increase trust simply by including contact information

64% of users want to see contact information on a business’s website.

With UX conversion statistics showing that users tend not to trust brands that don’t provide full contact information on their website.

And this makes sense...

People want to know who they're dealing with, where they're from, they're name and what they look like.

Increase trust by including contact information

It's simple as having an about page, location & contact details  and social media links.

3. Get visibility on your most important content with Content Placement

A well cited study found that users read web content in a F-shape pattern.

This is powerful knowledge as we can place content where it's most likely to be read.

Call to actions, important copy or signup forms, anything goes.

Users read web content in a f-shape pattern

Above shows how users will interact with content. This follows an F-pattern from left-right and top-bottom that is repeated.

Users read in a F-shape pattern. Place content on left side for more visibility.

We can also see this in an eye-tracking heat map.

So how can you apply this to your website?

Let's take a look at a college website...

They've used the F-pattern excellently! Can you spot it?

Their visitors will read their content in the following order:

  1. The name of the college
  2. Returning students will then see the login option
  3. Potential students will see the programmes & courses
  4. Potential students can then apply for courses
  5. News & Events and About Page
  6. Other information

We can see that Langra has strategically placed their content based on the F-pattern.

This guides users to read their content in a certain order with the most important being read first.

Powerful stuff...

4. Increase clicks by removing the number of options

Having more content on your website isn't always a good thing.

76% of consumers say the most important factor in a website’s design is “the website makes it easy for me to find what I want.”

This is one of the easiest ways to increase conversions.

All it takes is to delete content off your website.

This gives more attention to the content that matters.

Here's some quick tips.

have a clear call to action

Having one CTA will make it clear to your visitors what the next step is.

Just remember how confusing & stressful it is to shop for toothpaste...

Dozens of options!

Only keep important links in the navigation bar

Only keep the most important links in your Nav bar.

Having unnecessarily links drives potential clicks away from the good stuff.

remove unnecessary section to increase conversions

Get rid of unnecessary sections that make your page feel cluttered!

The less stuff you have the more attention your important content gets.

Keep your messaging clear - increase conversion rates

Having shorter paragraphs makes your content less intimidating.

And you'll be focusing on your most important points.

5. Bullet points help tremendously with readability

70% of people pay attention to bulleted lists.

That's the difference between a visitor reading an important piece of information vs just skimming your site.

make your content readable with bullet points - increase conversion rates

6. Make your website memorable with a brand mascot

The main purpose of a mascot is to build and strengthen brand identity.

With a visual associated with your business, people are more likely to think of you when they decide to make a purchase.

That's not the only benefit...

Brand Mascots also puts a face to name.

In other words you're literally bringing your business to life with a personality that your visitors can associate with.

Which are you more likely to remember?

Increase conversions with a brand mascot

With potentially hundreds of competitors in your space, you need to do something to make your company stand out.

And having a mascot is a great way to do this.

7. Show that you're reliable and professional with consistency

This is a simple and quick tip to make your site feel reliable and professional.

Keep your fonts, images and colours consistent across your site.

Consistency will immediately boost the premium feel of your website and will sub-consciously communicate to your visitors that you know you what you're doing.

Increase conversion rates by keeping your colours consistent

I would recommend having 2 colours at most on your website.

Increase conversion rates by keeping your fonts consistent

I've seen way too many websites with 3-4 fonts going at the same time.

That's definitely hurting their conversions...

Increase conversion rates by keeping your images consistent

When searching online try to use illustrations that are consistent in styles.

For a wide selection (27 styles) of consistent illustrations check these illustration packs.

8. Help your users focus on important information with a clear Visual Hierarchy

A visual hierarchy is a simple technique to place visual importance on your most important content.

Why is this important?

Without a visual hierarchy, your visitors will be confused on what they're supposed to focus on first.

This means less conversion and in turn sales.

Let's get into some easy to implement visual hierarchy techniques:

Visual Hierarchy with font size

Using font size gives your users a visual cue on which content they should read first.

Here's another example of size.

Using font weight also has the same effect.

Visual Hierarchy with font weight

It gives your users a visual cue on what they should focus on first.

9. Stand on the shoulder of giants with conventions

After browsing thousands of sites, we've all come to expect a website to work a certain way.

For example when you click a logo you'd expect it to bring you back to the home page.

Having a website that doesn't work as expected is plain frustrating...

By following what your users expect, this will help with:

  • a lower bounce rate
  • more page visits
  • higher conversions
UI/UX Conventions

In this case we have the logo, search bar, email sign up and social media in all the places you'd expect to see it.

10. Get users to read your content by increasing legibility

If it's hard to read text on your site, then your visitors are unlikely to read it...

But don't worry, I have some easy to implement strategies to help you change that.

Increase legibility by highlighting key terms

Nothing beats the good old highlighter!

Increase legibility by using the right font

There are good and bad fonts to use. Here's a quick article on some fonts that you could use.

Increase legibility by keeping your paragraphs short

Break your content in to paragraphs. It's easier to read and a lot less intimidating!

Increase legibility by using headings

With most users skim reading your content, you'll want to include plenty of headings to give them an overview of what the section is about.

11. A sure fire way to increase conversions - use a Call to Action with the RIGHT design

A call to action is prompt on a website that tells your users to take a specified action.

In other words, it's a sign post that tells your users what you WANT them to do next.

This is great and bad...

If you get it wrong, interested visitors won't know what to do next and will likely leave.

If you it right.. well here's to higher conversions 🥂 

Most call to actions simply go unnoticed because:

  1. It doesn't exist
  2. It's hard to see
  3. Not compelling enough to click
  4. Short phrase

Here's some quick tips to change that:

Increase conversions by making your CTAs easy to see

As most of your visitors will be skim reading, you'll want your CTAs to stand out.

When they're ready to take the next step, they'll know what to do.

Increase conversions by making your CTAs short

You want your CTAs to be short and snappy.

It looks better and it's easier to read.

Increase conversions by making your CTAs compelling

You'll want to make your CTAs visible and compelling to click.

A great way to do this is to use bright and friendly colours that stand out.

Place CTAs where your customers will expect them

You'll also want to place your CTAs in sections where you think your users will want to take the next step.

12. Show most frequent options at the beginning

Make your visitors life as easy as possible!

For example if most of your users are from the US, then you'll make their life much easier by putting their country at the top.

Show most frequent options at the beginning

The easier it is, the higher your conversions will be.

This applies to any sort of drop-down form.

13. Use whitespace to make your designs look awesome

Whitespace is the space in a design occupied by nothing.

This strategy follows the principle of "Less is more...", and let me tell you it works wonders on your website.

Making good use of whitespace is a powerful strategy to make your website look cleaner and more professional.

And it also helps place importance on the content that matters.

White space vs No White space

You could apply this to several areas on your website.

Let's take a look.

white space between content

This is a super simple tip, simply place white space between pieces of content.

Here's another example.

white space between content

White space can also be placed between text.

Line space to make content more readable

This is a great tip for making your content more readable.

Let's take a look at a some big names who've made great use of white space:

Huge fan of what apple has done here, I feel like I have so much space to breathe when browsing their site.

Mostly because of the white space, your attention immediately goes to what's in the centre - the most important content.

Simply beautiful...

Again there's so much white space here and very few things on the screen.

This places importance on the most important elements in the scene, in this case the image and the header "Make it beautiful"

Another awesome use of white space. With so much empty space we can't help but look at the beautiful watch first.

Here's some questions to keep in mind when adding more white space to your website

  • Is it easy to read the content?
  • Are there too many things to focus on?
  • Would more whitespace let the design breathe?

Now It's Your Turn

I hope this post showed you how to increase your conversions with some cool strategies.

Now i'd like to hear what you have to say.

Which technique from this post will you be ready to try first?

Are you going to remove content and include more white space?

Or

Maybe you love the idea of using a mascot to boost your brand.

Either way, let me know.

We're a small design agency that helps business' get amazing designs that convert without breaking the bank. Feel free to check out our affordable services here.

Posted 
March 29, 2021
 in 
Marketing
 category