A More Mobile-Friendly Website: Top Tips


Are you looking to bring your website into the modern age? Perhaps you want to create a new landing page to increase your conversion rate. Maybe you’d like to build a website from scratch. Either way, it’s vital that you make it mobile-friendly. According to data collected in 2019 by Jumpshot, mobile traffic from make up approximately 50% of all Google’s search traffic. It’s hard to ignore that a mobile-friendly website is a must in today’s small business market.

We thought we’d share a few tips for making a more mobile-friendly website. You’ll be able to enhance your user experience, show off your small business brand, and increase your conversion rate.

Is My Website Mobile-Friendly?

It’s always valuable to give your website an audit. Simply visit Google’s own mobile-friendly testing system and immediate results will be provided to you. Where can you improve? What needs to be changed? All this and more can be discovered to give you a great starting point for developing the friendliness of your website on mobile.

1. Enlarge Your Buttons

When you have a mouse/trackpad, clicking a button is easy. What occurs when all you have are your fingers and thumbs on a mobile screen? A small button can quickly become a big issue.

The solution is clear – create bigger buttons. You should take the time to create buttons that are responsive to each device whether it be mobile, tablet or desktop. The trick to doing so can sometimes take some know-how but we’re always happy to help with needs such as these.

2. Have An Immediate Call To Action

You should also take into account how effectively you entice users to act when building a mobile-friendly website. You may have thought about the way your website looks on a desktop; it offers a lot more space in the space known as the ‘initial viewport’ to present information alongside a call-to-action.

We recommend that you be more selective with what you present on the mobile version of your website. To increase the likelihood of engagement, try to add a call to action at the centre stage. It could be a button or tt could be some copy directing the user to a location. You’ll gain a higher proportion of results if you utilise your more mobile-friendly space.

3. Imagery Compression

How your website loads on a desktop can vary greatly to what you see on your mobile. A big culprit, when it comes to slow loading time, is imagery.

There are a wealth of tools out there perfect for the job. For individual files, we’d recommend EZGif. However, you know we believe WordPress to be the best option for small businesses so you should try out the EWWW Image Optimizer plugin to simplify the whole process. By compressing your imagery into small files, your load speed will be greatly boosted!

4. Minify Your CSS

It is advisable to compress site-wide files to make for a more mobile-friendly experience. This is true for files that control the overall look and style of your website – CSS. By using something like a CSS minifier tool, you can compress said files that use a lot of blank space. Therefore, it will allow for a faster load time on your mobile website.

5. Advanced: Use A Framework Like Bootstrap

For those of you who love to go deeper into the back end of a website, there are frameworks out there designed to make for a more mobile-friendly experience. Take the Twitter designed, Bootstrap, for example. This is a front-end framework that allows for the automatic scaling of your website for any and all devices.

6. Tests, Tests And More Tests

There will always new innovations and technologies within web design that require updating and test. What may have worked a few years ago may have not anymore. That’s why the importance of frequent testing cannot be overstated.

Set aside a good chunk of time every few months to audit your website on your mobile phone. Are you finding anything a challenge to perform? Is there an old feature that now doesn’t fit with your website?

These questions are important to ask in order to maintain a modern website that contains a solid, mobile-friendly user experience. You may want to those that work at your small business to audit the site or consider hiring a developer to save you a great deal of time and effort.

If you’re looking for assistance in web design that looks great on mobile and on desktop, get in touch with us today. We’ll ensure your website gets great results and look good doing it.

The development of a landing page is a challenge to master in the world small business web design. It can feel like an unsummountable task. We want to ensure that this is not the case. By following these lucky 7 landing page tips you can start to increase your conversion rate in no time and gain some amazing results.

We do have one question we have to answer before we start: what is a landing page?

A Landing Page With A High Conversion Rate

A landing page is a web page with the purpose of encouraging a person to act – whether that be getting in touch or buying a product. To get the best results from a landing page, you should consider these 7 lucky tips to increase your conversion rate.

1. A Stand-out Header

A good first impression goes a long way. Just like finding the right title to improve your site’s SEO ranking, what your target audience sees as soon as they open your landing page will define their decision on whether to act. We’re not just referring to the landing page title, though. You’ll want to consider the full header space that a user initially sees after clicking through to establish a high-converting landing page.

Here are a few things you should take into account:

  • Imagery – does your image match your product or service?
  • Colours – does it fit with your branding?
  • Copy – ensure that your message is big and bold.
  • A clear call to action – will it engage your audience?

2. A Clear Call To Action

Why do you need this landing page?? What is its purpose? Those are the questions you should ask so your audience will feel more inclined to act. You should consider the space and the phrasing of your call-to-action. A landing page with a high conversion rate should be peppered with a button or number that reminds your audience to act.

