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.

Spring 2017 Newsletter

Hi and welcome to the Studio Whitby Spring 2017 Newsletter! With the Summer tourist season fast approaching, it’s the perfect time to think about how design and branding can help your business look more professional and attract more customers in 2017.

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

The Web Design and Development 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

We're on Dribbble!

We recently received an invitation to post our work over at Dribbble. Dribbble is an invitation only community of creative designers, developers, illustrators and artists.

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.