CodeinWP CodeinWP

Another Redesign for Impressive Webs

Another Redesign for Impressive WebsI don’t know how many times I’ve redesigned this site over the past 4 years, but here’s another one, just launched this morning.

Layout-wise, there’s nothing really all that different. It’s more of a different skin than anything, and (out of sheer laziness) the comments and footer area have pretty much remained the same. Basically, I got tired of the dull looking header/sidebar in the previous design and wanted something cleaner and with a little more color.

Here are some notes of things I changed and things I’m still working on:

  • A simple new logo that allows more room for the main nav
  • Went with the (admittedly) overused but beautiful League Gothic for nav and headings
  • Switched to a serif body font
  • Using faux columns, but it’s responsive
  • I will be testing on iPad later today, but generally it should be okay on there, I just haven’t looked yet
  • Smaller mobile devices should likewise be acceptable, but probably far from perfect
  • The navigation now includes a link called “Worth a Look” which is the Roundups & Resources category
  • Eventually, the main navigation will have a “Screencasts” link, which I’ve been wanting to do more of but haven’t gotten around to
  • I was all set to use indented paragraphs with no double spacing, but there were just too many things I didn’t like about that style for the current content

There are probably various bugs and font/alignment inconsistencies that I haven’t spotted yet, so if you notice anything, please let me know.

21 Responses

  1. Brett says:

    Looks great guys

  2. Umesh Gohil says:

    Well this is not that attractive as last one.
    Last one was more prominent with colors.

  3. Nate says:

    Nice redesign. I was a fan of the last one, but this is a bit cleaner. It’s funny how the need to redesign my portfolio consumes me every few months or so. I can relate.

  4. Cuteness Overload says:

    Well, I guess this one looks quite lighter and less… contrast-y than the old one, huh? I’m not much of a fan of the serif body fonts, especially on computer screens. A dash of blue helped a lot in keeping it fresh, no?

  5. I like the new design guys, I was getting bored of the old design too, the typeface was a bit 1991! really like the colours and I see you’re embracing the trend for using really large type in your headings. Not sure about he textured background in the head though – its a bit too large to tile well in a thin area, I think something smaller would liik better – but thats just me.

  6. Ana says:

    I like the header background – first thing I did was to check whether it was an image or a CSS pattern :)

  7. reraiseace says:

    Well, great responsive webdesign. But the footer is a bit to looong.

    • Yeah, the footer is almost exactly the same as it was, simply because I was too lazy to redesign it. I will eventually change it, but because I don’t currently have a online spot that focuses on my own side projects and writing, I will likely keep it pretty big.

      It’s not like it’s distracting or anything, being totally out of the way, below the fold and below all content.

  8. Scott says:

    Great effort, I really like this much more than the previous drab grey affair :)

    Only thing I wonder about is full site name isn’t visible, only “IW” in the logo. Obviously it’s in the domain name and title element but I would expect it to be clearer on the actual page.

    • Removing the site name was a conscious decision. I want to focus on the content, letting that be the branding. I don’t think it adds anything to the design to have the big words “Impressive Webs” in the header. Plus, this way it leaves much more room in the header for the main nav, which I plan to expand.

  9. Beben Koben says:

    congrats
    love it ☻

  10. steve says:

    It looks great, although the comments section is pretty badly squashed on my phone if its more than a couple of replies down.

    also, when typing this comment, I’m forced to the bottom of the screen and can’t see what I’m typing.. could just be a HTC quirk.

  11. WilhelmR says:

    Great redesign Louis, it definitely continues with the subtle look the last one was trying to achieve, but with much better results. About the minimalist header, I’m a fan of the site, have it bookmarked, so the lack of name isn’t a issue. But i’d like to see how that works out for new visitors (a post-redesign analysis maybe?).

    I must say, the typography treatment makes this blog one of the easiest to read around the web, props!

  12. Anna Harris says:

    You have provided interesting thoughts in website designing. We can get the more benefit from user sides by new and innovative look of websites.

  13. Mike Ward says:

    Really like the new web design, very easy to navigate and looks great.

Leave a Reply

Comment Rules: Please use a real name or alias. Keywords are not allowed in the "name" field and deep URLs are not allowed in the "Website" field. If you use keywords or deep URLs, your comment or URL will be removed. No foul language, please. Thank you for cooperating.

Markdown in use! Use `backticks` for inline code snippets and triple backticks at start and end for code blocks. You can also indent a code block four spaces. And no need to escape HTML, just type it correctly but make sure it's inside code delimeters (backticks or triple backticks).