Caso de estudio · Dashboard SaaS · 2026
Donde se mueven los ingresos — una superficie calmada para los números que importan.
AEl encargo
ElequipodeHeliosvendíainteligenciadeingresosaempresasSaaS,perosupropioproductocontabamallahistoria:métricasrepartidasencincopestañas,gráficasquenadieconfigurabayunaseñaldechurnenterradaatresclics.
El mandato fue directo — hacer legible el dinero. Una superficie donde un founder lea ARR, MRR neto y churn en diez segundos, y donde la anomalía interesante te encuentre a ti en vez de esconderse.
BEl enfoque
Reconstruimos la arquitectura de información alrededor de preguntas, no de tablas: cuánto hay, hacia dónde se mueve, qué ha cambiado. La vista principal responde las tres sin hacer scroll, con calma editorial — papel marfil, numerales en tinta y un único acento dorado para el dinero en movimiento.
La capa de IA se diseñó como un colega, no un chatbot: sugerencias de cohortes en línea, tarjetas de anomalías con una explicación de una línea y una paleta de comandos que convierte "churn del plan pro últimos 30 días" en una vista configurada.
Nuestrademopasódedisculpaaventajaenunasolaversión.Ahoralosinversorespidenllevarlaellosmismos.
Júlia Armadans · CEO, Helios
CDiario de construcción
- SEMANA 02
El funeral de pestañas
Abrimos el producto antiguo con un cronómetro: 43 segundos y cinco pestañas para responder "¿cómo fue este mes?". Ese número se convirtió en el enemigo contra el que remó todo el equipo.
- SEMANA 06
El dorado firma contrato
A mitad de proyecto, el dorado se colaba en botones e iconos. Escribimos una regla de una línea — el dorado solo significa dinero moviéndose — y revertimos catorce pantallas. El dashboard se calmó al instante.
- SEMANA 10
La demo del founder
Primera demo en vivo con datos reales: el CEO dejó de narrar, giró el portátil y dejó conducir al inversor. Ese silencio fue la verdadera prueba de aceptación.
DDecisiones clave
- 01
Los números se llevan el presupuesto tipográfico
Las métricas van grandes en cifras tabulares, con la serif itálica reservada para etiquetas narrativas. La jerarquía nace de la tipografía, no de cajas — el dashboard casi no tiene tarjetas.
- 02
Las anomalías vienen a ti
Un carril de señales muestra giros de cohortes y picos de churn como pequeñas tarjetas narradas. El usuario deja de cazar; el dashboard informa.
- 03
La paleta de comandos es la API
Toda vista es direccionable desde un input. Los usuarios avanzados no tocan el ratón; las sugerencias de IA viajan por el mismo carril, así la capa inteligente se siente nativa.
- 04
El dorado significa dinero en movimiento
Un único color de acento queda reservado a los deltas de ingresos. Cuando aparece algo dorado, siempre significa lo mismo — atención ganada, no decoración.
EEl resultado
El dashboard se convirtió en la demo de ventas.
- 10s
- para leer las tres métricas clave desde el login
- -64%
- de clics hasta una vista de cohorte configurada
- 4
- pilotos enterprise abiertos usando la beta como demo
Helios lanzó su beta con la nueva superficie como pieza central de cada llamada de ventas. El equipo fundador dejó de disculparse por el tour de producto — el tour se volvió el pitch.
Una nota desde la obra
Los dashboards fracasan por generosidad, no por escasez — la métrica favorita de cada uno quiere su asiento. Decir que no a números buenos es lo que hace legibles los importantes.
— Ivan Curto
¿Ahogado en dashboards que nadie lee?
Empezar una conversación