Intro

The death of the boring blog post?

Let’s face it: the classic blog post is boring.

Barring the text and images, each one generally has the exact same layout. We see little originality from one post to the next. Of course, consistency and branding are extremely important to consider when designing a website or blog, but what about individuality? Does a blog post about kittens deserve the same layout as one about CSS hacks?

Standard Blogs in Death of the blog post

Too Easy?

Jason1 in Death of the blog post1

Because installing a WordPress theme is so easy, anyone can have a blog up and running in minutes. While this is great, and we now have a wealth of blogs on countless topics, perhaps it’s too easy? Just thinking about the endless hours of effort that a print designer puts into creating the custom layout of a magazine article makes one respect the finished product so much more.

A few individuals out there, though, are really breaking the mold of the blogosphere.

Dustin1 in Death of the blog post2

These guys aren’t using standard WordPress themes or cutting corners to make their lives easier. Rather, they are challenging themselves and producing some fantastic content.

Pushing yourself to create original layouts and designs customized to the content of each post is a fascinating and entertaining way to build a blog.

Greg1 in Death of the blog post3

But why has this trend of melding blog post and magazine article, the “blogazine,” not caught on with the masses?

The <cringe>Trend</cringe> with a difference

Hearing the word “trend” makes us designers shudder because we picture overused glossy buttons, drop-shadows and reflections. But the blogazine trend could be unlike other trends for a few special reasons. Designing a creative layout for each new blog post, based on the content itself, requires skill, patience, dedication to the content and, most of all, effort on the part of the designer!

Let’s now look at three people who exhibit all four qualities:

Pioneers Arrow in Death of the blog post

The Pioneers

Jason Santa Maria4

is one of the early innovators of this style of blogging and has been creating custom blog post designs since June 2008. With a background in print design, Jason had a vision to create a blog more in the style of a magazine, rather than obey the established rules of blog design.

While, yes, this is a redesign of sorts, I consider it much more a rethinking.

~ Jason Santa Maria

Jason Work in Death of the blog post5

Jason’s blog posts are fascinating and cover a wide range of topics, including design, typography, books, photography and film. The differences in the designs are sometimes just subtle changes in background or typography, but each conveys an entirely distinct message that it couldn’t if it was uniform with the rest.

Sometimes the changes are radical, but every one still has an element of “Jason-ness.” The header and footer are usually consistent, but even without them, you can still tell a Jason Santa Maria post from a quick glace.

We’ve made so many advancements in how we publish content that we haven’t looked back to what it is we’re actually creating. Many of us see the clear separation between things like print design and web design, but I’ve really been questioning the reality of why things are this way.

~ Jason Santa Maria

We Web designers don’t want to be regarded as lazy. Do we?

We have some of the

most creative and inspiring designers

in our profession, so why don’t we show our true potential in our blog articles?

Dustin Curtis6

got a lot of publicity with his open letter to American Airlines7, in which he suggests a dramatic redesign and rethinking of its online customer experience. The articles on Dustin’s blog are incredibly fascinating, and this user experience designer has clearly put serious thought into each one.

Dustin Airline in Death of the blog post8

I got the chance to speak with Dustin about his work:

Dustin Brain in Death of the blog post9
What prompted you to create a “blogazine” instead of a traditional blog?

I’m never satisfied with my work. Invariably, two weeks after finishing a design, I feel like I can do better. When I originally tried to design my blog, I kept finishing a design, hating it and starting over. This happened ten or twelve times until I finally gave up. Eventually, I realized that each post could stand on its own and be its own design that fit the content. Despite the holdbacks of HTML and CSS, it has worked much better than I had even anticipated.

Does having a blogazine really boost your creativity when it comes to creating a post?

The blogazine style does seem to boost creativity, and by a huge amount. I feel an intense amount of freedom when I’m not constrained by the box of a pre-formed design. I can open Photoshop and use it as a word processor with design functionality. The design really does complement — and become — the content, because they are built simultaneously, without regard for any of the other stuff on the website.

