Responsive Web Design

Studio Whitby Blog

It wasn’t too long ago that a website was viewed in a reasonably standard way, you could rely on most of your visitors using a desktop or laptop computer with a screen resolution of around 1000 pixels wide. This meant that the vast majority of websites were designed with this in mind - with a fixed width and content designed for a desktop machine with a mouse and keyboard.

This all changed with the invention of the smartphone - now many of your site visitors could be using a device with a comparatively tiny screen of only a few inches wide, with no mouse, no keyboard and navigating the web via touch. This meant that your fixed width website would either display so tiny as to not be usable or only show a section of the site with the user having to pan around to find what they are looking for - nether is an ideal situation and in most cases the person would simply leave and search for the information elsewhere.

The solution is responsive design, which is an approach to web design aimed at crafting content to provide an optimal viewing and interaction experience across a wide range of devices, from large desktop monitors, mid-sized laptop screens to tablets and mobile phones. While the content generally stays the same, the way in which it is arranged and presented to the user changes depending on the device they’re using, the screen width, resolution or even their location or network speed. In short - a responsive website is one which responds to the user and to how they choose to view it.

With more than half of global web traffic now coming from mobile devices, responsive design is a must and at the Whitby Design Studio all our websites are made in this way. We use a variety of adaptive and responsive techniques to insure that our websites look their best no matter which device they’re viewed on. For example, if you’re currently using a desktop or laptop - simply resize your browser window and watch the content of this page change and adapt.

Our web code is developed in-house and with a modular approach has proven to be incredibly flexible and adaptive for use in responsive design. Shown below is an example of responsive design - images scale, content moves and adjusts and elements change or re-size.

Responsive design

Google
At the beginning of 2015 Google announced they would be making changes to how they rank websites, and in May of 2015 they changed their search algorithms to favour websites designed to adapt to mobile and tablet devices. This means that if your site isn’t responsive you’ll be getting less traffic, less visitors and less sales or enquires. Their change was a response to the fact that more internet traffic now comes from mobiles than traditional computers.

If you are unsure whether your website is responsive then they have produced an easy to use tool which will analyse and report if the site has a mobile-friendly design. You can use this tool by visiting the Google mobile friendly test

If Google’s tool brings back a non-mobile-friendly result then use the contact link at the top of this page to send us a message or telephone the studio on 01947 899120 and we will give your website a free review and report to how we can improve your site so that it is not being penalised.

Responsive Web Design

Responsive design is an approach to web design aimed at crafting content to provide an optimal viewing and interaction experience across a wide range of devices.

Read more

Blogging for Businesses

Currently blogging for a business is one of the most cost-effective online marketing exercises. Once your blog is set-up the limiting factor is really just the amount of time and effort your willing to put into it!

Read more

SSL Certificates for Everyone!

Next month we will be issuing SSL certificates to all our web hosting customers, completely free of charge! an SSL certificate securely encrypts the connection between a web browser and our server and includes the padlock icon in the browser address bar along with https before the domain name.

Read more

The Graphic Design Process

If your thinking of working with us, rest assured at Studio Whitby we believe in making our design projects as easy and as simple as possible for our clients.

Read more

Are we the Right fit for You?

Take a look through our portfolio of work to get an idea of our style and ability.