I can’t help it, I just love to talk about design

Hopefully you’ll find these articles helpful! Maybe even insightful?

Blog

01
SEP

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.

Responsive Website Design

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.

Responsive Website on Smartphone

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…

  1. Katherine / August 13, 2013

    Looks great Sheena! Found you via the Blog Awards, congrats on the nomination.

  2. sheenaoosten / August 13, 2013

    Thanks Katherine. Nice photos by the way!

  3. Emmett / September 04, 2014

    Excellent blog! Do you have any suggestions foor
    aspiring writers? I’m planninng to start my own site soon but
    I’m a little lost on everything. Would you recommend starting with a
    free platform like WordPress or go for a paid option? There are so many options out there that I’m completely overwhelmed ..

    Any recommendations? Bless you!

  4. sheenaoosten / September 04, 2014

    Thanks for your comment Emmett. I wouldn’t consider myself a writer in any sense of the word, but I can tell that there are many platforms out there for you to choose from that are free and perfectly sufficient. WordPress is one of the best open source blogging platforms available, so if I were to recommend one that would be it.

WHAT DO YOU THINK?

required required info