Hey everyone. I’ve just given Future Perfect a total makeover, so I’d love your comments on what works and what doesn’t.

Especially:

  • font choices
  • font sizes
  • graphics
  • readability
  • eye-pleasability
  • stuff you feel’s missing

Have a mosey around and then leave some feedback here. Thanks team.

19 responses to “Future Perfect Reloaded”

  1. Like the fresh look, only comment is perhaps the header is a touch too much approx 2/3 of the screen. Could have same impact with half screen and show a taster of what’s below.
    Keep up the good work.

    Like

    1. Brilliant, Phil, thank you. Can I ask what you’re viewing on – laptop, tablet, phone? It shouldn’t take up more than 1/2 the screen (a la Medium.com) but obv your mileage may well vary.

      Like

      1. Hi Barry,
        I was looking on a widescreen laptop. Now I am looking on a large monitor and you are right it’s about 1/2 the screen. Also on the mobile site it’s 1/2 screen.

        Keep up the good work

        Like

      2. Thanks Phil – really helpful. I’m going to mess around with the CSS and try to make the header a little bit smaller.

        Like

      3. Phil, have tweaked the header size. Is this better from where you’re sitting?

        Like

  2. Brad Hansen avatar
    Brad Hansen

    Hey, Barry! Good to see the new site. I’ll have to catch up on your posts.

    Like

    1. Thanks Brad – welcome aboard!

      Like

  3. New site looks great! Love the white space and font choices. For the blog images with people/faces, wondering how it would look with the title block slightly transparent, or perhaps with a narrow title block at the top of the blog pages instead. (Or not.) Also the grey line in the title block makes your name appear to be a button.

    Keep up the good work, Barry! Looking forward to your book next month.

    Like

    1. Excellent Tracey, thank you. I’ll see if I can widen the grey line – would that do it? The idea is that the black block over the header images looks a little like an old-school book cover… but I take your point about faces.

      Like

  4. Ah! I did actually think the Peter Saville piece was reminiscent of books. I don’t think you need the grey line at all. (See the older-school version without lines http://designmuseum.org/design/penguin-books.) I think your name could be in white as well, potentially with the regular Gill Sans thickness if it doesn’t look too thin against the black.

    Btw came across this treasure trove of free images recently which might be useful to you in the future: http://designrope.com/design/find-stock-photos-dont-suck/

    Like

  5. Hi Barry,
    Looking better on widescreen laptop now showing about 50% header.
    Check it out on Windows phone and it looks great, however when I look on firefox on an android tablet on the mobile site instead of a menu and search tab at the top there is a drop down is permanently showing and covering the header.

    Like

    1. Thanks P, yes aware of that one – it’s the same on my iPad mini. Trying to fix.

      Like

      1. Fixed. Let me know if you still have problems your end Phil.

        Like

  6. Looking great now Barry on android as well.
    God bless.

    Like

  7. It looks good. The prevalence of white space made reading easy in Safari on a laptop.

    I’m partial to seeing tweets and popular posts in the right panel but I think the more centered look works better for viewing on a Kindle Fire.

    Also, a centered ellipsis in a new line might work better for touch screens than “continue reading” but that would probably be grammatically incorrect.

    Good luck!

    Like

    1. Thanks Candacia – very helpful. By a centered ellipsis, do you mean something like this:

      except centered and turned into a link? If so, I wonder if it might be quite small to spot / click? Maybe there’s an example somewhere of what you have in mind?

      Like

      1. That is what I meant, but bigger, about the size of the header.

        I feel like I have seen it on other blogs but I couldn’t find any examples. Sorry.

        “Continue reading” or “read more” works fine, especially if it is in a new line.

        Like

  8. Hi Barry
    Look forward to reading this. I’ve really enjoyed some of your stuff in the past, and meeting briefly at EMA yesterday (I was the guy who just needed you and Nate to know ‘everybody’) prompted me to have another look at your blog. My main comment is that with only one sentence of ‘preview’ it takes a while to work out what each post is about – and certainly on my ageing Macbook clicking takes a few seconds to bring up the page. It would be lovely to have a paragraph per post on the homepage so I can see what is of most interest.
    Hope that’s of use,
    Blessings,
    Matt Searles

    Like

    1. Was good to meet you Matt. That’s a good point about the previews – I’ll bear that in mind from now on.

      Like

Leave a reply to Barry Cooper Cancel reply