I feel an intense amount of freedom when I’m not constrained by the box of pre-formed design.

Dustin Twitter in Death of the blog post10

Where do you get your inspiration for your blog articles?

I get inspiration from everywhere. I’m fascinated by medicine and the human brain. So many of my articles center on interesting things that I’ve learned while studying neuroscience. Sometimes I’ll start with a single word, like “sleep,” and develop it into a whole article as I research the fringes of the field. There’s really no set source of inspiration.

Advantages?
Disadvantages?

The main advantage is one I didn’t anticipate. Doing a blogazine article requires a lot more work than a traditional blog post, and that has kept me on my toes; because such a large investment is required, I publish only what I feel are my best articles.

The biggest disadvantage is that CSS and HTML are terrible technologies that weren’t designed for page layout. They were designed for structured content presentation, like for a newspaper, where all the elements throughout the website are the same and are re-used. But I’m trying to make a magazine, where the content and presentation are inextricably mixed and unique. The way presentation CSS is supposed to be decoupled from the content HTML is totally counter to the mission I am trying to accomplish, and it makes coding the articles frustrating, messy and time-consuming.

This seems to keep the quality fairly high. I start four or five articles for every one I publish. If I had a normal blog, that wouldn’t be the case — the other four articles would be published too, even though they wouldn’t be as good as the ones I do end up publishing.

My solution to this problem has basically been to ignore convention and use inline styling for most of the presentation code and extract the website-wide presentation layer into a separate CSS document. This takes forever and is not ideal. To put it lightly, I’ve developed a love-hate relationship with CSS.

What if a print magazine

used the same template for every article?

It would be pretty boring, no?

Gregory Wood11

is a website designer at Erskine Design12 and has created his website as an experiment in art direction. Not allowing himself to use the same old templates, Greg has created a fascinating website, with custom designs for each blog post.

Greg Work in Death of the blog post13

Here’s what Greg had to say when I spoke with him:

Greg Interview in Death of the blog post14
What prompted you to create a blogazine instead of a traditional blog?

Well, I’ve had a blog for ages and have always been bad at keeping it regularly updated, until I custom-designed a few of the posts sometime last year. I generally hate writing about Web-related stuff (I find it all a little boring), and I love designing, so I wrote about what I wanted (music and zombies) and designed each post around the content, although still housed in my old blog layout. The reception to the posts was really nice, and I enjoyed creating them, so for my latest website I set out to cater to that same audience and keep myself happily occupied at the same time.

Does having a blogazine really boost your creativity when it comes to creating a post?

I wouldn’t say it boosts my creativity; the website is more of an outlet for it. Despite spending all week being creative at Erskine Design15, it’s still quite liberating to design whatever you want, however you want, with no external influence.

Because it’s all nicely designed, readers are drawn in and end up reading more than one post.

Where do you get your inspiration for your blog articles?

Usually I think of my best ideas when cycling or sitting on a tram or bus. It’s been a big thing on the Web over the years, where you get your inspiration from, and I’ve never really understood it. I think that looking at other people’s work all the time for inspiration is massively constricting. I find staring out a window for a while usually helps.

Advantages?
Disadvantages?

The obvious advantage is that it looks better. But the content is infinitely more captivating as well. I’m not a great writer, and I probably write a lot of bullshit, but because it’s all nicely designed, readers are drawn in and end up reading more than one post. It’s also very fun to create and helps me grow as a designer.

I guess some would say the time factor is a disadvantage, but if you love doing something, spending a lot of time doing it is justified.

I can’t think of any disadvantages.

The Microblogging Revolution

Twitter16, Posterous17, Flickr18, Facebook19, the iPhone20 and countless other services make it incredibly easy for us to instantly post short musings, photos, video, thoughts and creations, which in turn has created a big gap between the micro post and the macro post.

Time for the macro post to shine

Longer blog posts with valuable content might not get the recognition they deserve, because the 140-character mindset turns people off of reading several pages of text. One way to combat this and make your content more appealing is by creatively altering the layout, using the blogazine technique.

