DIGITAL EXPERIENCE

Designing a high-converting transactional experience for Lotería de Risaralda.

From paper ticket to digital experience — engineered for a 44.4% conversion lift.
DIGITAL EXPERIENCE

Designing a high-converting transactional experience for Lotería de Risaralda.

From paper ticket to
digital experience —
engineered for a 44.4%
conversion lift.
THE CHALLENGE

From physical ticket
to digital record

From physical ticket to digital record

Turn a paper raffle ticket into a qualified digital lead — on the street, in seconds, for users who'd never registered online, for the campaing "El Día de mi Suerte".

WHO

WHO

Lottery buyers and street vendors ("loteros") — largely non-digital, 43–65 years old.

Lottery buyers and street vendors ("loteros") — largely non-digital, 43–65 years old.

WHERE

WHERE

Sidewalks and kiosks. Noisy, mid-transaction, one hand on the ticket.

Sidewalks and kiosks. Noisy, mid-transaction, one hand on the ticket.

CONSTRANIT

CONSTRANIT

Zero tolerance for friction. One shot to convert before they walk away.

Zero tolerance for friction. One shot to convert before they walk away.


E2E digital experience — landing page, commercial tracking flow, and implementation strategy — for a campaign reaching 4,500+ users.


E2E digital experience — landing page, commercial tracking flow, and implementation strategy — for a campaign reaching 4,500+ users.

THE JOURNEY

Mapping the path from scan
to confirmation

Mapping the path from scan to confirmation

Before unpacking the research behind each decision, here's the full path I designed — from QR scan to confirmed registration, mapped end to end.


4 touchpoints. 1 continuous flow.
Zero app downloads, zero logins.— engineered for the 44.4% conversion lift.


4 touchpoints. 1 continuous flow.
Zero app downloads, zero logins.— engineered for the 44.4% conversion lift.

RESEARCH AND STRATEGY FRAMEWORK

Turning field behavior into
a design brief

Turning field behavior into
a design brief

Before opening Figma, I went to the field. I ran direct qualitative observation at physical points of sale — kiosks and street vendors — to study the real interaction between the lotero, the printed ticket, and the buyer's smartphone.

PASSIVE OBSERVATION

Watching the purchase and ticket-handoff moment from a distance.

CONTEXTUAL INTERVATION

Quick interaction at the exact moment of scanning.

FACILITOR DEBRIEF

Short interviews with loteros right after the sale.

PASSIVE OBSERVATION

Watching the purchase and ticket-handoff moment from a distance.

CONTEXTUAL INTERVATION

Quick interaction at the exact moment of scanning.

FACILITOR DEBRIEF

Short interviews with loteros right after the sale.

PASSIVE OBSERVATION

Watching the purchase and ticket-handoff moment from a distance.

CONTEXTUAL INTERVATION

Quick interaction at the exact moment of scanning.

FACILITOR DEBRIEF

Short interviews with loteros right after the sale.

TARGET AUDIENCE

Adults 43–60 years old. Pragmatic smartphone users (mobile banking, WhatsApp) — but with zero tolerance for friction or wasted time on the street.

CONTEXT OF USE

Public street settings, in motion, one-handed interaction, variable lighting.

GOAL

Build a high-conversion digital experience tailored to real street habits and physical ticket interactions.

TARGET AUDIENCE

Adults 43–60 years old. Pragmatic smartphone users (mobile banking, WhatsApp) — but with zero tolerance for friction or wasted time on the street.

CONTEXT OF USE

Public street settings, in motion, one-handed interaction, variable lighting.

PASSIVE OBSERVATION

Watching the purchase and ticket-handoff moment from a distance.

CONTEXTUAL INTERVATION

Quick interaction at the exact moment of scanning.

FACILITOR DEBRIEF

Short interviews with loteros right after the sale.

GOAL

Build a high-conversion digital experience tailored to real street habits and physical ticket interactions.

DESIGN SYSTEM & DECISIONS

Driven by a system, not intuition

Driven by a system, not intuition

To eliminate cognitive load for non-digital users under street conditions, I implemented a strict Single Action Token Rule.

While the design system contained standard tokens for branding or info, only one token was authorized to request action: Success 500 (#37B35A).

By assigning Success 500 strictly to primary CTAs and success states, color itself became the instruction. Users never had to read long instructions—they instinctively knew that green meant "proceed".

SUCCESS 500 IN ACTION

SUCCESS 500 IN ACTION

LANDING PAGE POP UP

LANDING PAGE POP UP

High-contrast #37B35A primary button against neutral elements.

High-contrast #37B35A primary button against neutral elements.

LANDING BUTTONS

LANDING BUTTONS

#37B35A applied to oversized, thumb-friendly touch targets (>48px).

#37B35A applied to oversized, thumb-friendly touch targets (>48px).

REGISTRATION FORM

REGISTRATION FORM

Consistent green applied to progress indicator and "Continuar" CTA.

Consistent green applied to progress indicator and "Continuar" CTA.

The Pop-up Iteration: An agile adjustment to drive rapid user registration

During initial deployment, real-time user behavior showed a need for an immediate, unmistakable entry point. We executed an agile, on-the-fly adjustment by introducing a dedicated pop-up modal right upon landing. By cutting through ambient page distractions and focusing user intent instantly, this mid-campaign tweak significantly accelerated platform adoption and overall user growth.

During initial deployment, real-time user behavior showed a need for an immediate, unmistakable entry point. We executed an agile, on-the-fly adjustment by introducing a dedicated pop-up modal right upon landing.

By cutting through ambient page distractions and focusing user intent instantly, this mid-campaign tweak significantly accelerated platform adoption and overall user growth.


A mid-campaign iteration that directly accelerated registration velocity, securing 2,420+ total registered users on the platform.


A mid-campaign iteration that directly accelerated registration velocity, securing 2,420+ total registered users on the platform.

Guided registration progression with intentional action anchors

Upfront guidance ("ID & ticket ready") reduced initial drop-offs. Intermediate steps used neutral transition buttons ("Siguiente"), reserving #37B35A green strictly for final conversion ("Participar"). Oversized targets (>48px) ensured fast one-handed street completion.


Near-zero drop-off across all steps, securing 2,420+ completed registrations and +$23.9M COP in captured value.


Near-zero drop-off across all steps, securing 2,420+ completed registrations and +$23.9M COP in captured value.

ENABLEMENT & ADOPTION STRATEGY

Driving street-level adoption from stakeholders to the front lines

Driving street-level adoption from stakeholders to the front lines

To guarantee a flawless launch, we facilitated an hands-on enablement session with product stakeholders and local vendors (loteros). By empowering vendors as digital trust anchors and aligning stakeholders on the O2O journey, we built total confidence at the point of sale.

Thanks for reading!
Interested in working together?

Thanks for reading!
Interested in working together?

Thanks for reading!
Interested in working together?

go home

Create a free website with Framer, the website builder loved by startups, designers and agencies.