1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16
  17. 17
  18. 18
  19. 19
  20. 20
TechCrunch Deconstructed

I'm not a super regular visitor of TechCrunch, but I started following it more after the last major redesign. This design puts more emphasis on the content than their old homepage and positions them as a content producing leader. Making money with content online can be difficult, but TechCrunch has put the emphasis on providing great content- this is a strategy that will continue to fuel their growth. *ZURB is a close-knit team of interaction designers and strategists that help companies design better (www.zurb.com).

Comments on this Post

  1. Avatar
    Bryan Zmijewski says,

    Here is a 2005 screenshot of the TechCrunch homepage from the Way Back Machine. A few insights:

    1. Design was soft and pleasant- quite a departure from the current brand. Perhaps revenue wised them up :).
    2. Three column approach was very "blog" focused.
    3. Structure of the page reduced emphasis on content.

  2. Avatar
  3. Avatar
    Bryan Zmijewski says,

    Here is an early 2008 screenshot of the TechCrunch homepage from the Way Back Machine. A few insights:

    1. Logo remains a huge part of the design. I think they wised up. It doesn't pay the bills.
    2. Navigation was dominant.
    3. Headlines were still bold and in your face.

  4. Avatar
Leave website feedback on this page with a code, copy or screenshot note.
Sign up now
Avatar
Created by Bryan Zmijewski

Captured November 17, 2009 at 05:16PM

With the Notable FireFox Plugin

  1. 1
    Boxing in the ad around a piece of content helps increase click-through,. The logo however doesn't offer much in terms of actions and is likely to reduce the click-through.
  2. 2
    TechCrunch does a great job of getting feed sign-ups, but these actions get lost in the shuffle. Based on ZURB's experience, people who subscribe to a feed are more likely to engage in the site. $$$
  3. 3
    Bravo. People want content, not navigation! However, the calls to action for these destinations should be stronger within the page.
  4. 4
    The downside of a "modular," boxed in design is that intersecting lines fight for the user's eye.
  5. 5
    The downside of this advertising model is repeated ads- it grabs the attention of a user, but this effort will provide limited value for the advertiser.
  6. 6
    In a blog structure like this, content space is valuable- but why treat the event as an ad? Content that supports the event would drive more invested clicks.
  7. 7
    Is this an ad? Editorial? Clicking on this graphic takes you to a blog entry, but it appears to be advertising. It's very misleading.
  8. 8
    Cool, great information. It costs money, but why treat this as an ad?
  9. 9
    Interesting use of buttons to show popularity of a post. For design consistency it would be nice to right align with the dotted line.
  10. 10
    Great use of images and headlines to draw people into the site. This feature is a huge win over most editorial sites. An A/B test might reveal having one big rotating editorial image and headline would actually encourage more clicks down the page and increase advertising click-through rates.
  11. 11
    This is great. Showing activity encourages more activity.
  12. 12
    Boxing in the ad increases the click-through. Removing the dotted line to the right might increase it even more.
  13. 13
    Bold headers are great. Users appreciate the simplicity of a clear call to action. They can choose to read the article or not.
  14. 14
    This is where a user would expect to see search, though it feels a tad crammed and the rounded form elements don't seem to gel with the heavy grid system.
  15. 15
    Logos seem odd and out of place. For a site that considers placement of content, these seem to be thrown onto the page.
  16. 16
    Eventually the value of these placements will go down as users continue to return for content- reducing the number of ads and increasing $ will encourage more click-through.
  17. 17
    These two ad placements probably don't get a high click-through rate.
  18. 18
    Humor keeps things real. Even if it is for stats.
  19. 19
    Content, content, and content. TechCrunch gives users what they want. A long scrolling page of content keeps people coming back.
  20. 20
    Considering a better footer might increase traffic and engagement. $$$

Notable by ZURB

Notable is the easiest way for teams to provide feedback on websites. Quickly and easily give feedback on design, content, and code on any page of a website or application without leaving your browser.

Need some help?

Read our FAQs for quick answers or send us an email at support@notableapp.com. You can also find us on Twitter here »

Subscribe to ZURBnews

Get our monthly newsletter, ZURBnews.

Notable