logo copy.png

The number 1 website for fans of the most popular talent shows like America’s Got Talent, The Masked Singer, The Voice, and American Idol.

www.talentrecap.com

OVERVIEW

Talent Recap is the only independent website that is exclusively dedicated to the fans of the most popular talent shows around the world.

I was brought on to discover any issues, redesign the desktop website and mobile, AMP.

ROLE

Director of Design Research and Strategy

User Research | Heuristic Evaluation | Information Architecture | Card Sorting | Competitive & Comparative Analysis | Visual Design | Prototyping | User Testing

RESEARCH + SYNTHESIS

Heuristic Evaluation: Conducted a heuristic evaluation on the current site where I accessed that the site meets the basic best practices, but had some minor and medium issues.

Competitive / Comparative Analysis: Researched and evaluated other websites, studied their features, design, layouts, and functions to best determine and solve the problem at Talent Recap.

User Interviews: Used a screener survey, asking participants what their experience is with fan sites. From the 22 particpants, I interviewed 5 and tested the current site.

Affinity Mapping: I synthesized my findings and found common insights.

 
 
insight 1.png
 
 
Group 12.png
Group 10.png
 
 
 
insight 3.png

USABILITY TEST 1 - SITE AS IS

Letter - 1.png
 
Letter - 2.png

The test was a success, but …

Users chose to search and when tried to navigate were quickly confused and stopped
Users did not scroll more than halfway down the page
The site was too ad-heavy

 

OLD SITE

ezgif-7-3864f5089181.gif

“My friends and I have a fantasy league for America’s Got Talent, say what you will.”

PERSONA

Lisa | 35 years old

Job: Advertising/Marketing Director
Lives: NYC
Go to Device: iPhone

 
 

Lisa loves staying up to date with all her favorite talent shows.

She just wants a simple website that is not bombarded with ads and is easy to use!

 PROBLEM


People use fan sites to stay updated with the latest news and gossip about their favorite tv shows.

Lisa set up an America’s Got Talent fantasy league with her friends and is in charge of keeping everyone updated with the latest news. She is quickly overwhelmed by the number of sites she opens and needs to sift through. How might we maximize her time and alleviate any overwhelming feeling she gets when looking for the newest AGT updates?

new Sitemap.jpg

INFORMATION ARCHITECTURE


Old Site Map: I mapped out the current site map and quickly realized there were many duplicates, leading to user confusion.


Card sorting: Conducted card sorting, to understand how the users’ would want to best organize Talent Recap.


Site Map: I synthesized the card sorting results and created a new sitemap. Eliminating the clutter and making it simpler to navigate.

 

image 1.png

SUS SCORE

While conducting the card sorting, I asked users to grade the current site to gauge the overall feeling of the site.

 USABILITY TEST 2

uability test 2.png
 
 

A large challenge with this test was a glitch with the prototype. Due to budget restrictions, I worked with what results I could and felt I still was able to interpret whether the task was a success or not.

uability test results 2.png
 
 

Users were satisfied, found it to be simple and comparable to others, but the ads were not distinguishable and the homepage was cluttered.

 
I would definitely use this site! It is similar to others I use and easy to navigate.
— USER

FIRST TESTED DESIGNS

CATEGORY PAGE

CATEGORY PAGE

HOMEPAGE

HOMEPAGE

ARTICLE PAGE

ARTICLE PAGE

 USABILITY TEST 3

usablity test 3.png
usability test 3 reults.png
 

Users used the navigation vs. wanting to search and found the site to be easy to use and understand. The only issue that arose was the headlines being unclear.

I LOVE THE ON TV NOW AREA, IT MAKES THE SHOWS IM LOOKING FOR EASY TO FIND AND THE VOTE BUTTONS WILL KEEP ME COMING BACK TO TALENT RECAP.
— USER

KEY FEATURES

The ON TV NOW section is made to resemble a remote and give easier access to category pages.

Homepage zoom remote 1.png

Drop down menu for each TV Show category to eliminate extra pages and clutter.

TALENT zoom 1.png

To orient the user and make navigating the site easier, I implemented breadcrumbs.

AGT zoom 1.png

To remove the extra navigation buttons, each show page has buttons to go to their recap and international pages.

MASKEDSINGER zoom 1.png

To orient the user and make navigating the site easier, I implemented breadcrumbs on the article pages as well.

Article zoom 1.png

To help retain users, a read next button was implemented, giving users an easier way to continue reading.

Article zoom 2.png

MOBILE DESIGN | AMP

ezgif-7-f9d525ebe895.gif
 
ezgif-3-b8d84822adfc.gif
image 2.png

 AFTER REDEIGN SUS SCORE

I retested the design to see if the SUS scored changed.

 PROTOTYPE

ezgif-2-4e6d7168b6ff.gif

 SCREENSHOTS OF LIVE SITE

Screen Shot 2021-04-22 at 8.04.png
Screen Shot 2021-04-22 at 8.04-1.png
Screen Shot 2021-04-22 at 8.05.png
Screen Shot 2021-04-22 at 8.05-1.png

TESTED DESIGN LIVE


Proved to be liked by all, but I soon realized there were some responsive issues.
Due to the newest Google update, I edited the homepage design. I ran a survey on the current site, ensuring the design would be usable and liked by our current users. Once proven, I implemented changes,

 
ezgif-3-aec37f60c492.gif

 FINAL THOUGHTS

Through this project, I learned that users value simplicity, and ease of use overall. Users voiced how they have their go-to sites that they keep up with their latest shows, and when Talent Recap was redesigned to resemble those sites, users were more likely to use this site. The main issues with Talent Recap’s site were the Information Architecture, layout, and amount of ads. With these main issues pinpointed, I moved to design a more delightful, simple, and easily navigatable site. The ads were a bit of a roadblock, as the site is monetized via those ads, so I did my best, to minimize the amount and push them to the side where they wouldn’t be so distracting.

Next
Next

SSYSTM / SETLIFE