Top
The New Look of Colorburned – Colorburned
fade
940
single,single-post,postid-940,single-format-standard,eltd-core-1.0,flow-ver-1.0.1,eltd-smooth-scroll,eltd-smooth-page-transitions,ajax,eltd-blog-installed,page-template-blog-standard,eltd-header-vertical,eltd-fixed-on-scroll,eltd-default-mobile-header,eltd-sticky-up-mobile-header,eltd-menu-item-first-level-bg-color,eltd-dropdown-default,wpb-js-composer js-comp-ver-4.9.2,vc_responsive
promote-this

The New Look of Colorburned

For the last several months I have been teasing that a new design for this website was on the way. Today, I am announcing what you already know; that the new design is online and finally ready to be unveiled.

As you can see the new design is a far cry from the last version. In addition to a breathtaking new look, the new website also contains quite a few new upgrades. When I first started blogging last year my original plan was to use a blog to showcase my artwork. It didn’t take long however for the focus of this website to change from a portfolio to a full-featured design website. As soon as that happened I realized that the design that I was using was not appropriate for the type of blogging that I wanted to do. It was then that I started thinking about what I wanted from my website and how to follow through with those goals.

The first thing that I had to do was to come up with a logo design that I was happy with. If you have been following this site from the beginning you have probably noticed at least 3 different logo concepts come and go. I finally settled on the logo that currently resides at the top of this page and could not be happier. Once I had a solid logo, I started working up some concepts; this I knew was going to be the hardest part.

I have always said that I am by far my most difficult client to work with. As most designers know, the hardest person to please is usually yourself. I struggled at first to come up with the perfect concept but eventually things started to come together. You’re going to laugh but I came across this promotional website for Burger King and decided that I really liked the pattern that they used in the background. I combined a similar pattern with some texture, created a set of custom Photoshop brushes that I eventually gave away on my website and the rest started to come together fairly quickly.

I’m a huge social networking person so it was very important for me to place my social networking icons at the very top of the page. During the beta testing for the site, a lot of people mentioned that they thought that the buttons were too big. While I will agree that they are a bit big, this was done on purpose and to be honest, I really like how they look; even if they might be a little over powering in relation to the logo.

social-icons

Inspiration for the new design came from a number of sources. I always liked the way that Go Media used some subtle grunge effects to set off some of their content areas. You will notice a similar effect at the top of each of my content areas. Again, I used brushes available on this website to create that look. I also looked to websites like PSDTUTS and Tutorial 9 for some inspiration on how to layout some of my pages. The featured item area from Tutorial 9 and the way PSDTUTS laid out their excerpts for articles were some obvious examples.

There are also some fairly innovative examples of new features that I used on this site as well. The first example is what I call “Promotional-Time Sensitive” advertising. If you notice at the top and bottom of each page is an area for a small amount of text and a link. This area is for people who have a sale, promotion, or event that they would like to promote but for only a limited amount of time. One limitation to banner advertising is that they are purchased monthly. If you only need an ad for a short amount of time; a week for instance, you might not want to purchase an ad for an entire month. Time sensitive advertising can be purchased for a 3 – 7 day period and can be very helpful at promoting an event or pushing traffic to a web page for a short amount of time. Pricing for this is very reasonable. Check out the advertising page for more information.

time-sensitive-ads

In addition to the time-sensitive advertising, the new site also contains a lot more traditional forms of advertising. Banner ads sold through Buy Sell Ads can be found in various locations throughout the site including the sidebar, the footer and at the bottom of each post. Text link advertising can also be found at the bottom of the sidebar. Visit the advertising page for more information on text link advertising.

banners

In addition to text advertisements and banner ads I have also improved the way in which this site promotes my friends and visitors. Version 1 of this website included a friends list in the side bar. You may have noticed that while I still have a friends list, that it is considerably shorter than the last one. If your website used to be listed here, please don’t freak out. I haven’t deleted you from the list. I just adjusted the amount of links that would display and have set this area to display all my friends at random. I did this for a number of reasons but mostly because I felt that this area was becoming too cluttered and also because I felt that a shorter list might actually improve the number of referrals that my site produces. My complete list of friends can be found here.

friends

Advertising and links are great but I have also like websites that have user submitted links sections. I think it’s great when websites let their users have some control over the content. That is why I created a user link feed of my own so that you guys could promote articles of your own on my site as well.

If you don’t have a website to advertise or if you’re not listed in my sidebar as a friend, don’t worry, my new design has you covered as well. I have enabled full Twitter integration on this site, as well as CommentLuv for anyone who wants to promote their Twitter account or newest blog post.

I have also installed a more robust social networking area to the bottom of each post. This includes a “Tweet This” icon to make is very easy to Tweet articles out to your followers.

promote-this

Anyhow, I hope you guys enjoy my new site as much as I do and remember I’m now soliciting guest articles so if you would like to join the Colorburned Team and publish an article on my site feel free to pitch your idea to us at any time. Thank you so much for your support of this website and I look forward to celebrating my first year with you guys in mid May. So keep your eyes peeled for a monumental giveaway to celebrate next month!

Grant Friedman

