Showcase of Blogs with Unique Post Designs | Webdesigner Depot

11 May
Showcase of Blogs with Unique Post Designs
Blogs, Design, Web Design
48

The trend of creating unique designs for each post on a blog is growing.
A few years ago the idea of creating a custom design for each post on a blog either meant you had to forgo traditional blogging software or hack the source code to allow for custom designs.
With the advent of WordPress plugins like Art Direction it’s now relatively simple for a designer to create a custom design for each post on their blog.
The sites below are some of the best examples of sites that use custom designs for many or all of their posts. Some play around with the general layout and color scheme of each post, while others create completely unique concepts for every post.
In either case, the posts are much more interesting because of their design and are reminiscent of magazine layouts (the term “blogazine” is often used to describe these types of blogs and posts). If you know of other sites with custom post designs, please share them in the comments area below.
Team Fortress 2
Team Fortress uses custom designs for major updates. Each post is custom designed, though there is a cohesive aesthetic style present throughout.

Evan Dinsmore
Evan Dinsmore only has a couple of custom-designed posts up so far, but both show just how promising this format is.

I Am Paddy
Paddy Donnelly has a handful of custom-designed posts up, each one very different than the last. The posts make use of different color schemes, layouts, and typography.

Codecandies
Codecandies has a large variety of both custom designed posts and standard blog posts. The designed posts are all unique, and are set apart in the archive with a “Designed” background behind the post title.

The Stray Muse
The Stray Muse designs each post with a completely unique concept, based on the content.

Tease
Tease is another blog that uses a completely unique concept for each post, utilizing different color schemes, graphics, typography, and layouts for each.

Craigmod
Craigmod’s posts aren’t all unique, but those that are make great use of different graphics, typography, and color schemes.

GregoryWood.co.uk
Gregory Wood’s site lacks a traditional navigation menu for finding posts, and instead uses “previous” and “next” buttons, meaning visitors are likely see more of his unique blog post designs.

Filmdagbok
Filmdagbok is another site that uses both custom-designed posts and traditional blog post designs. The custom layouts are differentiated with the “Magasinlayout” tag in the archive.

A Way Back
A Way Back only has a couple of custom-designed posts so far (along with a few standard posts), but both are excellent examples of what this format is great for.

Avoid Contact With Eyes
Avoid Contact With Eyes has almost entirely custom-designed posts. Some simply use a different background image, while others are completely custom creations.

The Bold Italic
The Bold Italic uses a custom post design for every post on their site, incorporating custom color schemes, layouts, graphics, and typography.

Coldheat
Coldheat has a mix of custom and standard blog post designs, but they go all out for the custom designs, using unique color schemes, typography and graphics.

Dustin Curtis
Dustin Curtis’s blog has more than twenty custom-designed posts, each of which is built around the content and uses a unique design concept.

HazardousInk
HazardousInk uses a mix of standard and custom blog post designs, focusing on changes in layout and color scheme over other customizations.

Trent Walton
Every post on Trent Walton’s site uses a custom header image, and many also incorporate custom backgrounds related to the content.

Travis Gertz
Travis Gertz has custom designs for each post, and also uses simple “previous” and “next” link navigation, rather than a more traditional post archive.

Justwatchthesky
Justwatchthesky uses mostly typopgraphy and color to customize their posts. This is also the only Tumblr blog featured here.

Tony Dewan
Tony Dewan only has two Art Directed posts up so far, but both are unique and great examples. On the article list page, thumbnails of each post are shown, which will be very visually interesting as the list of custom posts grows.

Pumpkin-King.com
Pumpkin-King.com uses custom designs for every post, and also includes thumbnails of each post in the archive.

Kyle Fiedler
Kyle Fiedler has a custom design for each of his posts, making use of different fonts, graphics, and colors for each one.

Jason Santa Maria
Jason Santa Maria is probably one of the widest-recognized users of custom blog post designs. While he doesn’t custom-design all of his posts, a large number of them have at least some customization, and some are barely recognizable as being on the same blog. His archive shows thumbnails of each post.

