As the web continues to grow and evolve, so does the benchmark of good WordPress web design. If you want to be ahead of your competition in 2022 and 2023, then it’s best to stay on top of the latest web design trands. This can be hard when you’re looking for a new website, or getting a website redesign done, as there are may things to consider. Throughout this blog, we discuss some of the most important principles of good WordPress web design.
Table of Contents
The design of a website should be tailored to your target audience. This can be done by taking into account your user’s needs and preferences, considering your competitors and their design, and checking out what other websites in the same industry are doing.
The web design for a given target audience is not something that can be generalised. It depends on many factors such as their age group, gender, location or occupation. The most important thing is to understand who is going to use your website and what they need from it.
Web accessibility is one of the most important, and often most overlooked, good WordPress web design principles. Your web design will need to incorportate creative ways to ensure your content is accessable to all different audiance types and accessed from any device.
Here are some simple ways to improve accessibility on your WordPress website:
Add descriptive image alternative (ALT) text for users who use screen readers
Use content that is easy to navigate with only a keyboard
Ensure your website is responsive on mobile devices, no matter the screen size
Add videos containing captions
Nevertheless, web accessibility is an ongoing effort and you’ll notice that many of the good WordPress web design principles mentioned here is only the start to creating more accessible websites.
Choosing the right colour balance for your website is really important. Making a bold statement using a strong colour can seem risky but you should always take into account factors such as what your visitors will expect to see, how accessible the site is on different devices, and the content of your business.
Here are some of our top tips when picking a colour schehme for your website:
You should have a primary colour, which will be your brand’s main colour. For example, if your logo’s main colour is blue, you may want to use that as a primary colour thorughout your wesbite and marketing material.
You should have a secondary colour, which should compliment your primary colour. For example, a navy blue colour would contrast well with a gold colour.
Add multiple shades or your primary and secordary colours where relevent. You can also use neutral colours and shades to your advantage such as white, grey, and black.
Using white space (or negative space) in your web design typically makes it easier for your visitors to find their way around the site and has a calming effect on the user. The lack of overpowering colour means more attention is highlighted on brighter and more important areas of each web page. It’s common for some designers to try and fill up every inch of space when desigining a new website, but rememeber, less is more!
It’s now more important than ever to ensure your website is mobile friendly. The chances are, a very large portion of your traffic (depending on your target audiance) is coming from a mobile or smart device.
Whilst desigining a mobile friendly WordPress website, it is important to consider:
Ensure images correctly scale down and fit the screen correctly
Make sure any images and other assets load quickly on mobile devices. If not, it’s worth trying to reduce file sizes where possible.
Ensure stackable elements have consitent spacing, and are not croweded together.
Review your fonts and ensure they correctly scale down to the users screen size correctly.
Ensure no content rolls off-screen, and all information appears in a easy to ready way.
Fonts and font sizes are important when it comes to your website design. Your typograpghy will ensure your information is visually appealing and easy to digest, which can help to more website conversions.
Here are a few typography tips to consider:
Avoid using super small and large font sizes. For general body text, 16px is the ideal size but anything below 12px is going to be barely legible on mobile devices.
Keep your number of different fonts used to a minimum. We typically recommend two fonts that complement each other well – a serif and sans-serif font will usually do the trick.
Your text colour should always contrast well with your background colours. Failing to do this will result in inaccessible, illegible text and put potential customers off your brand.
Use consitent fonts across all of your marketing materials, and not just your website.
Good WordPress Web Design
We hope you have found our blog on good WordPress web design helpfull for your next WordPress web design project. As the web continues to evolve, we suggest to review your WordPress web design on a regualr basis to ensure your up-to-date with the latest web design trends… and ultimtely be ahead of your competition.
If you enjoyed this article, be sure to check out our post on WordPress Optimisation Tips.
If you require any assitence with your web design, web development, or would simply like some pointers, do not hesitate to get in touch with our WordPress Agency London. You can can contact us via our project form here. The team at Brightlab are always happy to help however needed!