The Thinking Behind the DavidRisley.com Re-Design

I think one of the curses of running your own website is that you find yourself getting tired of the way it looks.

Combine that with the know-how of doing design and coding – and the fact that I enjoy it – and it makes for a deadly combination. One that can easily lead to a lot of wasted time tinkering with a web design (wasted because it doesn’t really make me money).

But, it WAS time for this site to get a makeover. A lot of people seemed to like the old one (I routinely had people asking me who designed it… the answer is me), but it was time to re-do things with some adjusted specs.

Old design
The old layout
New design
The new layout

There are still some tweaks to be made. Plus, I’m working on something new that will really highlight archived posts quite nicely… and be damn helpful in the process. Plus, it’ll be great for SEO. :) But, that’s not ready yet.

I thought I would share a few of those specs I had going into this – to the degree you can apply them to your own site. Let’s rock…

Video Squeeze Homepage

Most people who come into this site go directly into one of my posts. In that case, they get the post (of course).

The homepage’s purpose, then, is simply to get a new visitor to connect and stick around. The best way to do THAT is to get them on the email list. So, instead of exclusively showing the list of recent posts and the typical crowded sidebar, I turned the above-the-fold area into a video squeeze into my list, then below that are the recent posts (so that I don’t throw people off) and a simpler sidebar which features my stuff.

This type of homepage design should be much more effective in terms of opt-in (it is way too early to have any actual test results). Plus, it gets rid of the duplicate opt-ins (I had 3 calls for the Blueprint report on the prior homepage).

We all know squeeze pages work AWESOMELY for list building. So, why not bring some of that into the design of your blog homepage?

Better Featuring Of My Products

The old layout did a bad job of highlighting any of my products. That was because the design was created before those products existed.

The new design will feature the products in the sidebar. The products page was re-designed as well so as to have a better presentation.

Lastly, the Inner Circle program was pretty much just slammed into the sidebar of the old design. In the new one, it has been built into the header menu, but in a fashion which clearly delineates it from the rest. We’ve designed the menu bar so that it turns into arrows which point right at the Inner Circle (which is also obviously shown in a highlighted orange color). You’ll also notice how the little RSS and Twitter icons have been designed to appear as arrows pointing – where?… to the Inner Circle.

More Efficient Opt-In Funneling

The trick with opt-ins is to attract it when the person is in the mindset to want it. A lot of bloggers simply smack the opt-in into their sidebar and hope people notice. That’s almost the old-school retail mindset… stick it in your face and hope for the impulse “buy”, right? That doesn’t work very well on a blog and people are much more likely to be blind to an opt-in in your sidebar.

Now, don’t get me wrong – you SHOULD have an opt-in in your sidebar. Preferably right at the top.

But, other areas which are ideal for opt-in placement are:

  • Beneath all posts. Rather than only display social media links and/or related posts, present them the opportunity to opt-in front and center.
  • About page. For new visitors, the about page is often one of the most visited pages on your blog. So, use the opportunity to “sell” them on the value of your information, then present an opt-in. In my case, the first part of my about page answers the question “what’s in this for me?” – as asked by my new reader. I then present an opt-in. I also present another opt-in toward the middle, and another beneath the bio photo collage on the right side (since that graphic will naturally draw people to it).
  • On other main navigation pages. A good rule of thumb is that every page linked to in your main navigation should have an opt-in. This does depend on the purpose of the page. For example, my consulting page doesn’t have an opt-in because the call to action is different.
  • Category Pages. This one is still on my todo list (hey, I was in a hurry here), but having an opt-in on your category pages is also good. You can even “theme” your opt-ins on different categories so they can get more info about whatever the category is.

Just remember, the purpose of a public blog is to attract people, then ultimately EARN THEIR LEAD. If you don’t do that, you have no chance of really making real money at this in the future.

What’s Next?

I have some more tweaks to make to this design, but nothing too major.

I also want to thank Shawn from Virtuous Giant for his help with the design. Working with a client like me – who knows how to tweak CSS and tends to be the DIY type – might have been pretty different than the usual. Shawn took my criteria and designed the header and several other elements. I can do CSS and coding all day, but I straight-up suck with Photoshop. So, Shawn helps me out alot with that. :) Thanks, dude.

What I am working on are several new guides to address different aspects of this business. These guides will be here on the site, designed to be helpful reference pages, and also link into some of my best, related posts here on this site. These guides will be prominently featured and is part of my strategy of bringing some of my best stuff out from the archives. I have almost 1,000 posts on this site and the homepage only shows a few at a time.

So, stay tuned for that. :)

If you notice anything odd or just want to make a comment in general, feel free to post a comment below and let us know. If something isn’t right, please also mention what browser you’re using. Thanks!

Blog Transformation Challenge

