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

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.

Website Analytics Made Easy

When was the last time you looked at your Google Analytics? It’s not exactly user friendly is it! It’s often a struggle to see through the fake clicks and spam to get a clear view of the true numbers.

Read more

The Logo Design and Branding Process

If you’re 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

Bespoke Christmas Cards

Now is the time to start thinking about branded Christmas Cards for your business. Holiday greetings cards are often an under utilised tool to promote your business and put your product or service in the thoughts of your very best customers.

Read more

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

Are we the Right fit for You?

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