JL
NY Lottery

NY Lottery

Full-screen PageGrabber X for the New York Lottery's "Champions of Cash" scratch-off game. Split-panel layout with rotating sports venue backgrounds, embedded video ticket preview, and download CTAs for the NY Lottery 3D App on both app stores.

  • html5
  • css3
  • javascript
  • gsap
Format
PageGrabber X
Platform
Desktop + Mobile
Engine
GreenSock
Agency
Undertone

How It Works

1
~2s

Venue

Full-bleed sports venue loads. Basketball court with gold coin scatter and dramatic court lighting. NY Lottery logo lands in the top-left corner.
2
~3s

Panels

Layout splits. Left: "TAKE YOUR GAME TO A WHOLE NEW DIMENSION" in white bold type. Right: the "Champions of Cash" scratch-off ticket slides in with a play button over it.
3
Auto

Rotate

Background swaps from basketball court to baseball stadium on a timer. The panels stay fixed while the venue behind them changes.
4
End State

Convert

"LEARN MORE" button with arrow icon. Footer locks in: NY Lottery 3D App badge, App Store button, Google Play button, "Scratch-Off GAMES" label. Responsible gaming text anchored at bottom.

Engineering

  • Venue Rotation

    Background images swap on a timer behind the fixed content panels. Each venue is a full-bleed image that needs to load before it can rotate in, so the first venue stays up while the next one preloads.

  • Two-Panel Layout

    Left panel handles the type and primary CTA. Right panel hosts the ticket with video overlay. On mobile, the panels stack. The tricky part was keeping the ticket preview tappable at every breakpoint without overlapping the compliance text.

  • Video in Ad

    The ticket preview has an inline video player. Tapping the play button starts the video without leaving the ad. This keeps the user inside the unit instead of bouncing to YouTube or a landing page.
  • 3
    exit paths

    Three Exit Paths

    "Learn More" goes to the product page. App Store and Google Play go to their respective stores. The video is a fourth engagement point that doesn't exit. Each one gets its own click tracker so the campaign team can see which path converts.

  • Compliance

    Lottery ads need responsible gaming text visible at all times. The disclaimers are pinned to the ad frame so they stay put regardless of which venue is showing or whether the video is playing.

More projects

MastercardView project

Mastercard

Mastercard Priceless Cities map with nine MLB stadium hotspots that open partner experiences and booking

html5

Get in touch

Email me

From idea to production across design, creative, and engineering. I ship end to end, and the vision stays company-first the whole way.

jeffkliu@gmail.com