3. Design For Desktop And Mobile

It can be tempting to jam-pack your landing page with lots of information to help your audience to understand your services/product. However, the overall aesthetic is important. You will want to take into account the benefit of designing for the purpose of increasing conversions no matter what device a user is viewing your landing page from.

When designing a page for desktop view, you can structure all your information into segments by setting them out in rows rather than lengthy columns. This allows your audience to take a lot of information in a short space of time

What about mobile or tablet? Will my landing page be squashed when put into rows? It’s common to completely forget the significance of a more mobile-friendly website. It should always be at the forefront of your mind. As a rule, you should design vertically for mobile and horizontally for desktop.

Remember: an ever-increasing proportion of website traffic comes from mobile devices.

4. Separate Your Website’s Navigation

A landing page’s purpose is to entice a user to act. It is vital that everything from functionality to design is taken into account when urging your audience to do so. The same goes for the navigation bar.

Have away with your typical ‘Home’, ‘About’, ‘Services’ and ‘Get in Touch’ navigation structure at the top of this landing page. Make the decision to only contains options that direct users to a specific location on your landing page. The more pages a user has to work with, the less likely they’ll be to act. Lower that bounce rate and keep them on the page.

5. Make The Most Of Imagery

What imagery should you be using? A picture speaks a thousand words so the imagery you choose to show off your product or service should make someone think, I know exactly what I’m being offered and I’m in! If that means using a stock image that you feel gives off the right impression then go for it!

6. K.I.S.S. – Keep It Simple, Stupid.

It will be a great benefit to your landing page’s success if the information you provide is offered in its simplest form. Conciseness is key and you should keep that in mind when writing the copy, thinking about the layout and choosing your call-to-action. The more you write, the more chance there is of confusing your visitor and them leaving the page.

7. Give Your Audience A Little Something-Something

Audiences don’t just want to be sold on new services and product. You can try to keep this question in mind: is there anything we can give our audience? Whether it be a short PDF guide or a product discount, your audience will more likely engage if they know they can benefit without the need to immediately invest their time or money.

We’re sure that by following these lucky 7 tips, your conversion rate results from your landing pages will increase.

If you’re looking for assistance in the creating of a landing page or support in the whole process, feel free to get in touch with us today. We’d be more than happy to discuss how we can create the perfect landing page or website that will increase your conversion rate.

You’ve set up your new WordPress website. You’ve chosen your theme. What’s next? Web design is a complicated beast but we’re here to help! A few must-have plugins that will really help to get the best results out of your WordPress website.

How do we know they’re ‘must haves’? We’ve tried them. We’ve tested them. And we know that they get the best results for our clients. If you’re interested, read on and maybe you can add some of these plugins to your own WordPress website.

First, what is a plugin?

It’s a defining feature of WordPress that allows for some serious customisation. The challenging part is already done for you. All you need to do is go to the ‘Plugins’ tab in your admin dashboard and install the plugin that best fits your needs.

We can almost guarantee that there will be a plugin or widget especially made for what your require. Need a carousel of logos on your site? You got it. Do you fancy a weather widget to add to your sidebar? You got it. Are you looking for a tool that simplifies the web design process? We got it! There are plenty of plugins to choose from and here are a few of our favourites.

1.Yoast SEO Plugin

There’s a good reason why Yoast is the #1 SEO plugin on WordPress. The Yoast SEO plugin makes sure that there ain’t no half steppin’ when it comes to using SEO on your website. You’ll be shocked at how easy it is to start ranking high on Google or any other search engine.

What may shock you more is how ahead of the game you’ll be in comparison to your competitors. SEO may be known around the world but it’s not common for it to be used to the greatest affect by small businesses.

2. Ninja Forms WordPress Plugin

Easy to set up. Easy to use. The Ninja forms plugin is a must-have for anyone looking to integrate expertly styled contact forms into their WordPress website. It’s so simple that as soon as it’s installed, you already have a pre-rendered contact form created for you.

You can choose to edit, fine-tune and style it however you like. All you have to do is click install and let the good times roll! You can go one step further by adding it to a landing page and using social media to boost your website traffic to said page – go wild!

3.WooCommerce WordPress Plugin

One of our personal favourites. WooCommerce really feels more than a plugin. It is so versatile and powerful that you will surprise yourself in how much control you can put in selling your products online. Gone are the days of managing each individual product on a system that costs thousands to set up and hundreds to monitor. WooCommerce offers a quick set up which allows you to spend less time on product admin and more time being creative with your small business.

4. Google XML Sitemaps

