Get in touch today to find out how we can help your business succeed

Decades of designing websites for everyone from FTSE100 companie

Content Management Systems - what are they, and what is the difference between that and a flat HTML site?

If you are looking for a simple brochure style website, with few or no updates anticipated and little functionality, then your requirements are very different from a business who is looking to constantly update their eCommerce site from which they are going to conduct most of their business.

The two main categories of website are HTML/Flat brochure style, and content managed. The primary differentiator is that the owner/web editor/web manager can't update the former without prior website design/development experience and training. They are intended to be updated byt a professional web designer or developer who has to delve into code to make updates. This has a time and cost implication every time an update needs to be made. A flat HTML website will however be the cheaper option as they require less time and effort to set up. On the downside, they have limited capability for functionality.

A website with a content management system (CMS) on the other havnd however, costs more to build, but that cost will be offset by the fact that they are designed with the intention that the webmaster/owner/content manager will be making the updates, and in that case they are able to do it as and when they like, as often as they like, without a cost involved. CMS websites are typically suited to larger websites, that will be updated more frequently that their HTML counterparts.

A CMS site is built using a content management system framework (Wordpress for example), and is connected, via a programming language to a data source, such as an SQL database, where the large majority of the content is stored. CMS websites make use of language more complicated that HTML such as php or ASP.NET to allow for greater functionality and interaction.

What technologies do you use to design websites?

For functionality, we use php, an open-source, commonly used scripting language that is particularly well suited to web development and that can be inserted into HTML. For Content Managed Websites we use Wordpress, an open source, online website creation tool built in php. We use HTML5, CSS3 and Javascript to develop front-end website interaction, functionality and animation. We use SQL and MYSQL wherever we need a database, and from a design perspective we use the Adobe Creative suite to create for the web.

With the increasing popularity of mobile devices, what are responsive websites and how is web design affected?

Two out of every three minutes spent online in the UK are users browsing on either a smartphone or a tablet. 13% of adults in the UK browse the internet exclusively using their smartphone, 2% more than browse exclusively on their desktop computer.

In the last two years tablet internet use grew by almost a third, and in the same two year period smartphone use grew by 78%, while desktop internet use has decreased.

The way people use smartphones to access the internet has revolutionized the way websites are built. Long gone are the days that companies were happy to have customers browse their full, desktop version of their site on their smartphone, causing users to zoom in and out of areas of the page that interested them, struggling to click on the tiny text links to navigate. If you're building a website for the modern internet user, the likelihood is that if they don't view your site exclusively on their mobile device, they'll at least check you out via their iPhone or Android phone before sitting down later at their computer to have a more in-depth look.

This is why most clients want a 'mobile-first' approach to their website, whereby you ensure that everything looks and behaves beautifully on a mobile device before considering a desktop version, and if something has to compromise, it certainly won't be the mobile site.

A 'responsive' website is one that adapts to the device it's being viewed on, whether that is a desktop computer, a mobile phone or a tablet. The content is then displayed in a way that is optimized for said device, improving user experience.

How do we measure the success of our website, and what web design tools are available for reporting?

If you own a restaurant you have some ways of monitoring how your businesses is performing; you can check your takings and orders, you can take a look at your bookings and you can monitor how much stock you're getting through, and you can anecdotally measure when the waiters and waitresses are busy, but beyond that there's nothing more specific you can drill down into to gauge how your business is performing and how to improve it. Wouldn't it be great if you could find out exactly how many people looked at your menu at the door and decided to move on to the next restaurant? How many people tried to book a table and who couldn't because you were busy, and at what time? Which were your most popular tables and why?

With a website and with the reporting tools we have available to us as webmasters/website owners and web deisngers and developers we now have all this insight available to us at the click of a mouse. You can find out who visited your site and where they are located, what time they navigate to your site, how long they spent there, where they came from and which page they left at. Which links they clicked on, whether or not the purchased anything and whether they engaged with any of your multimedia content - did they watch your video to the end or did the bail after 30 seconds?

This also applies to your online advertising/emails - you can interrogate any number of metrics to determine whether or not your campaign is a success, which bits of it worked, which didn't and where you should focus your energy on improving, to ensure that it is a success the next time you run it.

More answers to web design questions...

Where to next?