6 Tips for Supercharging your Web Design
- 02 May 2017
With a multitude of screen orientations available, including smartphones, tablets, laptops and wearable technology – website design has had to adapt to the times, and fast. With 90% of web searches now performed on mobile, and with the news that Google are now primarily ranking businesses on mobile content as opposed to desktop websites – responsive web design should be at the heart of any marketing strategy.
As a full service marketing agency in Hampshire, Rooster Marketing know just how important responsive web design is for all businesses. So, we’ve put together some top tips to help you achieve success:
#1 – Use ‘Card layouts’
Card layouts are an element of design which allow you to segment areas on your website. This is done through perimeters of colour and shape, emphasising key facts and arranging information so it is digestible, yet easily moved and reconfigured to suit a multitude of different layouts.
These ‘containers’ seamlessly assemble to produce your website, which is neat to look at and has been proven to increase your overall UX. You may recognise this method when you login to sites such a Facebook and LinkedIn, who have recently began to segment and centralise content or updates with a high interaction that you may not want to ‘miss’, whilst maximising the space available on a single screen.
When using this method, it is important to segregate meaningful and relevant content, giving your audience enough information to dwell for longer periods on your website.
#2 – Quality over quantity
The menu bar at the top of your website including your services, contact and any other information should be able to fit into the width of a smartphone for full optimisation and ease of use. This may involve prioritising some options over others, or installing drop down menus to further segregate your information.
Prioritising symbols such as the contact us should ideally be easy to see and understand. If your website involves regular client usage such as a login page, considering this as an important menu option when whittling your choices down could benefit your business retention rates.
#3 – Test all the edges
A good marketer will know that one of the most important aspects of development is the testing phase. There’s nothing worse than producing an amazing website packed full of design delights, which then doesn’t function properly. This will alienate customers and push you down the organic search listings – as your bounce rate, those who land on your website and leave straight away, is likely to be high.
#4 – The role of touch
Does your responsive web design take into account the use of touch screen for use on devices such as smartphones and tablets? Something that may look cool and work perfectly on the web with a mouse clicker may not translate to a touch screen, and we all know how annoying it can be to click your phone screen and end up picking the wrong button, which then redirects you and so on. A good example of this would be the frustration we’ve all experienced when typing in details for an online form.
The best responsive web designs for conversions often feature large, simple and spaced out fill boxes for callback forms and registration processes. After all, you’ve invested in search strategy, and your customer is where you want them to be, don’t put them off at the last minute!
#5 – Be careful when using pictures
Large, high resolution images may look awesome on your Mac with high speed fiber connection, but how will these translate to your remotely based customer on a dodgy mobile network? Be careful when selecting and resizing images for web – as this will translate to the speed at which your page loads across all devices. Generally, small images tend to work better as they reduce the delay in loading time, and, given the average a customer is prepared to wait for a page to load is just two seconds, it’s important your website can achieve this in order to boost conversions.
This can be achieved by simply resizing the images before uploading, and optimising them for web among other methods. You may find that using small images will enable you to incorporate the white space into your design, which can benefit the overall feel.
#6 – Keep up to date
The marketing industry is in a constant state of flux, as new platforms and systems are released regularly enabling us to get creative and design new strategies to make our clients stand out in face of ever increasing competition. However, having a responsive web design is one aspect, staying on top of developments that will streamline you to further success is another. The recent steps forward to do with wearable technology have flung open the doors of possibility – so remember to stay open minded and ride the wave into unknown marketing territory, and you shall be rewarded!
Sometimes, it’s the trying that will get you noticed. Not being afraid to fail is one of the most important aspects of good marketing.
Responsive Web Design at Rooster Marketing – A Hampshire Based Web Design Agency
It cannot be denied that responsive web design is a must for any business looking to climb up the search engine rankings and convert web visitors into paying customers. As a website is often the first touch point for your prospective audience, this is arguably the foundation of any future relationships. Ensuring your website is able to inform both web and mobile browsers with key information will drive your key business goals forward.
For every website build, you need to focus on user experience, functionality and navigation to maximise your return on investment. To tix all of these boxes, you need to have a web design that can work well on both a desktop screen and a mobile screen. If you currently have a desktop only version of your website, you may start seeing a change in how people interact with your website, with more and more people searching, finding and buying services through mobile.
At Rooster Marketing, we are perfectly placed to assist our clients when designing a website optimised for all browsing platforms. Click here to view our award winning work for Downside School, including a fully responsive platform and branding exercises.
We hope you found these tips useful, but if you’d like a little more help with adapting your specific website’s design to become responsive, you can give us a call on 01962 841 200, or drop us a line at [email protected].
Posted by Sophie Waplington on 02 May 2017