Design Informer
Design Informer is another site that makes use of both standard posts and custom-designed ones, some of which bear little resemblance to the standard post designs.

Hip Hop Quoted
Hip Hop Quoted uses a completely custom design for each post on their site. Each post has a custom color scheme, typography, graphics, and layout.

Compiled exclusively for WDD by Cameron Chapman
What do you think of these post designs? Please share other great examples below…
Share this story

Tweet Share
Related Posts
13 Characteristics of Outstanding Blog Design The Difference Between Art and Design Drop-Shadows and Gradients: Be Consistent in Your Visual Metaphors
48 Comments »

#1
Joel Vardy
May 11th, 2010 at 08:51
Really great examples here, It’s a lot more work, but it allows far more engagement with the reader!

Reply Close comment form

#2
cooljaz124
May 11th, 2010 at 08:59
Blogazine rocks !!!!

Reply Close comment form

#3
wpBlast
May 11th, 2010 at 09:08
These are awesome examples! Having uniques designs for posts is an innovative way to present information. Also a great way to always keep things fresh.

Reply Close comment form

#4
keshavsing solanki
May 11th, 2010 at 09:26
This is another helpful article. I’m learning so much from your site. Thanks!I really like your post…

Reply Close comment form

#5
Hitesh Mehta
May 11th, 2010 at 09:27
These are so unique! Loving it…

Reply Close comment form

#6
Swaroop Murthy
May 11th, 2010 at 09:39
Sensational! I was wondering whether this could be done on Wordpress.com, using the “featured images” feature? I suppose no real designer would use wordpress.com, but I just had to ask

Reply Close comment form

#7
Good Web Design
May 11th, 2010 at 10:50
Wow! Impressive! Love WordPress!! Definitely going through them and collect some good website elements to add to our showcase blog.

Reply Close comment form

#8
Thomas G.
May 11th, 2010 at 11:00
Really nice post!
This one is pretty cool too: http://yaronschoen.com/
Cheers

Reply Close comment form

#9
Baloot
May 11th, 2010 at 12:01
From the list, I just visit the DESIGN INFORMER. And that blog was on my Google Reader.

Reply Close comment form

#10
Storm
May 11th, 2010 at 12:11
Really good collection here, and some of the content (in the examples) is interesting too! I have alot of respect to these bloggers, it must take alot of work to custom design most posts. But, it does look brill.

Reply Close comment form

#11
Matt Hardy
May 11th, 2010 at 12:33
well i would like to put the quote on this post that
“Necessity is the mother of invention ”
Nice collection though for the getting a view of the Screen Designing. voila!

Reply Close comment form

#12
Lawrence
May 11th, 2010 at 12:55
Wasn’t aware of that Wordpress plugin. Definitely going to check it out. The web needs more uniquely designed pages. I think we get a little bored of the same layout day-in day -out when we check our favourite websites.

Reply Close comment form

#13
reADactor
May 11th, 2010 at 13:30
even not all are from “unique” category, few of them are indeed inspirational. thanks.

Reply Close comment form

#14
Ted Thompson
May 11th, 2010 at 13:38
Great article. Love Team Fortress 2! Thanks, Ted

Reply Close comment form

#15
No.1 Web Design
May 11th, 2010 at 13:39
Great collection list, thanks for share!

Reply Close comment form

#16
Franz Marini
May 11th, 2010 at 15:47
Really nice selection. Plenty of inspirational posts, too.
@Swaroop, I don’t think there would be any insurmountable problem in getting these (or at least some of) kind of posts done with WP… But, then, I’m not *so* knowledgeable about heavily customized WP, maybe someone more educated can chime in…

Reply Close comment form

#17
Jordan Walker
May 11th, 2010 at 16:32
Nice list of websites, very appealing.

Reply Close comment form

#18
Gabe Diaz
May 11th, 2010 at 17:14
Wow, this is a great collection of so many amazing examples! I knew of about a handful of the sites you featured but I now I have many more sites to visit and explore…brilliant!

