I spend most of my day surfing ESPN.com. It's a dated website with poor use of homepage content and overall usability. I rarely scroll below the fold, if ever. Content modules are tiny and cluttered and there are too many graphics and icons going on to distract me from what I want to read. It short, it’s a mess.
I took on the exercise to redesign only the homepage. ESPN has 3 platforms for tablet, phone and desktop devices. None of these experiences feel cohesive. I almost feel like I'm reading different content from one device to the next. So my goal was to streamline the content in a responsive manner.
I first began with designing desktop platform then moved onto tablet and lastly, phone. Resolutions were used for iPad 2 and iPhone 4+. For the desktop, I increased the width of the site past 1024 to 1280. This was to make a dramatic effect for desktop experiences and hopefully to expedite a web movement to increase standard width.
Facebook-like search functionality.
Improved Fly-out Menu
Aesthetically, I didn't want to deviate too much from what ESPN has been known to look like. I just wanted to give some structure, while taking advantage of webfonts.
Fullsize images: http://clients.justinfreiler.com/espn/