Got a project in mind?
Let's talk.
Published
1 July 2017
Reading time
7 Minutes
Author
Matt
Page Contents
More and more people every day are using their phones to search the internet. Whether it be for online shopping, paying for services or answering your burning questions. Your phone holds all the information you need. Which is why the website needs to be mobile-friendly. If not, you risk losing potential customers.
As of July 2025, mobile devices account for approximately 64.35% of the global web traffic. This could mean that over half of your website visitors are using a mobile device, and if it’s poor. Then you are losing half of your customers.
Poor mobile friendliness will affect more than just the users who land on your website; it will stop users from even finding it. With mobile now accounting for the majority of global traffic, Google primarily crawls and indexes the mobile version of pages, so if your mobile experience is weak, SEO performance will suffer too. Reducing visitors to your website.
When someone visits your website on their phone, they expect it to load quickly, look good, and just work. If your mobile traffic has overtaken desktop, and people aren’t willing to wait for your site to load, they will just go somewhere else.
Speed is everything! If the user is waiting more than 3 seconds for your website to load, they will just move on, especially on mobile, where attention spans are getting shorter and shorter every year.
Your website needs to adjust properly to different screen sizes. That means no zooming in to read text, no scrolling sideways, and no weird formatting. A responsive design takes care of this for you.
Your menus should be simple with easy-to-tap buttons, and contact details should be easy to find. If someone has to work hard just to find what they’re looking for, they won’t bother.
A mobile-friendly website is one that’s been designed to work just as well on your phone as it does on a desktop. It’s simple: your mobile design should be a simpler version of your desktop design that displays all the relevant information in a simple layout.
Responsive websites adjust their layout of the website depending on the device the user is on. Making your website work across a range of devices, not just tablets, but also smartwatches, TVs and whatever device the user is on.
So while a smooth mobile experience is important for all website owners, it’s essential if you run an online business. Luckily, Cefar can take care of everything for you.
Font sizes are one of the easiest mistakes for people to make on mobile design. Having font sizes too big will mean you limit the space on the screen for the rest of your website; too small and you risk users not being able to read it; both will harm your user experience and SEO ranking factors.
Buttons are crucial to any website, but on mobile, they’re the main way users can navigate around your website. If your buttons are too small or close to each other, this can affect your website, stopping users from navigating your website easily.
Your menu is one of the key features on a mobile website, allowing users to access the whole site from one place. But some agencies still don’t include this. At Cefar, we make sure that every aspect of your website is perfect on every device.
A good place to start is by simply opening your site on your phone. Does it load quickly? Can you read the text without zooming in? Are buttons easy to tap? If the answer is no to any of those, chances are you’ve got some work to do.
Since being established in 1887, Eatons Solicitors have gone from strength to strength and now occupy 4 offices across Yorkshire. With over 50 members of staff, Eatons cover a broad range of services within both personal and commercial law.
Their experts are on hand to give you the best possible advice to help support your case. Whether it is the often unwelcome task of writing a Will or solving an employment issue, Eatons are always ready to help and support you.
Eatons approached Cefar with the desire to bring their business into the modern world, to which Cefar suggested updating their desktop website into a fully functional responsive platform. By responsive, it means that the website adjusts to the device that the customer is using, such as a tablet, iPhone, PC or desktop.
This is a functionality where the website can resize instantly depending on what sized device the user is using. Backed by research from Google Analytics, Cefar also discovered that the majority of visitors to the website came from handheld devices and instantly knew that this would necessitate significant changes in light of the upcoming “Mobilegeddon”.
Cefar had designed and built Eatons’ previous website 2 years earlier and wanted to maintain their look and feel to ensure continuity. We also wanted to keep their branding (trademark yellow and grey colours). Then we had to make it responsive, without losing any of the key messages.
As a team, we identified all the similar styles and layouts that could be repeated when upgrading it to a mobile-friendly website.
Essentially, this would save time in development and mean the client would receive their new site in the quickest possible timeframe. From here, our development team reconfigured all the pages into a 4 big or 12 small column structure, then these columns were put into logical rows in priority order.
This allows the content to stack underneath each other when viewed on a smaller screen. Based on the screen, the website will move, with content and images relocating. Image sizes and fonts will also have to be adjusted.
Then, the HTML and CSS were changed to fit in with the responsive design, and all scripts were adapted to be compatible with not only modern mobiles but older browsers as well.
The final stage of converting the current website to responsive was to test, test, test! As with all aspects of any project we work on, this is something that Cefar takes extremely seriously.
The result saw Eatons boasting a fully functional responsive website built by Cefar. The new site allows the user to access Eatons on the move from any device at any time.
Having this feature allows Eatons customers to view the exact services that they offer, navigate through to the contact page and have a great user experience, allowing Eatons to only ever be a fingertip’s distance away at any time.
The new responsive website is not only easy to maintain and a seamless experience for the user, but also improves their Search Engine Optimisation (SEO). It does this by optimising the content of the website, making it easy for Google to crawl to index your web pages, ultimately creating a higher conversion rate.
Eatons are extremely happy with their new mobile-friendly website and have found it promotes a modern and progressive image running alongside their professional, expert services.
Keep an eye out for our updated statistics for our Making of a Mobile-Friendly Website.
Does your business need a mobile-responsive website? Remember, over 50% of web traffic is now through handheld devices, and Google are putting mobile-friendly websites higher in the mobile search pages. For a review of your current site, contact us today or check out some of our other mobile websites in our portfolio.
Creating a mobile-friendly website doesn’t have to mean starting from scratch. Whether you’re redesigning an old site or building something new, here are five top tips to get it right:
Make sure your website automatically adapts to different screen sizes. A responsive layout ensures your content looks great whether someone’s on a phone, tablet, or laptop.
Mobile users want quick, easy access to key information. Use a clean, collapsible menu and prioritise your most important pages.
Mobile users are often on slower connections, so compress images, use lazy loading, minify CSS and avoid bulky plugins.
Your site should be easy to interact with using fingers, not a mouse.
Use actual phones and tablets to test the layout, usability, and speed of your website.
Contact us
Cookie Preferences
We use cookies to enhance your experience. By clicking "Allow All", you consent to our use of Cookies.