NBA Pulse 2.0

Client:

NBA.COM

Duration:

2 MONTHS

Team:

DESIGN: CHELSEA BUELL / ENG / STRATEGY / ON-SITE

Methodology:

WATERFALL
nba pulse screens
SUMMARY

Our team was asked to reimagine the current NBA Social Media Leaderboard to create a more forward-thinking look & feel including customizations, sponsorship areas, and modes for special events like the All Star Game and the Finals. This fully responsive webpage was used to connect NBA digital properties and platforms with all users in one place.

GOALS & OBJECTIVES
  • Update UI and match NBA.com style guide
  • Give active NBA fans a platform and encourage Social Media posts
  • Add new features and functionality
MY ROLE
  • Oversaw, reviewed and provided feedback on Designs
CHALLENGES
  • Complex interactions on mobile
  • Balance innovation and efficiency
HISTORY

The Custom Solutions Team had built similar experiences leveraging Spredfast Products for NBA.com but this one added more features and included an updated UI.

RESEARCH

Didn’t have much to go on other than client concerns about the previous version. We did have a good understanding as a company, though, on Social Media interactions on similar sites.

PROCESS

Requirements & Discovery: Nail down requirements with client and concept potential solutions

Wireframes: Reviewed wires from Designers and provided feedback

Final UI: Reviewed UI and provided feedback as needed

FINAL SOLUTION
RANKING GRID SECTION

The main focus on the Social Pulse was to show the top 25 Players and Personalities and see how and why they were trending. It also encouraged fans to join the conversation.

Once a player is clicked, this detailed view shows social mentions per hour, tweets per minute, fan sentiment, specific social content and the opportunity to join the conversation immediately.

  • desktop nab social pulse
  • mobile screens nba pulse grid
  • desktop screens of nab pulse grid
  • desktop screen of list view for nab pulse
  • mobile screens for grid and list view
  • mobile screens details
SEARCH FUNCTIONALITY

While the top 25 Players and Personalities were featured on the Grid, others could be found using a “smart search” which could find them quickly and easily.

  • mobile search
  • desktop search
BIG MOMENTS SECTION

This section focused on recent Big Moments in games of the week such as buzzer beaters, trades and more. It allowed Users to see what they may have missed and chime in on their favorites.

  • Big moments screens mobile
  • Big moments screens desktop
GLOBAL TRENDS HEAT MAP

This Heat Map visualized the Social Chatter about the NBA and Players and aggregated them over time. They tended to coincide with games in progress, significant wins or controversies. This could be viewed by custom periods of time.

  • desktop screens for global trends
  • desktop screens for heat map
  • mobile screens for global trends
TRENDING TEAM

This section featured the hottest teams in the NBA based on their Social Media mentions. It allowed click-thrus to see some of the posts and key topics.

iphones with trending teams screens