Reply Close comment form

#19
kevin
May 11th, 2010 at 17:24
This is really awesome! A lot of inspiration for future works.

Reply Close comment form

#20
Rachel
May 11th, 2010 at 18:11
These posters are absolutely awesome. really adorable

Reply Close comment form

#21
Vin
May 11th, 2010 at 18:16
Thanks for the a great post – I’d like to nominate Panic’s Blog (http://www.panic.com/blog/) as an amendment to this list – they have a great design that’s both fresh and unique.

Reply Close comment form

#22
The Frosty
May 11th, 2010 at 18:18
Cool, I’ve done this for a few of my sites.

Reply Close comment form

#23
Bonnie
May 11th, 2010 at 18:29
Good for creativity. It shows that content design really matters.
However, the danger is that you can loose your website’s identity, which can be hazardous when you try to reach a certain level of fame. Most examples above are quite famous already…
I appreciate when a graphic element (logo, navigation, grid) helps me remember on which website I am and gives me a “visual handle”.

Reply Close comment form

#24
Tuhin Kumar
May 11th, 2010 at 18:52
That makes a total of around 30 sites which are Art Directed including Yaron’s site and Pictory. Also I would like you to check my site using the link in the name.

Reply Close comment form

#25
Teacher Teacher
May 11th, 2010 at 19:26
Many of these examples show so much talent! Some seem to apply the less is more principle, and I can see the wisdom in that. My 2 favorites on this list of potential blogazines are Travis Gertz and Hazardous Ink. Awesome!

Reply Close comment form

#26
John Paul
May 11th, 2010 at 20:59
Tease and Trent,, very cool.

Reply Close comment form

#27
Ed Dearborn
May 11th, 2010 at 22:32
Having read David Meerman Scott’s book, The New Rules of Marketing & PR, blogging has become our premier way to market ourselves and even connect people to our social media. I think what you article touches upon is a growing awareness that blogs are powerful when used intelligently.

Reply Close comment form

#28
Jeremy Girard
May 12th, 2010 at 00:50
Wow – very cool to see my work (http://www.pumpkin-king.com) included in this list.
I love the challenge of designing each article with a unique look and feel, one that compliments the subject matter of the article itself, and it is always nice to see that effort being recognized by my peers.
Great article/list – there are even some on here that are new to me (which I will excitedly be visiting now).
Thanks again, Webdesignerdepot – keep up the great work.

Reply Close comment form

#29
J.T. Verkade
May 12th, 2010 at 01:34
“The future of blogs are not over-photoshopped articles. It’s better content.”
You think this is the ultimate trend? Think again.
http://www.drawar.com/articles/the-super-freaking-amazing-future-trend-of-blogs/162/
I can’t believe no one here notices anyone of the major mistakes in the use of this trend. Unfortunately most of times these posts are only poor content wrapped in fancy layouts. It makes me sad designers don’t see that. I’m a webdesigner, but I’m also a reader. I want some quality content AND beautiful posts, but why do designers insist in pushing a trend so far it becomes something stupid?
To most of these bloggers: learn to write. Not only draw, sketch and design. And don’t be so self indulgent. It is annoyng.
Some designers are destroying what could be a great idea. Again. Thanx!

Reply Close comment form

#30
Jeremy Girard
May 12th, 2010 at 18:25
As someone who does art-direct each blog article, I can tell you that I personally approach each entry from the content first and then find visuals to support that content. Just because a blog features richly designed articles does not mean those visuals were given more attention than the content itself – just as a blog that follows the more traditional method of dropping content into a standard template is not necessarily quality writing simply because the author focused solely on content and not on design as well.
Are there some who follow this ‘trend’ whose content is lacking? Of course, but that is certainly not unique to this style. There are many bloggers following this trend who deserve the praise they are receiving and hopefully those whose writing can stand improvement will find inspiration from the sites who are doing this right and find ways to improve their own work.
You call for these bloggers to ‘learn to write’. Does the opposite also hold true in your opinion? Should bloggers who create quality content but who do not provide rich, supporting visuals also ‘learn to design?’ If you’re going to challenge one side to improve their overall offering, it seems only fair to throw the gauntlet down to the other side as well.

Reply Close comment form

#31
J.T. Verkade
May 12th, 2010 at 20:14
I see your point. And yes, I agree with you.
Let’s make better content, and better visuals that support our content. Anything different from this would be “design for design”. What’s the point?
Of course we all love web design and want it to be as beautiful and impressive as possible. I’m only trying to drive some attention to something more complex than just writing X design. That would be the fact that designers sometimes tend to overuse an idea and the initial purpose is, not rarely, lost.
There must be a balance. Some posts are just distracting, polluted or, in the worst case, hard to read.
I like art directed blogs. They’re beautiful, honestly. And of course there are great art blogs when it comes to content. Most of them just could be better. And I have no doubt what we all want to see is better web design.
I just want to make a positive contribution. Anyway it’s only a personal opinion.

(Comments won't nest below this level)
Reply Close comment form

#32
Ivan Cherevko
May 12th, 2010 at 03:32
Given that people are nominating their favorite every-post-designed blogs as a possible amendment, I’ll chime in as well.
Wonderful Peepcode’s blog, though only having two posts as of now (the latest at http://blog.peepcode.com/tutorials/2010/file-navigation-in-text-editors) is not just graphically beautiful, but also very sound in content, unlike many of the entries.

Reply Close comment form

#33
Hastimal Shah
May 12th, 2010 at 07:24
Really unique. Every blog post design creative work.
thanks

Reply Close comment form

#34
Eko Setiawan - camp26
May 12th, 2010 at 07:43
Amazing “blogazine”. Make your post more interesting and not boring.
Thanks for share.

Reply Close comment form

#35
Smashing Buzz
May 12th, 2010 at 10:44
beautiful blog design showcase, thanks for sharing

Reply Close comment form

#36
Pixeno Web Host
May 12th, 2010 at 14:25
The sniper vs. Spy is just class!

Reply Close comment form

#37
Nikunj
May 12th, 2010 at 20:21
Great Collection the art directed blogs are making the mark in design industries.

Reply Close comment form

#38
La Cinyc
May 12th, 2010 at 22:43
I like all the graphy touchy feely stuff round here, very inspirational, thinking outside the box…
keep up these examples here!

Reply Close comment form

#39
jeprie
May 13th, 2010 at 07:16
Man, the stink eyebrow is really funny! It seems like a man is staring at you from inside the monitor.

Reply Close comment form

#40
Salil S
May 13th, 2010 at 08:59
Superb designs….

Reply Close comment form

#41
CMS Themes
May 13th, 2010 at 10:18
I really like first 2 sites on the list

Reply Close comment form

#42
Angelee
May 14th, 2010 at 08:52
I love the pumpkin-king.com. The donuts make the website delicious.

Reply Close comment form

#43
jokolo
May 15th, 2010 at 16:09
some really nasty work , great, thanks
codecandies make it dope!

Reply Close comment form

#44
turtle
May 17th, 2010 at 21:09
those are really great..

Reply Close comment form

#45
existdissolve
May 22nd, 2010 at 16:20
This is awesome. I’m inspired to do the same.

Reply Close comment form

#46
juan
May 23rd, 2010 at 00:25
i loved that used minimalist concept

Reply Close comment form

#47
Auré
May 31st, 2010 at 16:03
AMAZING list !
Thanks for sharing

Reply Close comment form

#48
Glance World
June 15th, 2010 at 16:47
Thanks for sharing this amazing list

Reply Close comment form

Name (required)

E-mail (required - never shown publicly)

Web-site

Your Comment (smaller size | larger size)
2+2=? (required)
Notify me of followup comments via e-mail

TOP OF PAGE

Web Designer Depot

Home| Advertising| About| Contact

© 2010 All Rights Reserved