Piggy
Reinventando la alcancía para la era digital: Piggy te permite asegurar ahorros, enviar Bitcoin como regalo y acumular sats en la red Lightning con un encantador compañero de IA.
Acerca del proyecto
Diseño y frontend construidos como un sistema: desde tokens hasta comportamiento.
Sitio web
Marca
Diseñamos e implementamos toda la interfaz de usuario y la experiencia de la billetera de Piggy — desde un modelo de interacción agnóstico a la red hasta autenticación sin contraseña con Passkeys — diseñado para sentirse simple sin importar la cadena subyacente.
El sistema está diseñado con Shadcn UI, tokens compartidos de Tailwind y componentes personalizados, luego se superpone con animaciones de Rive y una capa de mensajería de IA para que cada Piggy tenga su propio cerebro y comportamiento.
Experiencia de billetera agnóstica a la red diseñada una vez, escalada a través de cadenas
Autenticación sin contraseña utilizando Passkeys
Shadcn UI como base de componentes
Tokens de Tailwind compartidos entre diseño y código
Componentes personalizados construidos específicamente para Piggy
Animaciones de Rive para movimiento en tiempo real y basado en estado
Capa de mensajería de IA impulsando personalidad y respuestas
Cada capa es intencional.
No hay ruido visual. No hay deuda de UX. Solo claridad y control.
El movimiento es el lenguaje nativo de Piggy
Nos movimos más allá de los activos estáticos para construir un motor de personalidad que se siente verdaderamente vivo. Impulsado por Rive, Piggy genera más de 10,000 variaciones únicas a partir de solo 130 rasgos fundamentales, lo que significa que cada Piggy no es solo un clon, sino un personaje único.
Nos movimos más allá de los visuales estáticos para construir un sistema vivo.
Usando Rive, Piggy genera miles de variaciones únicas a partir de un conjunto compartido de características. El movimiento reacciona al estado, la intención y el contexto — no a las líneas temporales.
Movimiento consciente de la personalidad que responde en tiempo real
Variación masiva sin duplicar activos
Rendimiento suave de 60 fps en todos los dispositivos
Rive permitió que el diseño y la lógica vivieran en el mismo sistema, haciendo que el movimiento fuera predecible, ligero y fácil de mantener.
Framer — Estructura y Entrega
Un sistema construido para escalar
La experiencia completa de Piggy fue estructurada y entregada utilizando Framer, lo que permitió que el diseño y el desarrollo avanzaran juntos desde el concepto hasta la producción.
Usar Framer nos permitió:
Construir secciones y diseños impulsados por CMS
Mantener un estricto control de diseño mientras escalamos el contenido
Optimizar el rendimiento y la capacidad de respuesta
Framer permitió que Piggy funcionara como un producto vivo: fácil de iterar, flexible para actualizar y listo para crecer.