Grant Friedman is a graphic design, blogger, and author. In addition to being the founder of this website, Grant is also the editor of Psdtuts, one of the world's most popular tutorial websites.

  • http://www.theroxor.com Kevin

    The new site looks great. Good job!

  • http://divisionoverlay.net Tyler Jefford

    Love it. Nice grungy feel. Good work!

  • http://www.jankoatwarpspeed.com Janko

    Well done, Grant, the design is wonderful!

  • http://designblurb.com/ Eli

    Big improvement, love it! Keep up the good work :)

  • Erica

    Love it!

  • http://www.artworkbylinda.com.au Linda McLaughlan

    Wow! Fab! Nice work!

  • http://twitter.com/obox David Perel

    Well done Grant. Very slick redesign, nice use of texture in the header.

    I like this.

  • http://www.gayadesign.com Gaya

    Wow Grant, I really really like the new look.
    I love grunge designs, and this one is one of my favorites at the moment.

  • http://mollybean.com Molly Bermea

    great job! Love the icon styles too. :) I’m glad you have ended your the long journey of this part of your identity. It’s rough being a designer!

  • http://www.stfn.nl Stefan

    Nice work, the style is more ‘burned’ now. I like it.

  • http://www.patternhead.com Patternhead

    Wow, overall I think you’ve done a great job with the redesign. Love the new look and feel.

    I gotta be honest and say that I think those social icons just don’t sit right in the header. I know you like them like that but for me they’re just a bit too big. Just my 2cents :)

    Patternhead’s last blog post..8 Inspiring Video Tutorials About Repeat Patterns

  • http://10steps.sg Johnson Koh

    I’m totally impressed with the new design. The layout does reminds me a little on Tutorial9 BUT I can see there are a lot of good thoughts injected into every other areas, especially the “Promotional-Time Sensitive” advertising.

    Great work Grant!

  • http://www.arthurbrownjr.com Arthur Brown

    Great look.

  • http://www.littleboxofideas.com/blog/ Sneh

    Brilliant! Congratulations Grant .. you have nailed the design!

  • http://gabediaz.com Gabe Diaz

    The redesign looks great! You can definitely tell that you took your time looking at other sites for inspiration to come up with something you can call your own.

    Great job!

  • http://www.creativeworld.com.au Leon Poole

    Looks great guys!!! Congrats!!

  • http://www.customizz.com jmgarrido

    great job !! congrats to colorburned team ;)

  • http://vectips.com Rype

    Looks great!

  • http://www.thegraphicmac.com Jim

    The new site looks simply awesome, Grant. Great job!

  • http://www.r27.co.uk Rajesh Pancholi

    Nice to see the new site live, nice changes fella!

  • http://www.leemunroe.com Lee Munroe

    Looks great, love the social icons

  • http://designm.ag/ Steven Snell

    Looks great Grant, I really like it.

  • http://www.divinefusiondesign.com divinefusion

    Grant, looks stellar.//

  • http://www.blog.spoongraphics.co.uk Chris Spooner

    Great work with the redesign, I really dig the range of textures!

  • http://www.designbuddy.net Nicholas

    Great site Grant!!! Like the fact that you kept the bigger pictures on the blog post side.

  • http://www.joyoge.com/ joyoge designers’ bookmark

    looks great! congrats to colorburned..

    joyoge designers’ bookmark’s last blog post..MacBook Air Giveaway from FlashMint

  • http://dezinerfolio.com Navdeep

    Looks Great!

  • http://blog.designnerd.net Nikki

    Love the redesign Grant! Looks amazing! ;)

  • http://www.wefunction.com liam

    Brilliant design mate, really love it. Glad to finally see it live too!

  • http://www.katepayton.com Kate Payton

    Very nice! Some websites over-do the grunge look, but your new design is very cool looking :) I also like the ‘grunge paint’ that you added :D

  • AcidX

    Hi.
    This design is swish! Well done.

  • http://www.ourgeeklife.com James

    Hey Grant. Nice look to the site. I really like the grunge patterns and brushes you’ve used here. Keep up the good work. Very impressive!

  • Tim Hunt

    love the new look…

  • http://daibach.co.uk Dafydd Vaughan

    I love the new site – works really really well!

  • http://www.developersnippets.com Vivekanand

    This is something awesome web design, nice look and feel…

    Thanks,
    Vivek
    [http://www.developersnippets.com]

  • http://colorburned.com Grant Friedman

    Thanks everyone! I really appreciate all of the comments!

  • N3T1O

    looks very very nice!! :)

  • Pingback: Colorburned | Case Study: The Design of the New Colorburned Website()

  • http://www.tutorial9.net/ David Leggett

    Wonderful work with the redesign Grant. Meant to say something sooner, You really did a great job laying everything out.

    Keep it up mate :)

  • http://www.designshard.com Max Stanworth

    Great re-launch grant, im always a big fan of grunge styles and youve done an awesome job, the footers really tidy too.

    Max Stanworth’s last blog post..Hash One – A premium wordpress theme giveaway by Obox Comment to Win

  • http://fickr.com/photos/adamcollins adam Collins

    really nice grant! keep up the good work.

  • http://www.designious.com Alex

    Very nice design Grant, congrats!

  • http://qvectors.com QVectors

    Love the new design!

  • http://www.naldzgraphics.net Naldz Graphics

    i really love the new look on your site :)congrats!!!

    Ronald

  • http://www.hellogreenstar.com GreenStar

    I love the new look. Obviously everyone above me feels the same way, but I felt the need to comment and let you know. It’s definitely a 1000% improvement from the previous layout. Nice work

  • http://www.frankyaguilar.com Franky

    Site Looks AWESOME!

  • http://www.alwoodscreativemedia.blogspot.com Al

    HUGE fan of busted up graphics but have been straying from it seeing as everyone seems to be doing it these days. HOWEVER, you’ve done a really awesome job of the icons and the way they’ve been treated, love the ‘distressed signage’ look they have.

    Great job and keep up the amazing work.
    [rq=27091,0,blog][/rq]Love Tron, love this.