JL
NY Lottery

NY Lottery

Full-screen PageGrabber X for the New York Lottery's "Champions of Cash" scratch-off game. A basketball bounces onto a pile of coins and splashes them, then a split-panel end frame fades in with an embedded video preview of the mobile app, and download CTAs for the NY Lottery 3D App on both app stores.

  • html5
  • css3
  • javascript
  • gsap
Format
PageGrabber X
Platform
Desktop
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
Physics

Bounce

A basketball drops onto the court and bounces, losing velocity on each bounce, then lands on the pile of coins and splashes them off in the direction it landed.
3
~3s

Panels

After the splash the end frame fades in, with "TAKE YOUR GAME TO A WHOLE NEW DIMENSION" in white bold type on the left and the "Champions of Cash" scratch-off ticket on the right, a play button over it.
4
On tap

Play

Clicking the feature image plays the video of the mobile app the Lottery was launching, inside the unit. The panels and the responsible-gaming text stay in the frame while it plays.
5
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

  • Ball Physics

    The bounce runs on GSAP physics, so the ball loses velocity the way a real one does before it hits the coins and splashes them toward where it landed. Every layer is a transparent PNG sized to the full screen, so the court, the ball, and the coins stack as one scene.

  • Two-Panel Layout

    Left panel handles the type and primary CTA, and the right panel hosts the ticket with its video overlay.

  • Video in Ad

    The ticket preview has an inline video player. Tapping the play button starts the video inside the ad, so the user stays in the unit.
  • 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 whether or not 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

Working end to end across design, creative, and engineering, where creativity, collaboration, and ownership build toward the company's goals.

jeffkliu@gmail.com