Website Re-Designed And Now Responsive Too
With the explosion of browser-enabled devices hitting the market over the past couple of years, the web is becoming increasingly ubiquitous. This changing landscape means that websites are no longer being viewed exclusively on a traditional desktop PC’s and laptops. As designers we now need to also factor in the use of additional mobile devices such as tablets and smart phones. With an endless number of screen dimensions, resolutions, browsers and platforms to design for, it’s becoming progressively difficult even to keep up.
One thing’s for sure though…the widely adopted approach to website design that we’ve all adhered to in the past, and presently still, is no longer relevant. Imagine having to create a unique website for each and every device on the market? Not only is it impractical, it’s also very costly. A radical new approach is required. Ideally it would make more sense to take the “build once, works everywhere” approach. Not only would this reduce the need to maintain multiple versions of a website, it would also help businesses reach a wider audience than ever before. Responsive Web Design is one such approach.
So what is responsive design exactly?
As the name implies, Responsive Web Design (RWD) is simply a style of web design/development in which a site’s content responds to the device or environment on which it is being viewed and rendered. According to, or as defined is “an approach to web design in which a site is crafted to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones)”.
For the sake of argument and simplicity, I’m going to consider the concept of adaptive layouts as a form of RWD – the difference being that the content adapts at various popular breakpoints (sizes) such as desktop, ipad portrait, ipad landscape, iphone etc. This is by no means a 100% foolproof or future proof solution, but it is undoubtedly a huge step in the right direction at the very least.
With my own business undergoing a re-brand and my website in need of a refresh, I figured there was no better opportunity to make it more responsive. Go ahead, grab your iPad or smartphone or simply make the browser window smaller and watch how the content magically adjusts to give you a better overall user experience. Of course there’s no magic involved at all here, but I’d rather not bore you with the technical details on how web professionals make RWD a reality. Let’s just say it involves a mixture of fluid grids, flexible images, media queries and a whole LOT of planning, research, thought and testing.
Responsive Web Design is the future
At this point you may be asking yourself, “if this whole Responsive web design idea is so fantastic, why isn’t everyone doing it?” Well there are many reasons for this, but simply put – it isn’t necessarily right or applicable for every business. No pressure to jump on any bandwagons here. What you do need to do is carefully consider your target audience, their unique browsing habits and of course your budget amoung other things.
It’s important to stress also that RWD is still only in its infancy and continues to evolve on a daily basis. It may not be a one-stop solution to all your problems, but it is however an approach that you should be seriously considering as this web ship steams ahead at full speed…