Skip to content

Onboarding wizard: pulido visual, micro-animaciones y mensajes de ayuda #8

Description

@MarxMad

Contexto

El wizard de onboarding (conectar Freighter → red testnet → trustline USDC → fondear) funciona pero se siente seco. Es el primer contacto del usuario con la app y necesita brillar.

Alcance

  • Micro-animaciones entre pasos con framer-motion (ya está en deps).
  • Iconos animados de estado: pending (pulse), success (check con bounce), error (shake).
  • Tooltips de ayuda en cada paso explicando qué es trustline, por qué testnet, etc.
  • Barra de progreso visual (4 pasos) con paso actual destacado.
  • Mensaje final con confeti (canvas-confetti) y CTA "Ir al marketplace" o "Tokenizar mi primera factura".
  • Permitir saltar y volver a pasos ya completados.

Fuera de alcance

  • Lógica de wallet, trustline, fondeo (ya implementada y NO se debe tocar).

Definition of done

  • Wizard fluye sin parpadeos.
  • Animaciones a 60fps en mobile.
  • Tooltips con keyboard navigation (a11y).

Por qué es seguro delegarlo

Solo capa visual sobre la lógica de wallet existente. No se toca el código que firma o crea la trustline.

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requeststellar-waveDelegable a contribuidores del programa Stellar Drips

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions