NFL x Dapper Labs

Building and scaling NFL All Day to handle $75M+ in sales volume for 80K+ NFT holders on Flow

Web3

Consumer

The NFL All Day website displaying pack drops.

Our Impact

We partnered with Dapper Labs on the build and launch of NFL All Day, a digital marketplace for buying and selling collectible NFTs of top NFL plays, historic and current.

Crafted a highly responsive user experience with engaging design and animations
Establish a reliable and scalable marketplace on the backend and through Google Cloud architecture
Built out NFT functionality and wrote custom smart contracts on the Flow network

Like what you see? Let’s chat about your next project.

Let's Talk

NFL All Day introduced a new way for football fans to digitally collect and enjoy their favourite moments.

The NFL is one of the major professional sports leagues in the United States and the highest professional level of American football in the world.

Dapper Labs, the company behind CryptoKitties, NBA Top Shot, NFL All Day, UFC Strike and the Flow blockchain, uses blockchain technology to bring NFTs and new forms of digital engagement to fans around the world, paving the way to a more open and inclusive digital world starting with games and entertainment.

THE VISION
Similar to the huge success that Dapper had seen with NBA Top Shot, their goal was to create the same level of success for the NFL and their fans. NFL All Day is an NFT marketplace where fans come to buy, sell, and play for officially licensed NFL video collectibles.

WHY LAZER?
After successfully building Genie’s “Warehouse” NFT marketplace in partnership with Dapper Labs, Lazer was approached to bring the best experience to reality for the NFL. Responsible for the frontend, backend, infrastructure, and smart contract development for the project, we ensured we were collaborative and diligent in our approach and focused on shipping a successful marketplace.

Visit NFL All Day

platform

Web
Google Cloud Platform (GCP)
Contentful
Flow

Expertise

Frontend Development
Backend Development
Infrastructure Development
Web3 Development
Smart Contract Development
Integrations

Approach

Creating an engaging football fan experience‍

A core component of the NFL All Day experience is the interface fans interact with on their desktop and mobile devices.

To create a highly engaging, performant, and responsive experience, we leveraged React, Express, Next.js, Storybook, Tailwind, and GraphQL to develop the frontend. This allowed us to easily implement the designs and animations needed, as well as integrate with key technology like Dapper Wallet and core APIs.

The NFL All Day website homepage, displayed in both desktop and mobile.

$75M+

in sales volume

100K+

NFL fans

Approach

Developing a secure, scalable backend

To ensure the frontend could perform as expected, the backend needed to be built in an efficient and scalable way to handle all of the business logic.

We built out the NFL All Day backend using Golang, gRPC for remote procedure calls, Protocol Buffers, Kafka, Grafana Loki for logging, and SportsRadar for accurately syncing sports data.

APPROACH

Seamless minting and burning with Flow

In order for the NFL All Day marketplace to interact with the Flow network, we leveraged tools in the Flow Go SDK to tie everything together.

This allowed us to build out functionality such as minting NFTs, burning NFTs, and searching NFTs. For other specific functionality, we needed to write custom smart contracts on Flow using Cadence.

Approach

Managing architecture with Google Cloud

To create a stable, reliable marketplace, we relied on Google Cloud extensively.

To complete the architecture, the Google Cloud services we used included Cloud SQL as a fully managed service to make it easy to set up, manage, and administer relational databases. We additionally leveraged Google Cloud Logging to store, search, analyze, monitor, and alert on logging data and events from Google Cloud and application components. Finally we utilized GCP to set up and run staging and production environments.

APPROACH

Leveraging Contentful for intuitive content UX

Being an application that would integrate large amounts of content, we needed to have the ability to add, delete, and modify content and information easily for all teams that need to.

To handle this, we decided to use Contentful so that we could map components accordingly and create a great UX for all parties that would need to touch content.

Working with the Dapper Labs team was incredible, and working on a high-impact project like NFL All Day was the cherry on top.

At the end of the engagement, we had successfully built and scaled the platform to handle $75M+ in total volume sales. In addition, the platform amassed more than 80K+ NFT holders and continued to grow.

Ready to make an impact?

Let's Talk