ESPN Application Redesign

User Experience Design, PBDS 662 Design for Digital Environments

Our team performed a User Experience redesign of the ESPN sports application. I was involved in the research and scope of the project, creating prototype pages in various resolutions, sitemaps, and semi-functional pages using the InVision platform.

New Introduction Page

New Introduction Page

Home.jpg

Previous Home Page

New Home Page

New Home Page

“Over the course of ten weeks, our team went through a complete UX process: analyze the research, develop a strategy, create user profiles, set the scope, define the new skeleton, and redesign a new and improved version of the app.”

Previous Top Bar

Previous Top Bar

New Top Bar (Hamburger Menu and New Drop Down Filter Buttons)

New Top Bar (Hamburger Menu and New Drop Down Filter Buttons)

New Drop Down Filter (Display)

New Drop Down Filter (Display)

New Hamburger Menu (Display)

New Hamburger Menu (Display)

“We reworked the tab bar to include favorites, consolidated the Watch and ESPN+ pages because they shared similar content, and moved the More page to the top.”

Previous Tab Bar

Previous Tab Bar

New Tab Bar

New Tab Bar

New Favorites Page

New Favorites Page

PreviousScoresPage.jpg

Previous Scores Page

New Scores Page

New Scores Page

New Scores Page (Compact Display)

New Scores Page (Compact Display)

New News Page

New News Page

New Watch+ Page (ESPN+ and Watch merged together)

New Watch+ Page (ESPN+ and Watch merged together)

“Adding the News page sorts the information more clearly and encourages the user to swipe left and right more often in the application unlike previously where one had to scroll through the home page endlessly just to find anything.”

Site Map (Ideal State)

Site Map (Ideal State)

Flowchart (Ideal State)

Flowchart (Ideal State)

MediumRes1.jpg
Medium-Resolution Prototypes

Medium-Resolution Prototypes

Previous
Previous

Expressive Quote Illustration

Next
Next

The Ambitious Guest