Inspirational Pixels

Inspirational Pixels is a web design blog. It's focus is improving the skills of web designers and developers through the use of tutorials, articles, videos, code snippets and more.



Visit Inspirational Pixels
Full Screenshot: Inspirational Pixels

The Brief

Web design is a huge field to cover. It has many different paths and sectors, so you can’t just start a web design blog from scratch and expect the best results.

Instead of going into building Inspirational Pixels blind, I spent a lot of time researching what others were doing, and how they were doing it. The main questions I asked were:

  • Design and layout: How are these sites laying out their content? Is there a common pattern? Can I improve upon what’s already there?
  • Content: When do they publish content? What types of content do they publish?
  • Functionality: This one is always tricky, because all sites are different and therefore require different features. Is there a common type of email subscriber area? Does each post have social sharing?
A custom animated pop up to promote the newsletter.
A custom animated pop up to promote the newsletter.

There were a lot of things to look at, with the above only being a fraction of it. The thing I had to keep in mind was always putting the content first, as that’s what people would be coming to the site for.

What I Did

To create something that would perfectly house the content, without suffocating it, I took a three-step approach:

  1. Create a minimal design that doesn’t get in the way.
  2. Plan out different content types and prepare analytics to see which ones work the best.
  3. Create ways of “linking” content. For example, a related posts section or mentioning related content at the beginning of an article or tutorial.
Snippets were added to help people find the code they needed quickly.
Snippets were added to help people find the code they needed quickly.

My ideas started out as a sketches, where I planned the overall layout. It then went into a wireframe and slowly morphed into an initial design I could run with.

After the design was finished, I began coding a basic outline of the site. Starting with simple HTML/CSS pages and then slowly bringing in the WordPress functionality.

The Result

Although there were a few changes made after launch, the site you see today isn’t far from my initial concept.

The entire project has been a fantastic learning experience for me, in terms of web design, writing and marketing.

I still run the blog today, and am constantly finding new ways of providing more value to my readers.

From time to time I release freebies as a way of giving back to the community.
From time to time I release freebies as a way of giving back to the community.

Quick Stats

  • The site gets roughly 100,000 pageviews every month.
  • It was built with and runs on WordPress.
  • There’s an average of 3 new email subscribers every day.
  • There’s also about 2 new comments every day.

If you’d like work with me on a project like this, please get in touch.


Get in Touch!

I'm currently building awesome websites at FHOKE and am not looking for new work.