Hi! We're your creative marketing partner
0161 743 0980
Home » Blog » Website Trends & Best Practice Tips
Your website is your shop window so creating an engaging experience whilst also communicating important information is crucial.
After launching our own new website, we wanted to share some of our tried and tested best practice tips.
1. Video >
2. Micro Animations >
3. Minimalist or Flat Design >
4. User Friendly Mobile Design >
5. Content >
6. Performance >
7. Website Health Check >
Motion is a
crucial part of storytelling and user’s demand for video content continues to
increase. Website users have incredibly short attention spans so video can be
used to create engaging experiences whilst also communicating information much
Videos can be
used to explain potentially complex information in an easily digestible format
like the video we’ve created explaining the benefits of animation:
Back to top
2. Micro Animations
The clue is in the name, micro animations are just small animations, but they can have a big impact on your website’s usability.
animations can be used to great effect to guide users through your website by
providing visual cues and prompts.
They are also a great way to add some interest to your website!
3. Minimalist or Flat Design
Minimalist design is often referred to as ‘flat design’, this isn’t a new trend but has increased in popularity over recent years. There are a number of key characteristics of flat design:
No Effects: Flat design uses a two-dimensional style that is totally flat, there are no added effects such as shadows or gradients which are traditionally used to add depth.
Simplicity: Elements used in website design such as buttons and icons are displayed using simple shapes making them easy for users to interact with.
Typography: Due to the nature of flat design, typography is crucial to add visual interest.
Colour: This is one of the most important features of flat design and the colour palettes used are often much brighter and more colourful.
4. User Friendly Mobile Design
responsive website which adjusts to the size of a user’s screen isn’t an option
anymore and an intuitive user experience should be provided on all devices.
Most users on
a mobile phone will browse using their thumb to scroll through pages and click
on links. Navigation menus, links and buttons should be placed in positions
which are easily accessible and sized appropriately.
graphic shows the thumb-friendly areas of a mobile phone screen:
The design or look of a website needs good content to help it thrive, which is why the text used on a website is one of the most important factors.
easy to read
Chunking is the presentation of written content into small pieces of information. Website users will often scan written text to try and find information they are looking for so effectively chunking your content into easily digestible sections with clear headings will help users to scan your content more quickly.
Content on your website should be kept informal and easy to understand whilst avoiding industry jargon users may not understand. Users are more likely to engage with friendly, informal words than overly corporate language.
A picture is worth a thousand words
shown we remember only 20% of what we read but around 80% of we see. Using
images to supplement written text, infographics to explain information
graphically or video and animations to show rather than tell can all help to
improve content engagement.
The speed of your website should be regularly analysed and reviewed to ensure your site loads as quickly as possible.
Check your load speeds
Google provide this free tool allowing you to test the speed of each page on your website. It will also provide recommendations and advice to improve the speed of each page on both mobile and desktop.
Optimise your image sizes
large file sizes are one of the biggest culprits for slow loading webpages,
often images aren’t compressed or resized before they are added to a webpage.
‘Lossless’ compression is the process of reducing the file size of an image without any quality loss by removing unnecessary meta data from the image.
‘Lossless’ image compression can reduce the size of images by around 20% – 80%!
Optimise your websites code
is the process of removing all unnecessary characters in the code which powers
a website such as spaces and line breaks. This reduces the overall length of
the code to help improve load speeds.
7. Website Health Check
We’ve created a free website Health Check guide to help you evaluate your current website and identify where improvements could be made.
Need some expert advice?
Get in touch to see how we can help you get the most from your website.
Understanding user journeys and website navigation is key to maximising your website’s financial return. Website navigation and user experience are two of the most important […]
As we celebrate a powerful world of online connections, it’s clear social media is now an essential part of B2B marketing and relationship building. June […]
Chat with us for 30mins and we’ll recommend a solution that’s right for the challenges you face.
Call us on 0161 743 0980 or book here:
Book NowLearn more >