Gamestream

We provided Sportsradar with 3 creative directions for the new visual identity of the Gamestream. They chose one direction, which we refined for their approval. This redesign included updated visuals for the 3D visualizer as well as the Gamestream website.

We collaborated with Joshua Hansen and Chris Thorwarth to upgrade the AWS backend system for the new version of the Gamestream. This involved updating the data flow and api's to enable multiple season to be present within the Gamestream, as well as to providing more datapoints to the front end to enrichen the experience.

Using ReactJS we developed an animated scoreboard that played out at the start of the NFL Big Play and which dissapeared to grant the customer a full screen view of the big play. This animated scoreboard had to match the timing of the Big Play to empower it to behave within the context of a scrubbable video.

In collaboration with Joshua Hansen and Chris Throwarth we designed and developed a backend system that converted an NFL Big Play from the visualizer into a shareable video.

This pipeline made use of:

• SQS to add plays to a queue, which when ready, triggers the first Lambda within a connected system that delivers the visualization.
• A suite of Lambda functions to curate the data for a Fargate instance.
• A Fargate instance that made use of a headless browser to create the frames for the video before generating the video using FFMPEG.
• S3 to store the video.

Each video could be downloaded via a signed URL upon pressing a button available on a password protected website.

We used ReactJS & Auth0 to create a password protected version of the website for Sportsradars partners to be able to access the videos of the NFL Big Plays.