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.

Studio Whitby

Over the last few months I’ve been moving my design business into a small studio at the Green Lane Business Centre here in Whitby, its now open! and I’m usually around from 9am until 5pm throughout the week.

Read more

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

Autumn 2016 Newsletter

Hi and welcome to the Studio Whitby Autumn 2016 Newsletter! With the nights drawing in and tourism based businesses now approaching the end of the season, it’s the perfect time to think about how design can help your business look more professional and attract more customers!

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

Are we the Right fit for You?

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