← Back to the dig site

Specimen 01 · Pantelotteriet · Mobile app + raffle site · Scandinavia

The Recycling Lottery

A recycling lottery where every return is a ticket. I scoped the journeys, built the Figma system, and proved the timing-heavy flows in a Claude Code prototype before handoff.

ROLEProduct Designer → Jr. PO
CLIENTAstria Systems
SURFACESMobile app, web raffle
AI STACKClaude Code · Figma MCP

The surface problem

Static Figma frames couldn't show a countdown, a claim window or a state change. Engineering would have found the timing bugs — late and expensively.

Excavation log

Four layers, top to bottom

01Figma structure

One cover page indexes every flow. Rows, fields and dropdowns are built once as slot-variant components and reused everywhere.

COVER MASTER BUILT ONCE · REUSED
02Journey mapping

Registration → claim, profile, support, history. Each journey scoped in one line — happy path and every edge case — before a screen is drawn.

REGISTERRETURNDRAWCLAIM EDGE CASE WINDOW CLOSED HAPPY PATH + EVERY EDGE CASE
03AI prototype

A self-contained HTML prototype built with Claude Code: real tab switching, live countdown logic and state transitions to pressure-test timing.

FIGMA CLAUDE CODE NEXT DRAW 02:14
04Dev handoff

Flows, edge cases and timing logic shipped to engineering already proven against real interaction.

1 2 3 SPACING 16STATE: CLAIMTIMER 00:00 REVIEWED

Journey research

Every journey, mapped before a screen

Registration → claim, profile, support and history — each scoped with its happy path and every edge case.

Sealed layer

Journey research boards

Protected under NDA

Reach out for more info…

The specimen, alive

Try the prototype, not a screenshot

The RLI mobile app, live from Figma — registration, draws and claims, click-through complete. It sits under NDA, so it runs behind the glass.

Sealed layer

The RLI mobile app prototype

Protected under NDA

Reach out for more info…

Edge case interactive study

Built with Claude Code to break the flows on purpose

A self-contained HTML prototype that runs the timing-heavy states Figma can't: countdowns hitting zero, closed claim windows and state changes.

Sealed layer

Edge case interactive study

Protected under NDA

Reach out for more info…