ESPN.com Conceptual Redesign
6837
243
18
Add to Collection
Tools Used
About

About

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 … Read More
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, its 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 ;-). 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. Disclaimer: This was just a creative exercise. ESPN is not my client. Disclaimer 2: Yes, I am a Philly fan. Fullsize images: http://clients.justinfreiler.com/espn/ ©2013 Read Less
Published:
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.