Back in action! New Blog Design!

  • Posted on: June 25, 2008
  • Those Who Had Their Say: 32

For those of you who don’t know me, I’m one of the Unique Blog Designs founders. I started this personal blog back in July of 2007, and had it running for a few months. With the launch of UBD, I ended up spending all of my time working on the business, and designing for clients of ours. A blog-hiatus ensued, if you will.

Finally, a few months ago I finally sat down and began working on my personal blog design which was in need of desperate help. There’s something wrong when you’re a blog designer who uses a free theme for your personal blog… Anyways, I spent an entire weekend working on this design, and it turned out very well. Most of the designs I produce are spec’ed out by our clients, so having free-reign was great.

99% of blogs have white or light backgrounds and dark text (for obvious reasons) but I decided against that. I really enjoy the look and feel of dark backgrounds, so I readily employed the look on this design. Initially, it was just the solid grey of the mid-section, but Nate Whitehill came up with the idea of having a concrete texture to give it a bit of an “urban” feel. Aside from that, colors just kind of flowed and I think I accomplished a good, clean feel for the blog.

Placing pictures at the beginning of posts is a very popular choice, and something I employed on my previous design. For this design, though, I decided to fix the picture element and use custom fields so that it fixes the image into place without me having to edit it within the post. The picture does a good job of visually separating the posts, which is something a lot of blogs have trouble with. Also, I wanted to make each element its own “island. This results in an easy-to-navigate layout with strong visual separation.

Magazine themes are all the rage, nowadays. Landing pages with videos, hordes of posts, ads, etc. are the “normal” for premium design. I wanted to veer away from that for a few reasons:

  • I don’t have too many readers yet, so no need for advertising.
  • I haven’t written too many posts, so no need for clever content navigation.
  • I don’t plan on doing regular podcasts or vlogging.
  • I just like the plain layout. :)

Now, that being said, I do have a few cool things going on here. First of which is the dom-tab element which features my favorite posts, recent comments, and popular posts. Dom-tabs are a great way to consolidate sidebar elements! Sometimes scrolling down for links or content can be a pain in the butt… or maybe I’m just e-lazy.

I’ve also truncated my posts, so you can navigate 3-per-page. Down at the bottom you’ll notice the page navigation tabs. I prefer this style of nav over the traditional “recent posts” element. Can’t say if there is any real benefit, I just like the look. ^_-

The last little bit that I customized was the social bookmarking at the end of posts. Nothing special… but it looks cool. I was getting tired of seeing the Share This or Add This buttons, albeit they do have awesome functionality.

Hopefully you’ll be coming back to check out my views on business, tips and tricks with design, wordpress help, and general ramblings.

Thanks for checking out my new blog design. I’ve left up all of my old posts so read back through for some cool tips and ramblings. Feel free to ask questions in the comments area, I’ll do my best to answer everyone.

