Introduction

Over recent years, I’ve been watching with interest as websites have, one-by-one, seemingly started to implement new and interesting designs known as Responsive Web Designs (or RWD for short). In summary, responsive web sites are able to adapt to the device that they are being displayed on. Soon to be gone (hopefully) are the days when you are served websites designed for use on the desktop or a separate site entirely when using a mobile or a tablet.

Some of my favourite places on the web, such as BBC News and The Guardian have been at the forefront of this new approach and I thought that it was about time that I found out how it was done myself. I set myself a task: rebuild my own website using RWD techniques.

Background

Many moons ago (Spring 2010 to be exact), I was a final year student of Multimedia Technology and Design at The University of Kent. It was the Easter break and my final few months of University so I decided to turn my attention towards my future. I was already working for the Co-op, but I wanted to work in a field related to my degree and I saw that building a portfolio website would be essential.

It turned out that I was offered a job before I’d even finished it and so it remained there, unfinished and unloved.

The Home page for a previous design of my portfolio.

In the time since, I kept myself busy with the odd side-project or two but the emergence of Responsive Web Design techniques and my desire to want to learn them had finally given me a reason to go back and give it a much needed facelift (and more importantly, to actually finish it).

What’s Next?

The redesign is something that I am actually in the midst of doing right now. You can see the progress that I have made already over on my site at:

The home page for my redesigned portfolio website in it's current state.

http://www.rickymanning.co.uk

In the coming days and weeks I am going to try to describe the process that I have already been through in order to get to where I am now, as well as list any helpful resources or sources of inspiration. I will then outline the improvements and enhancements that I plan to make and document my continued development.