Lotto X Tokyo Ginza: Product Launch
Tokyo Ginza is a digital storefront experience that uses interactive torchlight effects and time-based mechanics to drive product engagement.
The Brief — create noise. Lotto was launching a premium sneaker line themed around Tokyo's underground Ginza street culture. Instead of a standard, boring e-commerce grid, they needed an experimental website that felt like an exclusive cultural event to generate massive digital hype.
The Problem
The sneaker market is saturated. To make Lotto's "Tokyo Ginza" line stand out among daily drops, we needed a launch strategy rather than a standard landing page.
The Strategy: we used curiosity and exclusivity to drive traffic, building a standalone, gamified website that turned a standard product launch into an interactive event.
If you'd like to learn more, please get in touch.
The Time-Gated Teaser
We built the launch around a time-based narrative mimicking an exclusive underground drop:
Daytime Teaser (Pre-Launch)
A clean, bright daytime street scene of the Ginza district with a 'Closed' sign. The only action available is an email capture to unlock access.
Night Mode (The Live Drop)
At 8:00 PM the site switches completely into a neon night scene with an 'Open' sign and an active "Enter the Drop" CTA. This created the curiosity gap.
The Reveal
At exactly 8:00 PM, the virtual doors opened and users could enter.
Discovery: inside, the store was completely dark. The user's cursor functioned as a flashlight, requiring them to actively explore the space to hunt for hidden coupons.
The Conversion: when a user found and clicked a coupon, they were redirected to the main Tokyo Ginza website to shop the collection.
AI-Driven Workflow: Prototyping & Visuals
To execute a highly complex concept on a tight timeline, I leveraged generative AI to run design and production simultaneously:
Interactive Code via Claude
I used Claude to build functional code prototypes. This let us live-test the time triggers and cursor mechanics instantly.
Generative World-Building
I generated 100% of the visual assets — the storefronts, atmospheric boutique interiors, and cinematic background videos — using generative AI tools, acting as a one-person creative director.
The Interaction: The Torch-Light
Psychology & Curiosity
The storefront was deliberately darkened to create an air of mystery, leveraging user psychology to inherently prompt curiosity.
Technical Execution
The core exploration mechanic ran on real-time cursor-position tracking, mapped to a radial reveal mask over the storefront imagery.
Gamified Rewards
Hidden coupons were introduced as a reward system for active discovery, pushing the interaction further than a passive browse.
Deliberate Engagement
Coupon elements were built on a visibility timer tied to specific hover states, preventing accidental triggers and requiring users to intentionally explore the interior with their "flashlight" to earn rewards.
Entering the store drops users into a dark, moody Tokyo boutique that stays shrouded in shadow by default. The cursor acts as a flashlight beam, illuminating specific shoe displays as the user hovers — and exploring hidden corners reveals Easter eggs, like exclusive discount coupons that vanish if the user looks away, creating instant urgency.
Why This Approach Works
Gamified Scarcity
Forcing users to physically discover the collection builds curiosity and keeps them on the site longer.
Earned Rewards
Because the coupons are discovered through exploration, users enter the checkout flow with significantly higher intent to buy.