32 Well Said Comments...

  1. Nate WhitehillNo Gravatar
    Nate WhitehillNo Gravatar said on June 25th, 2008 at 1:34 am

    Looks amazing! Quite unique, if I do say so myself.

  2. MattNo Gravatar
    MattNo Gravatar said on June 25th, 2008 at 2:04 am

    Thanks for the kind words, Nate!

  3. KevinNo Gravatar
    KevinNo Gravatar said on June 25th, 2008 at 2:43 am

    Very impressive. Good work :)

  4. KevinNo Gravatar
    KevinNo Gravatar said on June 25th, 2008 at 2:57 am

    Oh, and don’t forget to add a favicon Matt ;)

  5. MattNo Gravatar
    MattNo Gravatar said on June 25th, 2008 at 3:10 am

    Thanks, Kevin! Both for your compliments and that very kind write-up you just did!

    Whoops… favicon, indeed. ^_^

  6. Alex ShalmanNo Gravatar
    Alex ShalmanNo Gravatar said on June 25th, 2008 at 7:49 am

    Ok, this is absolutely gorgeous!

  7. RajabNo Gravatar
    RajabNo Gravatar said on June 25th, 2008 at 9:15 am

    The design is awesome! I like it, I just wish I was as talented as you are.

    Keep it up, Matt!

  8. SEI Design GroupNo Gravatar
    SEI Design GroupNo Gravatar said on June 25th, 2008 at 9:45 am

    Love it Matt! As you know, we love the dark backgrounds! Like the icons at the bottom of the post.

  9. MattNo Gravatar
    MattNo Gravatar said on June 25th, 2008 at 11:30 am

    Thank you for your compliments (Alex, Rajab, and Bari)!!

  10. Josh MullineauxNo Gravatar
    Josh MullineauxNo Gravatar said on June 25th, 2008 at 11:37 am

    Definitely one of your best yet!! Other designers should take note! ;)

  11. JoshuaNo Gravatar
    JoshuaNo Gravatar said on June 25th, 2008 at 12:40 pm

    Slick design. Very subtle and laid back.

    The reflections and shadows give it an interesting depth.

    I approve :)

  12. SEI Design GroupNo Gravatar
    SEI Design GroupNo Gravatar said on June 25th, 2008 at 4:19 pm

    Also, the comment layout is great! :-)

  13. mystroNo Gravatar
    mystroNo Gravatar said on June 25th, 2008 at 6:20 pm

    A lot of UBD designs just are not very good and are very similar with different side bars. They all use the same techniques and effects – right when you get to the page you know it’s a UBD theme w/o even going to the footer. While that can be a good thing, I do believe it’s not in this case – no variety at all.
    With that said, I do like this theme, it’s very well thought out.

  14. Roger BlancarteNo Gravatar
    Roger BlancarteNo Gravatar said on June 25th, 2008 at 11:40 pm

    New design looks awesome man ^-^

  15. David AireyNo Gravatar
    David AireyNo Gravatar said on June 26th, 2008 at 3:45 am

    Great job guys. I’ve always preferred lighter backgrounds, but for a dark design this one works very well.

  16. rummuserNo Gravatar
    rummuserNo Gravatar said on June 26th, 2008 at 9:34 am

    This is a great design for a site. Is this the black background which is supposed to be economical?

  17. ChrisNo Gravatar
    ChrisNo Gravatar said on June 26th, 2008 at 3:41 pm

    Very nicely done Matt, clean and functional. Me likey long time!

  18. MattNo Gravatar
    MattNo Gravatar said on June 26th, 2008 at 5:33 pm

    Roger: Thanks, bro!

    David: Coming from someone of your skill level and reputation, it’s a huge compliment. Thanks!

    Rummuser: Thank you for your compliment. I don’t understand the question, though…

    Chris: Thanks for your compliment. Haha long long time, indeed!

  19. Andrew. Lawyer.No Gravatar
    Andrew. Lawyer.No Gravatar said on June 27th, 2008 at 10:13 pm

    This design rocks!! I love the little touches that make it complete, like the great comment design and the sharing / bookmarking icons at the bottom of the post. You took time with every detail. Sweet!

  20. MattNo Gravatar
    MattNo Gravatar said on June 27th, 2008 at 11:00 pm

    Thanks, Andrew! I just checked out your blog and read about how your run your law practice. Very, very cool. You’re ahead of your time. :)

  21. Darin CarterNo Gravatar
    Darin CarterNo Gravatar said on June 30th, 2008 at 7:56 am

    very nice … looking good! Clean, Sharp, Different!

    Darin

  22. mxshowNo Gravatar
    mxshowNo Gravatar said on July 4th, 2008 at 9:59 pm

    很是不错的,设计呀

  23. FixxNo Gravatar
    FixxNo Gravatar said on July 10th, 2008 at 1:12 pm

    This is one gnarly aesthetics..one of ‘em thumbs up moments.. emm do you intend to have a “Free version” lol.. anyway wish you the best in your entrepreneurial endeavors Matt!

  24. FabinoNo Gravatar
    FabinoNo Gravatar said on July 19th, 2008 at 3:37 am

    You’re right ! Your blog is unique and so cool with a dark theme. I also like the structure effects.

  25. MortekaiNo Gravatar
    MortekaiNo Gravatar said on July 23rd, 2008 at 9:22 am

    Very nice, it looks great!

  26. PHOTOluluGuyNo Gravatar
    PHOTOluluGuyNo Gravatar said on September 17th, 2008 at 10:09 pm

    I really like the new layout.

  27. MrsainiNo Gravatar
    MrsainiNo Gravatar said on December 2nd, 2008 at 5:36 am

    I just love this design. It’s awesome. I always wanted to have something like this for my own blog….

  28. Andre WilliamsNo Gravatar
    Andre WilliamsNo Gravatar said on December 29th, 2008 at 9:26 am

    I am using the money marker theme on my new blog and its awesome and easy to use. Thank You! It made my life easy compared to other templates out there. I plan to look at your other templates to replace themes I have on other blogs.

  29. Glen GrahamNo Gravatar
    Glen GrahamNo Gravatar said on January 25th, 2009 at 7:14 pm

    I really like your design. You put a lot of effort in achieving a well balanced look.

  30. achimNo Gravatar
    achimNo Gravatar said on January 27th, 2009 at 11:27 am

    hmmm…. good job. nice design :)

  31. Unique Blog Designs are getting better and better said on June 25th, 2008 at 3:07 am

    [...] redesign was only launched today. Like Nate’s redesign, the theme is clean and professional. The social media area underneath [...]

  32. [...] Matt’s blog focuses mostly on design, business, and personal development. Matt just posted a detailed write-up on the process and functionality behind his new [...]

Have your say... leave a comment!

Wait... I have an identity?

Go to gravatar.com to use your personal avatar!

  • Cheap Cigars: What a help this was! I was definitely overpaying! My ISP claimed they were providing a certain speed...
  • Jared | The Money Cult: Great tips, I do a lot of training and presentaions at work and prep work is key. Tie they...
  • Greg Jones: very nice stuff!
  • Nancy Redford: Hi Matt, I use this site too and found my service sucked so I switched to a better service. Definitely...
  • h2: Not bad for a first time public speaker. You were probably one of the calmest speakers on the panel, and over all...

    Sorry. No data so far.

Recent Tweets

    Search My Site