Bridging the gap

We don’t know exactly where the world of blogging is headed in the next few years, but the increase in micro-blogging will definitely be a strong influence. Shorter attention spans call for drastic changes to the length of blog posts. Blogazines could cater to a generation accustomed to the longer articles of newspapers and magazines, becoming a bridge between the traditional article and the TwitPic.

Forces you to think more creatively

Slipping into the habit of typing up your thoughts and clicking “Post,” without thinking about the layout of each article, is easy. By taking a little extra time for the art of blogging, your creativity will increase with your efforts.

Something different and exciting for your readers

If .Net21 or Computer Arts22 printed every article with the same layout, every month, would you still subscribe? Your readers would more likely return for new articles if they anticipate something new and rewarding.

Reduces the number of short simple posts

Your blog posts will have much more weight if you take the time to create a full article, rather than knock of a rushed post.

Makes wordy posts more readable

If all you have is text, text, text, then people will be less likely to read it. Put a little effort into styling the content, and your post will become much more readable.

It takes serious effort

Hand-crafting each blog post won’t be easy, but the rewards will be well worth it.

You need CSS and HTML experience

Anyone can download a WordPress theme and merrily post an article. But building a custom layout requires some experience with CSS and HTML.

Inconsistency

The layout of your blog will change dramatically from post to post and, if not done right, may strike your readers as being awkwardly inconsistent. Just look at Jason Santa Maria’s work. Every post is radically different for a reason, but a consistent vein runs through the posts.

No print layout experience

Because this style borrows many elements from print design, anyone who has worked only in Web design may find it difficult to change their way of thinking. Rules of typography and white space, for example, may throw you off. But practice makes perfect, and an endless supply of inspiration can be found in creative magazines.

Foryou Question in Death of the blog post

Obviously this style isn’t suitable for every website. It wouldn’t be practical for blogs that pump out three or four articles a day, but certain types of websites could benefit from it especially.

Portfolios

We have a habit of following trends very easily, especially in our portfolios. Instead of following the tired old practice of positioning screenshots of your work in a nice grid one after the other, why not use the blogazine technique and design a fresh page for each project according to the subject, client and color scheme?

Online Shops

Many online shops suffer from a certain blandness, following the pattern of: thumbnail grid, name, short description and then pagination.

This layout may be good for usability, but there is a middle ground between scannability and visual appeal.

The design changes do not have to be dramatic. In fact, drastically changing the layout would not be advisable for online stores.

But perhaps even subtle changes to design elements could give your online shop the distinction that makes it more noticeable?

CSS Galleries

A new CSS gallery seems to pop up every day, making it increasingly difficult to distinguish between all of them. While some of the higher-profile examples like SiteInspire23 are fantastic for gaining inspiration, the constant influx of CSS galleries makes the inclusion of your own design in one of them somewhat less of an achievement.

It would be interesting to see a really high-class CSS gallery adopt the blogazine technique, with a custom page made for each worthy website, using large high-quality images instead of the typical screenshots.

The websites in a CSS gallery are not all about the same topic and do not have the same style or same content, so why should they receive the same treatment and same type of screenshot?

Merely for consistency?

Think about a painting that is worthy of being displayed in an art gallery. Should it be given the same treatment, cut to the same size, positioned the same way? Why do we treat gallery-worthy websites this way, then?

Quiet Blogs

Bloggers often lack the motivation to keep their blog running. Many of them feel they have to keep it fresh by updating it every day, and failing to meet their own expectations results in both frustration and a neglected blog.
Updating a blog daily isn’t ideal, and more often than not…

seven half-hearted articles a week does not equal one very polished, interesting article.

RSS readers are jam-packed with articles every day, and chances are, the articles that don’t get your full attention will get lost in the crowd. Keep your short musings and thoughts for Posterous and Twitter, and spend some real time hand-crafting well-thought-out articles. You’ll satisfy both yourself and your readers.