Like what you read?

... then take the next step. Register for the 30 Day Blog Transformation Challenge. TRANSFORM your blog by perfecting your writing, optimizing your design, and learning how to optimize the marketing funnel.
Click to Learn More ... or...

  • http://www.ericasays.com Erica Mueller

    David, this is looking great! I love the way you’ve made use of the header space. So many times that is totally wasted.

    Overall, very clean and easy to navigate. I give it a two thumbs up!

  • http://trafficcoleman.com/blog/official-black-seo-guy/ Black Seo Guy

    Sometimes you have to make a change to get the response you want from people. It a new look for a new year..I like it..

    “Black Seo Guy “Signing Off”

  • http://remarkablogger.com Michael Martine

    New site design looks extremely pro, man. Good job! :) The video squeeze home page concept is killer. I use it also and it works great.

  • http://nathanhangen.com/blog Nathan Hangen

    Looks good man. Nice and fresh. 

  • http://www.mondaymorningva.com/ Dawn Martinello

    I love that you have  a video squeeze page on your home page.  What was once a deadly mistake has been turned into a creative, snazzily designed workaround.  BRAVO!  Can’t wait to see how it converts for you.

  • http://twitter.com/bradgerlach Brad Gerlach

    The video on the home page isn’t working.  I have audio but no video

  • http://davidrisley.com David Risley

    Thanks. I’m curious to see how the opt-in rate changes. :-) I also want to watch load times on that video to see if I need to change anything with that.

  • http://davidrisley.com David Risley

    Thanks, dude. We should do lunch. Maybe next week?

  • http://davidrisley.com David Risley

    Thanks. Yeah, the old design had those rotating photos of me and, quite frankly, it was a big waste of space. I don’t think people give a crap about that, anyway. They just want to know what’s in it for them. :-)

  • http://davidrisley.com David Risley

    Thanks. Yeah, the old design had those rotating photos of me and, quite frankly, it was a big waste of space. I don’t think people give a crap about that, anyway. They just want to know what’s in it for them. :-)

  • http://twitter.com/bradgerlach Brad Gerlach

    Nevermind, its working now for me.  Must have been my computer

  • http://twitter.com/bradgerlach Brad Gerlach

    Nevermind, its working now for me.  Must have been my computer

  • Anonymous

    The video is pretty dang big on the home page.  I get what you’re saying, so time will tell. 

    My immediate thought was that you should have the blogging blueprint graphic in the email call to action on the home page.  “I’ll send you something cool” just doesn’t do anything for me.  However, the “six-figure blogger blueprint” is a great way to entice people.

    My two cents.

  • Anonymous

    Great job of simple, yet elegant design that looks very appealing.  More importantly, good job getting the lead-to-money elements in strategic locations.  Membership site link in the header….AWESOME.    

  • http://twitter.com/bradgerlach Brad Gerlach

    I got the video and I love what you did here.  I just did a slight redesign of my blog, but you gave me some great ideas to think about. Looking good!

  • http://thewordpresschick.com/ Kim Doyal The WordPress Chick

    Looks great David!
    And I love the new look of  your products in the sidebar too (well, inner circle & blog masters club look new?).
    Have you always had that tagline “Making a living at the crossroads of Blogging and Internet Marketing”? Nice!

  • Anonymous

    Oh, in the header, drop your name from within the “dr” logo.  It’s hard to read and it’s rather self explanatory.

  • http://davidrisley.com David Risley

    Deadly mistake? Don’t really get that.

  • http://davidrisley.com David Risley

    I’m going to be watching that. Video players always load up differently for different people.

  • http://davidrisley.com David Risley

    Thanks for the feedback. Now that we’re live, I’ll be running some tests on things. :-) So, it could be I end up doing that.

  • http://davidrisley.com David Risley

    Thanks. :-)

  • http://davidrisley.com David Risley

    Yeah, the homepage video is the most uncommon thing I’ve done here. I’ve seen it on some people’s sites, but not many. Will be interesting to see how it works.

  • http://davidrisley.com David Risley

    Nah, it used to be “Confessions of a Six figure Blogger”, but I changed it (rather silently) a couple months ago. Thought the other one pigeon-holed me too much.

  • http://davidrisley.com David Risley

    Might consider that. That logo was designed to be stand-alone… and it was stand-alone in the prior design. But, it is the logo and it has to be designed to maintain visual branding in other places besides just this blog. That’s the idea.

  • http://www.gurls-asylum.us Gurl

    Hi, David.
     I came to check out your thoughts and reasons for the changes in the design and find you highlighted the header pointing to the Inner Circle link, which I had just tweeted to you about LOL Makes me feel all smart I caught it before I read about it.

    I love the idea of the video on the home page as well. It gives the new comer a chance to feel like they already know you and you an opportunity to ask for their info. Win/Win :) A lot of great changes so far. I am looking forward to seeing what your coming soon guides are as well.

    Thanks for sharing the methods and reasoning to the “madness” of this redesign.

    Jennifer

  • http://RicNunez.com Ricardo Nuñez

    You did a good job in the homepage, very well organized. That capture form in the homepage it looks better now and it may increase your conversions. Also, I like what you did with the sidebar, promoting your products. I did a basic check in the SEO side and I found some mistakes with the headings.  You should only have one h1 per page. Other than that, great job.

  • http://reworkingtoday.com/ Derek Jensen

    Nice work on the about page! The imagery of your life/story is intriguing and now makes me want to read more about you in the text. In a nutshell the story represented with the images makes the text demanding to read. 

  • http://bradleydurham.com Bradley

    The new site looks nice! Like Brad, I am missing the video on the home page. I get audio, but no video. Using Google Chrome.

    I do kinda miss the personal photos at the top of the page though.

  • http://www.virtuousgiant.com Shawn Christenson

    I feel like if you drop the name, it just looks like a circle with Dr before his name… essentially reading like ‘Dr. David Risley’.  Keeping the name in there, like his logo was designed, keeps it feeling more like a logo, IMO.  (And for the record, I didn’t design the logo.  So I’m not sticking up for it because I am so proud of my creation).

  • http://securemyblog.com John Hoff

    Awesome, David. There seems to be an issue though with the homepage video for me. I’m using Firefox and the video took a while to load (once I hit play) and then the video had no image, just audio.

  • http://www.facebook.com/ckluis Chris Kluis

    Technically in HTML5 you can have numerous H1 tags, but in general yes – it’s best to only use 1.

  • http://davidrisley.com David Risley

    Yeah, I’ve got a few SEO tweaks to make. :-)

  • http://davidrisley.com David Risley

    Looks like a few are reporting the same. Gonna look into that.

  • http://davidrisley.com David Risley

    Just took up too much room. :-)

    Looking into the video. I’m on Chrome, too, and it works. Hmm….

  • http://pipingshark.com Admin

    Looks good. I agree with BTMchris the David Risley in the logo is rather hard to read and the logo would look cleaner without it.

  • Anonymous

    In that case, resize the logo as a vector and then save it.  It looks like a resized image with a bit of blur.

  • http://bradleydurham.com Bradley

    Hmm… worked the second time I looked at the home page. Weird.

  • http://nathanhangen.com/blog Nathan Hangen

    Yeah, next week is good. Any day but Monday or Wednesday works.

  • http://www.quickonlinetips.com QOT

    What about the +1 button? Love the RSS and Twitter ribbons on top – why not make them clickable, I know I wanted to do that.

  • Jose

    Great to see that you tweak your own blog :)

    PS Very sleek – some of those changes are very sleek

  • http://davidrisley.com David Risley

    Good call. Will need to look into that.

    As for +1, I need to look into that, too, however honestly, Google’s efforts at social media have always been less than impressive.

  • http://davidrisley.com David Risley

    We can follow up on Facebook, but we usually do Fridays and that works for me next week. :-)

  • Lkj

    Good to see you DO NOT have a pic in sunglasses. Unless you are a rapper, rocker, or FBI/CIA guy, any photo with sunglasses makes me very very suspicious of you (almost as if you are hiding something and being dishonest).

  • http://www.tonyteegarden.com Tony Teegarden

    Yeah just fyi, I’m on Firefox 4.0 and i only get audio, no video. I’ve tried it 4 x’s. As I said On skype, the site rocks man. Great work.

  • http://sybersquad.com Christopher Knopick

    Nice update.  I’m looking forward to seeing your solution to bring out old content.

  • Anonymous

    Upon further observation, one of your free ebooks is “Problogging in 2010 and beyond.”  Might want to change the title or update the title and the content. 

    “2010 is so last year.”  :)

  • http://twitter.com/didyousmellthat David Ledoux

    A benefit statement can be identified by putting “you get” in front.  For example, in the top right corner if you put “you get” in front of JOIN MY LIST it’s clearly not a benefit.  But since you made it in a form that’s clearly a value exchange  (ethical bribe) I think you might have hit a massive home run. My favorite tag line on the page?  ”it’s what’s inside that counts”.  Congrats on giving birth to a killer new look Dave!

  • http://davidrisley.com David Risley

    Yeah. I wrote it last year. Oh well. ;-)

  • Anonymous

    Nice… I like the new look and layout. Keep on sharing your thoughts, I found your ideas valuable and practical.
    Thanks again,

    Dorin

  • Anonymous

    Niceeee… like the new look and layout. Thanks for sharing your thoughts and insights David. I find them useful and practical.

    Dorin