Viewed: 3830

About version 5

Website in about 3 minutes

Another redesign, another blog post. It’s the majority of what my blog posts are based around. With each version I say I’m going to blog more, but the redesign has never really focused on it. This was one of my main goals, to bring more focus to the blog. Then maybe it would add to making me write more.

The design has a similar basis to the majority of previous versions, especially V4. I’m at a stage where I’m quite happy with the position of content around the site. So things are mostly a visual refresh.

My goals

My goals were fairly simple, I think I’ve achieved a few so far but others are long term.

The first 3 I’m confident I’ve met as they were somewhat the simplest. Through adding a blog post to the homepage, this in turn reduced emphasis on hiring me and I’ve taken some things out of my portfolio and gave it a better layout.

Making the portfolio more mobile friendly is a work in progress still, I’m going to be cropping a few sizes and using picturefill to ensure this is pretty good.

The biggest one to do with the site I feel is to try increase traffic. I’ll have to blog more frequently than I do to remotely achieve this. I plan to, I don’t want to say I will as I’ve done it in the past and got nowhere.

The last few are more personal goals. Thinking about the details, is something I’ll get better at with time. It’s more of a joint personal and site goal. I felt I’ve added a lot more focus to this design and getting things right.

Becoming a better designer and adding to the portfolio are fairly obvious. I hope through blogging more this will kind of come with it.

Wrap up & design decisions

Overall I’m pretty happy with this change to my website. I’ve still got a bit of work to do, I want to add custom page banners. I want to put some real effort into them and try make them great. Also the left over things to do in my portfolio.

From the last version of this site I’ve tried yet again to go mobile first. With better decisions made. I’ve gone for an off canvas navigation this time:

I’m using what’s becoming the standard three line icon.

I’ve pretty much gone all em based. Although I’ve mostly used rems, without a px fallback (I don’t care for < IE8, besides IE is about 3-4% of my site traffic). Sass makes it a breeze too with using a function that converts the numbers passed. As what convinced me was this article. It ensures that nothing breaks if you zoom in (although in Chrome you have to refresh for it to work).

I think that’s it another bit for the history of the website!

If you found this article useful or it’s saved you time, I would be grateful for your support.

Next to read

About version 4

Start new designs quicker

It’s my aim to help you be a better designer. I’ve made you a simple Adobe Illustrator template to manage your colour, grid and guides. So you’ll get to executing your ideas around 20 minutes sooner, every time.

Join my monthlyish email list and I’ll send you the template and new tutorials to help you design & code beautiful websites. You can unsubscribe anytime.