Look at Jason24, Dustin25 and Greg26. They do not blog that often: sometimes once a week, sometimes once a month. But the quality is always stellar.

Conclusion Title in Death of the blog post

You have endless possibilities to be more creative with your blog. Why stay tied down to one theme and one layout when you can experiment with your skills and push your creativity to its limit with a blogazine? With the Internet suffocating with blogs, people have developed incredibly short attention spans, and they probably won’t stop for your content if you have “just another blog.”

Why not throw away the blogging rule book and make your articles stand out from the crowd?

Paddy Donnelly46 is an irish UX designer, blogger47 and interviewer48 living in Belgium. He’s currently working on his own Blogazine49 and you can follow him on Twitter50

Fin in Death of the blog post

Footnotes

  1. 1 http://jasonsantamaria.com
  2. 2 http://dustincurtis.com
  3. 3 http://gregorywood.co.uk
  4. 4 http://jasonsantamaria.com
  5. 5 http://jasonsantamaria.com
  6. 6 http://dustincurtis.com
  7. 7 http://dustincurtis.com/dear_american_airlines.html
  8. 8 http://dustincurtis.com/dear_american_airlines.html
  9. 9 http://dustincurtis.com/a-tour-of-my-brain.html
  10. 10 http://dustincurtis.com/you_should_follow_me_on_twitter.html
  11. 11 http://gregorywood.co.uk
  12. 12 http://erskinedesign.com/
  13. 13 http://gregorywood.co.uk/journal/top-5-amiga-games
  14. 14 http://gregorywood.co.uk/journal/top-5-reasons-to-learn-to-dive
  15. 15 http://erskinedesign.com
  16. 16 http://twitter.com
  17. 17 http://posterous.com
  18. 18 http://flickr.com
  19. 19 http://facebook.com
  20. 20 http://apple.com/iphone
  21. 21 http://www.netmag.co.uk/
  22. 22 http://computerarts.co.uk
  23. 23 http://siteinspire.net
  24. 24 http://jasonsantamaria.com
  25. 25 http://dustincurtis.com
  26. 26 http://gregorywood.co.uk
  27. 27 http://answers.polldaddy.com/poll/2168000/
  28. 28 http://answers.polldaddy.com
  29. 29 http://jasonsantamaria.com/articles/a-new-day/
  30. 30 http://jackcheng.com/
  31. 31 http://wordpress.org/extend/plugins/art-direction/
  32. 32 http://wordpress.org/extend/plugins/art-direction/
  33. 33 http://wordpress.org/extend/plugins/art-direction/
  34. 34 http://metalabdesign.com/zappos/
  35. 35 http://wordpress.org/extend/plugins/wp-post-styling/
  36. 36 http://wordpress.org/extend/plugins/wp-post-styling/
  37. 37 http://wordpress.org/extend/plugins/wp-post-styling/
  38. 38 http://dustincurtis.com/about.html
  39. 39 http://wordpress.org/extend/plugins/wp-post-styling/
  40. 40 http://wordpress.org/extend/plugins/wp-post-styling/
  41. 41 http://github.com/ionfish/designate/
  42. 42 http://wordpress.org/extend/plugins/wp-post-styling/
  43. 43 http://wordpress.org/extend/plugins/wp-post-styling/
  44. 44 http://vimeo.com/4394152
  45. 45 http://www.flickr.com/photos/shauninman/tags/si10/
  46. 46 http://iampaddy.com
  47. 47 http://blog.iampaddy.com
  48. 48 http://blog.iampaddy.com/interviews/
  49. 49 http://iampaddy.com
  50. 50 http://twitter.com/paddydonnelly
