Home/ Journal Bens Projects Binary Moon Archives About Ben Gillbanks Subscribe to Binary Moon Updates

Subscribe to Binary Moon Website Updates, it's Free and Easy to Stay in Touch

Search Binary Moon

Search Binary Moon

Binary Moon WordPress design vIII

As I briefly mentioned on Monday, I have finally redesigned Binary Moon.

I actually started redesigning about 2 years ago. Initially it was going to be an update rather than a totally new look, and I even built most of it, but I just wasn't entirely happy.

Then last year I started building what would become my soon to be released framework, Elemental, and the logical progression from that was to use it as the base for the site you see before you now.

Objectives

The primary objective of the redesign was to make it easier for people to navigate, which in turn should make increase page views and hopefully encourage reader participation (ie comments).

I also wanted to make it easier to subscribe to the site, either through RSS feeds or with something like Twitter.

Another area that needed significant improvement was the homepage. It used to focus on a single post, but that meant there wasn't much incentive to browse the other areas - and there was nothing that displayed the breadth of content I have. The new home page that has 3 recent posts, and the three main categories of content, gives a much better idea of why the site exists.

Interactivity

I decided early on that I wanted to make the site more 'interactive', and jQuery was the obvious choice. I then plumped for the jQuery Tools library which allowed me to quickly add a whole bunch of dynamic content. You can see some of the interactivity by clicking the RSS or search buttons in the site header.

Contextual content

I wanted to try and keep things relevant, so rather than have the same sidebar content on all pages I use some simple conditional statements to show different elements based upon the category you are in. The web design category is currently the most full, with the entertainment category in second place (showcasing my games, and recent Binary Joy posts).

I intend to take this further in the future with more content for categories outside the two mentioned above, and even different designs to increase the distinction between areas.

More personal

I also wanted to make it clearer WHO the site was about. So I added a small photo and description of myself on every page. I also added my gravatar to every post, and will be rewriting the about page at some stage.

Code

Technically there are quite a few new things going on under the hood and I intend to do some more detailed posts in the future explaining some of my concepts. These posts will actually all tie into Elemental as most of what I have done is included there.

What do you think?

I've had some really nice comments about the design but I would be really interested in hearing more specifically what you like or dislike, and for the techies among you - is there anything you would like me to explain in the tutorial posts I mentioned above?

5 Responses to “Binary Moon WordPress design vIII” Leave a reply ›

  • Looks pretty awesome! Do like the jQuery :D . Going to have to pop something like that on Shout!

    Love the new homepage; it retains the bloggy look whilst showing off various bits of content. There's no pagination on the homepage though, which would be nice.

    Do like the category bits on the homepage - that in two loops excluding the first post on the second?

    • And having search in a lightbox is ingenious!

    • Thanks for the comments Alex :)

      I hadn't considered pagination on the homepage, I guess that would be a good idea - at the least there should be a link to the archives after the third post

      The category was done with one per category (to reduce db queries) and a simple counter and if statement to alter the appearance of each post.

  • Where do i download the theme? How much does it cost?
    Thanks.

Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

About me

About BenMy name is Ben Gillbanks. I'm a lover of Video Games, WordPress, Web Development and everything in between.

I have been working on the internet since 1998, and working with computers even longer. I am a hardcore Nintendo fanboy and have owned most of their consoles at one stage or another.

Read more about me on my about page.


Follow Me


Random Link-outs

The Binary Network links to all my websites
bengillbanks.co.uk - Ben Gillbanks

Ben Gillbanks

All my websites under 1 roof, the easiest way to find out what I do

Pro Theme Design - premium WordPress themes

Pro Theme Design

Premium WordPress themes by web design pros (erm... that includes me)

Binary Joy - gaming news and reviews

Binary Joy

Gaming news and reviews

Binary Sun - play free online games

Binary Sun

Play and download free and paid games (many made by me)

Gaming Angel - download and play games online

Gaming Angel

Stacks of shareware games, free to try and cheap to buy