Appstack
Challenge de una semana para un rol de Product Designer: rediseñar una tabla de atribución de marketing que nadie podía leer. Sistema tokens-first, Figma público y demo.
- React
- TypeScript
- Vite
- Tailwind
- TanStack Table
- dnd-kit
- Figma
Una tabla de atribución con demasiadas columnas, sin jerarquía y sin estados: imposible comparar canales de un vistazo.
Sistema tokens-first en Figma y en código (CVA + Tailwind), tabla headless con TanStack Table, columnas reordenables con dnd-kit, densidad y estados de carga, vacío y error definidos antes de dibujar.
Demo en vivo, repo público y Figma view-only. Es la pieza de craft de diseño más completa que tengo, y se presenta como lo que es: un challenge de una semana.
Take-home de un proceso de selección para Product Designer: analizar, rediseñar y construir una tabla de atribución de marketing. Es un challenge, no un producto: el problema vino definido, no hubo research con usuarios ni lanzamiento. Lo que muestra es craft y sistema: atomic design, tokens primero, estados definidos, y una tabla densa que se puede leer. Se construyó dirigiendo agentes de código con el mismo criterio que uso en producción.