# Product

## Register

brand

The primary surface is the public landing. It is a conversion campaign that drives raffle participation for a national charity. The purchase flow and the admin dashboard are real product surfaces, but they serve the campaign rather than being the point of the project. Polish, critique, and design work on the landing and any marketing surface uses the brand playbook. Work scoped to the checkout flow or admin tooling can be treated as product per task.

## Users

**Donor-participants (primary).** The Peruvian public, on a phone, arriving from Instagram, TikTok, lives, and posts driven by a principal influencer. They land in a moment of emotional motivation, not a planned shopping session. They want to participate fast (small-ticket entries of roughly S/5 to S/10), and before they pay they need to believe two things: that their money truly reaches the cause, and that the draw is genuinely fair. Some return later to buy more chances. They are not lottery players; they are people giving to a cause who also get a chance to win a prize.

**Teleton operators (secondary).** Internal staff who run the draw, manage prizes, reconcile payments, and export confirmed entries. Their stated need is simplicity: the draw should be easy to run and easy to defend ("que no haya una mayor complicacion"), with a clear, auditable trail. Likely desktop, lower volume, high stakes.

## Product Purpose

A standalone, mobile-first raffle web app for Teleton Peru that turns social-driven traffic into confirmed, paid raffle entries. It covers the full path: register, an optional pre-payment upsell for extra chances, payment through an external provider, a confirmation email, lawful participant-data capture under Peru's data law, and a provably-fair commit-reveal draw verifiable after the fact.

Two events are in scope for 2026: a warm-up of about five prizes at the end of August to build virality, and the main raffle of about ten prizes on September 12. Prizes (electronics, televisions, consumption vouchers) are data-driven, never hardcoded, because the sponsor list is not final.

The surface is a separate landing that may later be embedded into teleton.pe.

Success looks like: money raised for the cause, confirmed entries captured cleanly, zero trust or fairness incidents that could damage a national charity's reputation, and a draw the Teleton team can run and publicly defend without complication. Because real money, real personal data, and a charity's name are on the line, the product biases hard toward trust, fairness, auditability, accessibility, and legal compliance over speed or flourish.

## Brand Personality

Three words: **trustworthy, warm, urgent.**

The dominant feeling the landing must evoke is a blend, in this order of priority:
1. *My money truly reaches the cause* (institutional credibility, accountability made visible).
2. *The draw is genuinely fair* (the provably-fair mechanism is a feature, not fine print).
3. *Act now, the campaign is live* (momentum, a running total, a countdown, the donate action always in reach).

Voice and tone: earnest, plain-spoken, solidarity-driven. Peruvian Spanish register (tu, eres, quieres, cuentame, dime), never voseo. Never salesy, never hype, never guilt-tripping. The verbal signature is the "Cada sol" anaphora: every emotional claim is pinned to a concrete number or impact, so money and impact live in the same sentence. No em-dashes, no emojis in any user-facing copy.

## Anti-references

The landing must not feel like any of these:

- **A gambling or lottery site.** No casino energy, no neon jackpot treatment, no luck-baiting. This is a charity raffle, not a betting product.
- **A crypto-raffle or hype sweepstakes.** No hype-bro tone, no fake-scarcity or manufactured countdown pressure, no shady sweepstakes manipulation.
- **A cold corporate or bank form.** Not sterile, not bureaucratic, not a soulless government portal. The cause is human and the interface should feel it.
- **A cluttered, emoji-heavy nonprofit template.** No Notion-template clutter, no emoji soup, no generic charity-template look. Editorial restraint throughout.

## Design Principles

1. **Trust is the conversion lever.** Credibility precedes the ask. Make "my money reaches the cause" self-evident before requesting payment: surface the external audit (PwC), the independent administration (La Fiduciaria), and the running total. On a money-handling charity surface, reassurance is not decoration, it is what converts.

2. **Quantified hope.** Every emotional claim pairs with a number. The "Cada sol" promise (each sol becomes therapies, care, hope) and the oversized impact figures are the whole pitch. Never soften the numbers into body copy; they are the proof.

3. **Provably fair, visibly so.** The draw's integrity is a headline feature, not a legal footnote. The commit-reveal mechanism and verifiable result exist to let any participant believe the raffle is honest. Design should make fairness legible, not bury it.

4. **One tap from giving.** The landing exists to move a phone user from a live stream to a confirmed entry with the least friction possible. The participate action is never more than a tap away (persistent floating CTA), the flow is short, and nothing competes with it.

5. **Mobile-first and spike-proof.** The real user is on a phone during a viral moment, and traffic arrives in spikes behind an influencer. The experience must be fast, degrade gracefully to a fully-rendered zero-data state, and never break under load. Polish that assumes a calm desktop visitor is polishing the wrong user.

## Accessibility & Inclusion

WCAG 2.1 AA is a launch gate, not a nice-to-have. Requirements:

- Semantic HTML and a logical heading order.
- All inputs labeled; errors conveyed by text, never color alone.
- Minimum 44px tap targets (phone-first audience).
- `prefers-reduced-motion` guards on all motion, including the continuous progress-stripe animation and the modal scale-in.
- Color is never the sole carrier of meaning. The brand red must not be the only signal for status, validation, or state (relevant for color-blind users and the single-accent palette).
- Spanish language surface (es-PE), set on the document.
- Light-only surface by design; ensure text-on-white and text-on-red contrast both meet AA.
- The donation and registration paths must be fully keyboard-navigable with visible focus.
