Playground

Playground

B2B2C Brand Activation & Fan Engagement Engine (2023)

Product DesignFrontend DevelopmentDynamic NFTsB2B2C
Client: Playground.oooYear: 2023
01

The Problem: The Abandoned Web3 Roadmap

Brands bought NFTs, but users stopped caring

Major brands (NBA teams, apparel) had integrated Web3 into their roadmap, but static NFTs failed to retain user attention after the initial mint. As the #3 employee at Playground, my objective was to solve this 'abandoned roadmap' problem. I led the end-to-end product design and contributed to the frontend to turn static digital collectibles into an active, gamified engagement engine.

  • →Role: Product Designer & Frontend Contributor
  • →Target: Brands needing community activation (Sports, Apparel, E-commerce).
  • →The Challenge: Creating a daily habit out of a sport that plays 3x a week.
Playground Website ↗
02

The Engine: Brand-Synced Digital Collectibles

Tying real-world brand utility to digital assets

The solution was a gamified 'Locker Room' powered by Dynamic NFTs. Fans collected virtual badges synced via oracle to real-world data. If a player hit a milestone, the NFT visually upgraded, unlocking real-world brand discounts. This wasn't just a game; it was a B2B2C activation tool that allowed brands like PUMA, Lyft, and Sandbox to dynamically insert utility into digital assets, finally completing their Web3 roadmaps.

  • →Real-World Trigger: Event ends, data syncs to the blockchain.
  • →Variable Reward: NFT visually levels up, unlocking a brand coupon (e.g., Lyft discount).
  • →B2B Value: Brands gained an active, gamified channel to their target demographic.
Project image 1
Project image 2
03

Bridging the UX Gap: Frontend Abstraction

Making Web3 feel like a Web2 game

The primary technical constraint was latency. Smart contract updates and oracle data syncing are never instantaneous. If a user clicked 'Claim Reward' and had to stare at a spinner for 2 minutes while waiting for a gas transaction, the gamification loop would break. I focused heavily on frontend abstraction, designing and implementing optimistic UI loading states that made the clunky Web3 backend feel like an instant, fluid Web2 game.

  • →Optimistic UI: Designed instant visual feedback while blockchain transactions resolved in the background.
  • →Tech Collaboration: Worked directly with smart contract engineers to map frontend events to on-chain logic.
  • →The Trade-off: Sacrificed raw on-chain transparency for consumer-grade speed and fluidity.
←Back to Select Work