ESPN - NBA Playoffs 2014 Live Scoring

  • Custom JS framework
  • Class based architecture
  • JSON backed
  • ESPN API connected
  • Displayed live game data
  • Multiple layouts
  • Date coded

This dynamic ad was backed by a client admin and also connected to ESPN's API. It loaded JSON and displayed as a single or double header and displayed the playoff game number and series leader. If the game was live, it would display differently, showing the game's current score, quarter, and time remaining. It had optional sponsor image and pregame show tune-in time messaging, and displayed varying networks, league logos and team logos, all depending on the data entered in the admin. It was date coded to display weekday-specific messaging as the last week to tune-in was reached. All text was auto-sized to allow team names and messaging of varying lenghts to be accommodated. The working demo is the live game layout. See below for examples of other layouts.

Single header displaying Western Conference Finals logo and sponsor.

Single header displaying Finals logo, pregame tune-in, and sponsor.

Double header displaying Playoffs logo and pregame tune-in.

Double Header displaying Western Conference Finals logo, pregame tune-in, and sponsor.