Here’s a more technical plugin that should not be overlooked – Google XML Sitemaps. We may have said technical but don’t switch off too soon. It’s power will really help the SEO of your website. In its simplest terms, a sitemap shows how each page is connected together. If your website is well organised and you’ve installed this helpful plugin, get ready to enjoy a solid boost in your SEO.

Bonus Plugin: Lordicons

We wouldn’t say that this particular WordPress plugin is essential but it’s certainly a fun one. Lordicons is truly spectacular when it comes to web design. What is it? Lordicons takes those generic icons that are so common across many websites and adds some serious ‘umphf’. Say hello to a smiley face emoji which widens its grin as you hover your mouse over its face.

Start it with Lordicons. Start with Lordicons if you want to take your web design out of the realms of 2010 and into 2020.

We really could go on in listing some fantastic WordPress plugins. However, part of the fun is discovering these new tools for yourselves. Another solution would be to have some dedicated web design specialists on your side. These must-have plugins will really help develop your small business website.

As we move towards the second half of 2020, what can we expect in terms of web development and design trends?

Accelerated Mobile Pages (AMP)

Load speed is king, queen AND country when it comes to web development. It’s everything. This is why at Rivia Digital, we can’t get enough of Accelerate Mobile Pages. All of our blog content is built with an AMP version in mind but what is it?

In a nutshell, an Accelerate Mobile Page is a stripped-back version of your webpage to ensure that it loads almost immediately on a mobile device. Forget all those complicated widgets that drop your download speed by 5 seconds, simply start anding AMP into your life. If you know that WordPress is the best option for your small business, there are some helpful plugins you can use. If you’d like some additional advice on where to start with web design and website speed, feel free to get in touch.

Responsive websites

This has been around for a while but that doesn’t make it any less important. Responsive websites – it’s essential website for all devices. It doesn’t matter how your website is viewed, it will adjust itself, respond effectively to look more aesthetically pleasing. But why is it one of the latest trends in web development?

Easy.

We’re noticing more and more the split in how much traffic is coming through to websites and from where. It’s coming close to a 50/50 split between desktop and mobile. There’s no reason to think that this will remain the same. With advancements in technology, it’s safe to say that we shouldn’t just be building for desktop anymore, we need to start designing our websites with a clear indication of what it looks like on mobile or tablet. You may even want to consider design exclusively for mobile…perhaps.

Voice Search Optimisation

Siri, what are the latest web development trends?

Alexa, how can I create a modern-looking website?

Voice Search Optimisation is upon and we should learn how to take full advantage of it. You may have heard of SEO – search engine optimisation – otherwise known as the ability to rank high on search engines. The same can be said for VSO. The considerations we all need to make is ‘how exactly do people talk to their device?’ When it comes to typing something into Google, there is a tendency to write unordered keywords. However, with voice searching, for the most part, it tends to come in the form of questions.

It’s time that we all start to reconsider how we structure our content – don’t just focus on keywords but appreciate the importance of a well-organised question. This is going to be a sure-fire way to get the best results in your web development projects. If you’re looking for a great tool to learn more about VSO, visit Answer The Public.

Progressive Web Applications (PWA)

Progressive Web Applications provide ease of development and almost instant wins for the application’s overall user experience. PWAs are websites that look and feel like an app. This means users can access all information and capabilities without downloading a mobile app. Instead, progressive web apps use modern web technology to deliver app-like experiences to users, right in their browsers.

PWA is gaining momentum in the web development space because it can also be used offline and can sync content to multiple devices.

We can’t wait to see how the world of webDev develops even further throughout this decade. If you’d like to work with expert web design and development specialists, with a clear understanding of the most up to date trends, contact us today.

WordPress. A word that echoes on the lips of web developers, bloggers and small business owners alike. But is it the best option for your small business? With the likes of SquareSpace and Wix coming into the fray, it seems like a tricky decision if you’re ‘going in alone’ to build your own website.

So, whether you’re fresh out of university looking to set up a new business or a seasoned veteran of business looking to expand into the digital world, here are a few reasons why we at Rivia Digital Web Design believe that WordPress is your best shout in building your small business website.

1. Easy set up

Sign up. Choose a domain. Choose a theme. Done.

Without reducing the complicated world of web design too much, creating a WordPress website for your small business can be really simple if you wish it to be. Of course, nothing is quite the same as receiving the support of a reliable web design company to help you along the way but once it’s up and running, you can feel empowered to take full ownership of your website and start getting great results.

Write a blog. Build a new landing page. Advertise your services. Go for it!

2. Customisable WordPress themes & plugins

For both expert web designers and the newest of the newbies, WordPress is the platform for everyone. It offers enough customisation for a strong developer not to feel restricted but also has a simplistic interface which doesn’t feel intimidated. With a whole host of themes to set up the bare bones of your website, or even the ability to create your own, WordPress is a clear winner for a small business.

