Magic Pulpo Studio · 2026
El tracker de cliente que retiramos se convirtió en la base de cada dashboard.
Un starter de dashboard de KPI basado en configuración, generalizado a partir de un tracker que creamos para Berlitz Canada y que luego retiramos a propósito cuando un libro de Excel autónomo resultó más útil para el cliente. El trabajo técnico sobrevivió como punto de partida abierto para cada dashboard que construimos.
El reto
De dónde viene
Creamos un tracker de KPI para Berlitz Canada: ocho KPI, desde matrículas hasta CAC, desglosados por segmento, centro y periodo. Lo alimentaban importadores que procesan las hojas de cálculo reales y desordenadas del cliente y miles de filas de gasto en Google Ads.
El enfoque
Por qué lo retiramos
La respuesta sincera era que el equipo del cliente trabaja en Excel. Así que dimos de baja la aplicación, trasladamos cada fórmula a un libro autónomo que es suyo y generalizamos el trabajo técnico en este starter, sin arrastrar ningún dato del cliente.
La regla de conciliación
La convicción central del starter: las cifras del embudo deben cuadrar con las cifras financieras por mes y por centro, y una desviación superior al 5% se marca en rojo en el propio dashboard. Cuando eso ocurre, se corrige la fuente de verdad.
Sobre estos gráficos
Todos los gráficos de arriba muestran el starter sin conexión, con su tenant ficticio, Northwind Learning. Las regiones, segmentos, códigos de producto y cifras son inventados y coherentes entre sí para que los gráficos tengan forma; no son los resultados de nadie. Conecta el starter a un proyecto de Supabase y los mismos componentes mostrarán datos reales.
El trabajo
Los resultados
Qué incluye el starter
8
KPI en el modelo de referencia
6
Componentes de gráficos
5
Periodos, de hoy al acumulado del año
8
Migraciones SQL con seguridad a nivel de fila
El starter está abierto en GitHub. Su modelo de referencia incluye ocho KPI de embudo, ingresos frente a lo previsto, unidades, gasto y conciliación, representados por seis componentes de gráficos en cinco periodos. Se apoya en ocho migraciones con seguridad a nivel de fila y bloqueo de periodos, y se alimenta de importadores de Excel y Salesforce con tests unitarios. No incluye datos de clientes: todas las cifras de la demo son datos de ejemplo.
Lo que entregamos
- Motor de KPI basado en configuración: embudo, ingresos reales y previstos, unidades, gasto, conciliación
- Seis componentes de gráficos, además de tarjetas de KPI, filtros y estructura de aplicación
- Importadores para exportaciones de Excel y Salesforce, con tests unitarios
- Ocho migraciones SQL con seguridad a nivel de fila y bloqueo de periodos
- Capa de autenticación y permisos, con tests
Stack
Next.js 16
App Router, React 19
Supabase
Postgres, RLS, auth SSR
Tailwind 4
con una capa de tokens
Recharts
componentes de gráficos
Zod + Vitest
importaciones validadas, lógica testeada
Proyectos relacionados
Todos los proyectos
Aplicamos el mismo rigor a cada proyecto.
Reserva una llamada estratégica de 30 minutos. Miraremos tu reto y te diremos si somos el equipo para ello.