4 essential web design tips

Web Design is only screen deep

Share on facebook
Share on twitter
Share on linkedin
Share on email
website_design_in_chesterfield
Photo by William Iven on Unsplash
<b>Joss Barnes</b>

Joss Barnes

DIRECTOR AT TWISTED SPIRE
Entrepreneur and Digital Marketer

Here are 4 essential web design tips from Twisted Spire to help you boost conversions online.

With billions of websites to choose from, visitors to your site will decide whether to stay or bounce within the first two to three seconds, the decision to flee elsewhere based on an unconscious level of assessment based purely on colours, shapes and information availability, all of the initial information absorbed by the eyes.

What can you do to your website to make sure that your web visitors’ first impression encourages them to stay a bit longer?

1. Colour Options

Understand that colours are emotional. Different colours are reportedly meant to trigger different emotions.

Colours can make us feel happy or sad, and they can make us feel hungry or relaxed. These reactions are rooted in psychological effects, biological conditioning and cultural imprinting.

For example, Twisted Spire uses mainly blues for their brand; logo, website, social media and documentation, because blue is supposed to evoke feelings of trust, strength and dependability.

When selecting colours for your website consider very carefully what the colour choice conveys to your audience and matches with the products or service you sell. When designing a website for Simply You Counselling, we went with a green pastel shade for the main colour choice, which evokes peacefulness and growth.

Optimum number of colours to use on web design is three to four different colours. Utilise the colour spectrum wheel, with contrasting colours used for the most important elements, like call-to-action buttons.

2. Typography

The main aspect of the typography is consistency. Make sure that your typography choice runs through your website and landing pages from start to finish. Different font types and sizes stand out like a sore thumb on a screen and moves the readers view away from where its supposed to be.  

Other things to also consider in web design is the type and size of font you choose. Similar to colours, some fonts can also express emotion. Make sure you choose a font that represents your business and the type of products or services that you provide.

So, for example, if you want to portray that your business is traditional or respectable, you might want to consider a serif typeface. If you want to people to see your business as stable or modern, you should lean towards a sans serif typeface.

typography_types
https://www.crazyegg.com/blog/psychology-of-fonts-infographic

3. White Space

Negative Space (White Space) is the empty space given between different elements within your site, separating A from B and allowing your view, take in and process the information given before moving to the next information box.

Give your website visitors some breathing space. Nothing turns a viewer off more than poor web design which invokes information overload found on a cluttered website where all the information you want to give to the viewers is spewed out all at once. Plenty to see but nothing absorbed.

White space can be effective in making an important image, text or call to action stand out from the rest while improving the overall readability of the entire site.

Twisted Spires Top Tip

As a rule of thumb, the space above and below the text (line height) should be 150% of the font size that you are using. This makes the text easier to read.

Here's The Geeky Bit

Say your font size is 20px and your line-height is 20px (yes that would be ugly, but go with it), the relative value of your line-height would be 1. Going back to our example above with a font size of 16px and a line-height of 24px, the conversion gives us a value of 1.5 for the line-height.
Discover More

4. Site Design Layout

F-Pattern refers to the way a viewer reads the content on your page, the pattern that the eyes make. Generally, a person’s eyes will naturally move from left to right from the top of the screen and continue scanning from left to right as they scroll down, but less to the right the further down the page they go. This eye movement often resembles ‘F’ or ‘E’ shape.

When designing your website, knowing that a user will scan a website in this method, enables us to place the most important elements in the viewers focus path where they can be seen the most.

At Twisted Spire, we design your website to incorporate what you want to show the customer, together with what your customer wants to see from you, helping both you and your customer to see the information that they most need, which in turn helps to convert viewers into buyers.

Contact Twisted Spire today for your next web design.

man in a rabbit costume walking down the pier

How To Monitor Offline Sales: User Guide

A common problem for the majority of the service industry and high-value sales is that online marketing campaigns promoting their goods and services often result in offline purchases. Purchases can be made either on the phone or in-person, which makes it difficult to track the success and failures of the marketing campaign within analytics.

Read More »
man in a rabbit costume reading the newspaper

How To Use UTM ‘s: User Guide

Why you should be using UTM codes for all of your marketing campaigns.
Discover why UTMs are essential and how learn how to simply use them to monitor your campaign successes and fails in Google Analytics.

Read More »
man in a rabbit costume celebrating

Your Website’s ‘Home’ Page Only Needs These 5 Things

Your home page is the first port of call for your website visitors and potential customers, strategically designed with insight into your target audience.
Having a homepage that makes a great first impression is critical to lowering your bounce rate. The human attention span is in steady decline and at its lowest ever, reducing from twelve seconds in 2000, to approximately seven seconds in 2020.

Read More »