Not only that but there’s the plugins. Oh, the plugins! Those helpful tools that allow you to insert complicated code into your site without getting bogged down in all the complexities. Examples include:

  • Yoast SEO – the quintessential plugin that simplifies quite a complex concept within web design.
  • WooCommerce – gone are the days of pay tens of thousands on a streamlined product platform. With WooCommerce, you can be a few clicks away from setting up your own online shop. Simple!
  • Lordicon – this may be a little unknown one but we love it. Throw some interactivity into your website with this dynamic icons.

An added bonus is that so many themes are already optimised to all devices so all you have to think about is where you’d want to put your mobile navigation bar!

3. Blogs, blogs, blogs

When it comes to online blogs, WordPress is the place to be. It’s very purpose surrounds it. But how can a blog help your small business? Well beyond the typical answer of ‘it lets you organically advertise your products’ the reasons are as follows:

  • It has a massive impact on the success of your small business website’s SEO.
  • Blogs allow you to offer advice to your growing audience.
  • It shows you as a thought leader in your industry.
  • It allows to grow a more intimate and natural relationship with prospective clients.

Plus, we know there’s not much more entertaining than reading and writing a strong blog on small business!

4. No ongoing costs for your small business

If you’re willing to put in a bit of time or investment into a professional web design service, your website can be set up and require no ongoing costs. Sure, regular wordpress.com lets you quickly set up your website and host everything on their end. But you can save serious money if you take the time to set up your own WordPress website for your small business.

5. Small business e-commerce made easy

As we mentioned earlier, the WooCommerce plugin is heaven sent! In a few short minutes and one or two forms to fill in, you can have your own online shop up and running. This is the real power of a WordPress website for a small business. It cuts through the complexity and empowers you to take fully management of your products if you so wish. It’s truly inspiring to see and we love to support small businesses to let that happen.

So, if you’re looking for more insights in making full use of WordPress to support your small business or want a full website expertly built, get in touch with us today. Rivia Digital – for a fast, reliable service with big results.

Mobile navigation! You’ve done all that typing of your website URL at the bottom of the screen to now have to stretch that hardworking thumb all the way to those three horizontal lines on the top right to open the website menu. It may not be a struggle you’ve even fully considered but it really is!

When it comes to the design of your website, you should never underestimate the importance of a well place navigation bar on mobile view. But where is best? With recent innovations in the latest web development trends, it’s clear that optimising for mobile is a must. At Rivia Digital we know there are pros and cons to the variety of mobile navigation placements and we’re here to share them with. It’s up to you to decide which fits best for your own website.

Why is a top mobile navigation so common?

It’s unfortunate that web design can sometimes be far too focused on the desktop experience. This is especially so when taking into account how 52.2% of all website traffic worldwide comes from mobile devices – and that figure is sure to rise through this new decade. When you consider the typical design strategies of a desktop website, the navigation almost always goes at the type – it’s a staple of web design that holds true even now. With that logic, it simply makes sense to carry that structure on across all devices.

How do you hold your phone?

But is it the best decision to create the best user experience? A user experience doesn’t just come from how readable the text in and how scalable the images are – it’s also how far you fingers and thumbs are going to have to stretch when reaching for the mobile navigation.

The perks of being a bottom (mobile navigation)

According to The Thumb Zone: Designing For Mobile Users, it would appear that regardless of hand position, a user is most inclined to use the bottom half to 75% of their screen’s device. So why is that all important mobile navigation not put there more often? Well, it’s becoming increasingly more common.

The benefits in terms of comfort are obvious. The concept of a bottom mobile navigation just seems to make sense and it can be found throughout the would of mobile applications. So why not websites? There’s so much we can learn from the likes of Calm, MyFitnessPal and thetrainline so it’s about time we started to incorporate those all-important strategies into our day-to-day websites. And yet, the overwhelming majority of mobile navigation remains at the top. But why?

Reasons to take it to the top (mobile navigation)

Familiarity. It’s that simple. Although the thumb struggles through on a mobile phone, it does it all the same. That muscle memory is hard to fight against. Sure there are definite benefits to be a bottom mobile navigation – the ease, how cool it looks, the fact that it looks like a modern app – but that top navigation feels like an old pair of comfy shoes. You don’t want to give them away and they’re still in good condition. Why change something that’s working so well? It’s a hard choice to make.

The verdict

We’re sold on the concept of a bottom navigation but of course it depends on the look and feel of each individual website and client. Sometimes a bottom mobile navigation doesn’

If you’d like to learn more how to best structure your website for mobile devices or even fully rebuild your site to enter the new decade with a bang, contact us today.