August 12, 2020

10 Blog Designs with Innovative Layouts

It seems that the majority of blogs all follow a standard layout: a long list of posts on the left and a sidebar on the right containing such things as recent comments, popular posts, etc. For this reason, when designing a blog, it is so important to do something innovative with the layout to help it stand out from the crowd.

Here are are 10 well designed blogs that all possess smart and innovative layouts. These should help inspire you to be different.

SpaceCollective

SpaceCollective

NEWTOYORK

NEWTOYORK

ANidea

ANidea

Jason Santa Maria

Jason Santa Maria

GOOD

GOOD

Alpha Multimedia Solutions

Alpha Multimedia Solutions

Alex Buga

Alex Buga

UX Magazine

UX Magazine

Information Architects

Information Architects

Wilson Miner

Wilson Miner

Share

Henry Jones is a web developer, designer, and entrepreneur with over 14 years of experience. He is the founder of WDL and ThemeTrust.

33 Comments

  1. photofolio Reply

    Very inspiring. Interesting though how many of those ‘innovative’ layouts look like the good old days of printed content.
    On a sidenote: information overload is a problem nowadays, seeing these thumbs information overload in even one single webpage is also a growing pain.

  2. Astralis Reply

    Most of these sites look awesome as thumbnails, but once I visit them, they don’t look so great. Has anyone else experienced this phenomenon?

  3. Annemieke Reply

    Well, within the standard layout I like what you did here, on this blog, with the recent posts and comments. Great abstract form for the recent comments and I just love the pictures next to the recent posts.

    What I like about it, is that it is within the standard layout but done in a different and very tasteful way.

  4. Artboredom Reply

    I just threw out all my comps for my site redesign. No more same-same multi-column gibberish. Forget even thinking outside the box. Design like there never was a box!

    Great post. Already Tweeted.

  5. Henry Reply

    @Matt – I think it means to introduce something new or make changes in anything established, and so does dictionary.com. What do you think it means?

  6. Artboredom Reply

    I was so into hammering my own site that I realized my blanket statement could’ve been misinterpreted as a knock against any and all sites using multi-column layouts. More importantly it could look like I was knocking your site. This is exactly why teachers would never call on me in school…

    I really love what you’ve done here. The layout is fresh, colors are original, and I’m completely digging the comment column. 🙂 I’m going back to my side of the internets.

  7. Henry Reply

    @Artboredom – I never thought for a second you were knocking this site. I’m glad you like the design. I think it shows that you can still be creative and different within a multi-column layout.

  8. Niki Brown | The Design O'Blog Reply

    I definitely love jason santa marias site – its different with each blog post he writes! Its interesting – we cram our blog content into a consistent layout – when the layout should be flexible to change when our content does. I think this is something we have been missing out on in web design.

  9. Anthony C. Reply

    @Matt – I think he is using the term “innovative” properly.

    Innovative – Introduction of a new idea into the marketplace in the form of a new product or service, or an improvement in organization or process

  10. Sherilyn Reply

    @GG one would think so, but disagree. Whether the layout is ‘pretty’ or not may not matter nearly as much as content, but the layout being USER FRIENDLY certainly is. Nothing makes me click ‘close’ faster than a website with a confusing layout, or just too ‘busy’ looking.

  11. RaiulBaztepo Reply

    Hello!
    Very Interesting post! Thank you for such interesting resource!
    PS: Sorry for my bad english, I’v just started to learn this language 😉
    See you!
    Your, Raiul Baztepo

Leave a Reply

Your email address will not be published. Required fields are marked *