Advertising
  1. 1

    All I have to say is – pfshhhhhhh!! This is the future of the web. Do you want to know how print could ever disappear? It’s when designers and publishers begin to look at the web as an incredibly flexible, powerful and portable medium for publishing.

    The blogazine trend as described right here is an obvious step in that direction. Well, that, the iPad, and fiber.

    -2
  2. 502

    My only criticism is the fuzzy white pixels above y’all heads in the bottom right … other than that, this is fantastic!

    -1
  3. 1003

    This is great article. I have never thought that this could be a way to make my articles more interesting.

    -1
  4. 1504

    Love what you said about html and css being so time consuming, when it come to real creativity html and css do my head in, I wish we could ditch them both and move on.

    -1
  5. 2005

    For a really boring site, check out thissiteisboringdontcomehere.com

    -1
  6. 2506

    Trains to kanyakumari

    November 12, 2010 4:31 am

    i know the full concept of html it is very useful when compared to css.

    -1
  7. 3007

    Unfortunately, good design takes time, and it feels like you guys rushed through this one.

    -1
  8. 3508

    nice blog ,,awesome ,,..hope i’ll get a lot of information on your site..
    regards

    -2
  9. 4009

    TameBeast

    Yes, it’s outsourcing mostly, apparently, to India which leads me to judge anyone can do it since all you hump to tally is a drill in proximity of you to construe any ergodic page you turn to and part utter the Side module (i.e. Yes, No, Can I Do Anything Else For You Today?, etc. etc.)
    _____________
    jitu
    BPO Work

    -1
  10. 4510

    It is a nice blog,I like it .

    -1
  11. 5011

    Miroslav Svestka

    April 20, 2011 10:43 am

    Creative way in jogging minds !
    Your graphics are inspiring & makes reading your good points so much STRONGER …
    Thanks,

    Miroslav Svestka
    President & CEP
    Printing Industry Exchange

    -1
  12. 5512

    This is the most informed writing I’ve ever seen on this subject

    -1
  13. 6013

    i sure this the future blog post.. i’ve made it in blogger machine last month .. where’s the like button for my comment?? :D

    -1
  14. 6514

    Nice post ! I will save it in my favorites. thxx

    -1
  15. 7015

    The ideas posited in the article *might* be interesting for those able to see this page. I could only manage to read about 10% of the content here, thanks to your choice of #333333 on black. Form over function, innit?

    3
  16. 7516

    There’s some food for thought here for sure.

    But… a blog post that basically reads like a crappy infographic, 90% of the comments here are worthless GARBAGE and your comment form is now broken in Chrome.

    The future of blogging? God, I hope not.

    2
  17. 8017

    Stephen Griffiths

    January 2, 2013 5:32 pm

    Unreadable grey on black text. div class ‘pioneers_look’ has a problem where the text has popped out of the box. Blockquote from Santa Maria is too wide for the content wrapper. Using latest Chrome on Windows 7, in the year 2013. Your post simply does not work as an example, sorry; I’d rather be able to read the content than experience unique post designs.

    6
  18. 8518

    Thanks for sharing this interesting and educative information. I think many writers will find your contribution very helpful, I have equally learnt something from it.

    0
  19. 9019

    Resume Writing Service

    February 7, 2014 10:19 pm

    Thanks for sharing this kind of informational blog. I have bookmarked that site and looking forward to your next post.

    0
  20. 9520

    scratch off map of the world

    April 17, 2014 2:59 pm

    This is the most informed writing I’ve ever seen on this subject

    0
  21. 10021

    The ideas posited in the article *might* be interesting for those able to see this page. I could only manage to read about 10% of the content here, thanks to your choice of #333333 on black. Form over function, innit?

    0
  22. 10522

    Wow that was unusual. I just wrote an incredibly long comment but after I clicked submit my comment didn’t appear. Grrrr… well I’m not writing all that over again. Regardless, just wanted to say wonderful blog!

    0

Leave a Comment

Yay! You've decided to leave a comment. That's fantastic! Please keep in mind that comments are moderated and rel="nofollow" is in use. So, please do not use a spammy keyword or a domain as your name, or else it will be deleted. Let's have a personal and meaningful conversation instead. Thanks for dropping by!

↑ Back to top

↑ Back to top
↑ Back to top