El producto retiene a los operadores a tasas del decil superior una vez que están dentro, pero la consola actual no es comercialmente vendible tal como está. Este es un rediseño de la app del operador y su app de miembros, construido alrededor del único momento que convierte una prueba en una renovación: la primera cuota cobrada y la primera factura DIAN emitida, desde dentro de la app.
Vigoo App ya tiene construida la mitad difícil de un negocio SaaS: abandono casi nulo desde 2020 sobre una base leal que crece de boca en boca. La restricción para crecer no es la retención, es que el producto que la empresa pondría frente a un operador nuevo aún no es vendible, y las pantallas que cargan el único diferenciador que ningún competidor ofrece, manejar el dinero colombiano correctamente, están enterradas o suceden fuera de la app.
Este documento rediseña la consola del operador y la app de miembros alrededor de una sola idea organizadora. Hay un momento que convierte una prueba de confianza en una renovación: la primera vez que un operador cobra una cuota real de membresía y emite la factura validada por la DIAN correspondiente sin tocar efectivo ni un contador aparte. Hoy nada en el producto está construido para llegar a ese momento, así que un operador nuevo puede terminar la configuración y nunca sentir el valor. El rediseño convierte ese momento en la columna vertebral de toda la consola.
El trabajo se apoya en cuatro compromisos fundamentados en la investigación. Liderar con el trabajo real del operador, no con una grilla de funciones. Hacer de la claridad del dinero, cuotas cobradas y facturas emitidas, el centro visual y estructural del producto. Decir la verdad sobre lo que se ha lanzado, para que las funciones de retención e IA aún no construidas nunca se lean como activas. Y encontrar al operador, con poco tiempo, no técnico y nativo de WhatsApp, donde realmente trabaja: en un teléfono, en español, con la menor carga cognitiva posible.
El producto conserva a los operadores una vez que están dentro. El trabajo del rediseño es llevar a un operador nuevo al primer valor rápido, hacer de las herramientas de dinero el centro de gravedad, y nunca prometer una pantalla que el producto aún no puede mostrar.
La recomendación se acompaña de la dirección de marca recomendada, Claridad: un sistema visual de tinta y papel, de claridad del dinero, con un único acento verde señal, Fraunces para los títulos e IBM Plex Sans para las superficies densas en datos. Las pantallas de este documento están diseñadas en ese sistema para que el producto y la marca se lean como una sola cosa.
Ocho hallazgos del lado del producto, ordenados por impacto en la ruta de activación a renovación. La evaluación es parcial: el producto en vivo es una app renderizada en el cliente que bloquea la inspección automatizada, así que esto se basa en las fichas públicas de las tiendas, el sitio de marketing, el análisis de reseñas de competidores y la cascada de investigación, no en un recorrido heurístico de la versión de producción.
Seis principios rigen cada pantalla que sigue. Cada uno es rastreable hasta la investigación, y cada uno resuelve uno de los hallazgos anteriores.
Hasta que un operador cobra una cuota y emite una factura, el panel es la lista de activación. El valor va antes que las funciones.
Cobros y Facturación se ubican en la parte superior de la consola y se emparejan en una pantalla. El diferenciador es estructural, no una pestaña.
Un estado en desarrollo consistente muestra los módulos de la hoja de ruta como vistas previas honestas. Nada sin construir es nunca interactivo como si estuviera activo.
Cada vista tiene una sola acción principal, etiquetas claras en es-CO y controles avanzados que se revelan solo cuando se necesitan.
La consola es táctil primero y responsiva, y WhatsApp es un canal de primera clase para recordatorios y el aviso de socio en riesgo.
La consola del operador y la app de miembros se mantienen distintas en propósito pero comparten el lenguaje de diseño Claridad de principio a fin.
El verde señal se reserva para un solo significado en todo el producto: dinero que está cobrado, confirmado o conciliado. Nunca es decoración. Esa única regla es lo que hace que la consola se lea como de grado financiero.
Dos productos en un sistema. La consola del operador es la superficie de pago y lidera; la app de miembros es el beneficio gratuito que el operador da a sus socios. El dinero se ubica en la parte superior de la consola, las operaciones diarias debajo, y la hoja de ruta honesta al final.
Vigoo Operador (web + móvil, responsivo) ├─ Inicio / panel el mes de un vistazo; lista de primer valor hasta activar ├─ Dinero │ ├─ Cobros (cuotas Bre-B + conciliación) [ELEVADO] sujeto a rieles │ └─ Facturación (facturación electrónica DIAN) [ELEVADO] sujeto a rieles ├─ Operación │ ├─ Miembros (listado, planes, detalle de socio) │ ├─ Reservas y asistencia (calendario, check-in, control de plan) │ └─ Reportes (ingresos/egresos, cierre de mes, tendencias) ├─ Crecimiento │ ├─ Retención (cliente en riesgo) EN DESARROLLO │ └─ Ocupación / IA (señales operativas) EN DESARROLLO └─ Cuenta ├─ Multisede (sedes + control de personal) ├─ Configuración (planes, facturación, entrega de credenciales DIAN) └─ Onboarding (configuración guiada + asistente de migración) [NUEVO]
Vigoo Miembros (iOS + Android) ├─ Inicio (próxima clase, reserva rápida) ├─ Reservar (clases en todas las modalidades, según aforo) ├─ Mi plan (plan, reservas, sesiones perdidas) ├─ Mi progreso (marcas, ejercicios de clase) PARCIAL / honesto └─ Pagos (vista de cuotas del socio + pago) sujeto a rieles
Los nodos elevados mueven el dinero a la parte superior de la consola. Los nodos sujetos a rieles describen el problema y el enfoque planeado pero nunca afirman una capacidad activa ni una fecha hasta que los rieles Bre-B y DIAN se lancen. Los nodos en desarrollo son visibles solo como vistas previas.
El producto está diseñado en la dirección de marca recomendada, Claridad, para que la app y la marca se lean como una sola. La tinta y el papel cargan la calma; un único verde señal carga el significado del dinero; una tipografía serif de despliegue da la autoridad de grado financiero que distingue al producto de una categoría de paneles azules idénticos.
Azul tinta #10242E para texto y superficies oscuras. Papel #F3F1EC y Libro #E8E4DA para fondos y tarjetas. Verde señal #1F8A5B para un solo significado: dinero cobrado, confirmado, conciliado.
Fraunces para títulos de pantalla y cifras clave, la voz editorial-financiera. IBM Plex Sans para toda la interfaz y las superficies densas en datos. Una tipografía monoespaciada para montos y códigos.
Tarjetas 8px, botones 4px, espaciado generoso. La marca de celda de libro es cuadrada. Formas redondeadas solo donde la comodidad táctil lo exige.
Cada superficie de la hoja de ruta lleva una insignia dorada en desarrollo y una vista previa desaturada. Los estados de dinero activos usan verde; pendiente usa ámbar; en espera usa gris pizarra.
Todos los paneles de los competidores usan la misma sans neutral. Una serif contenida para títulos y cifras es lo que hace que Vigoo App se lea como una herramienta en la que confías tu dinero y no como otra app de reservas. Es la elección más diferenciadora del sistema, y no cuesta nada lanzarla.
El panel responde la primera pregunta del operador cada mañana, ¿mis números están bien¿, y nada más compite por la atención. Antes de la activación es una lista de primer valor; después de la activación se convierte en la vista del mes de un vistazo de abajo, con el ciclo de cuotas y el cierre de mes siempre a un toque de distancia.
Alpha Fit Club · junio 2026
Inicio · estado activado. Recaudado es la única cifra en verde: dinero realmente cobrado. Las cuotas pendientes son ámbar, nunca alarmantes. La única acción principal, Cobrar cuota, abre el flujo de cuota a factura. El módulo de hoja de ruta Retención lleva una insignia dev en la navegación y no se presenta como activo.
Para un operador nuevo la misma pantalla se reemplaza por una lista de primer valor (mostrada en la sección 11). El panel no muestra gráficos vacíos; muestra los cinco pasos hasta la primera cuota cobrada y factura emitida, porque una vista de analítica vacía no enseña nada y una instructiva impulsa la activación.
Esta es la pantalla que la categoría no tiene: cobrar una cuota de membresía a través de los rieles colombianos y conciliarla dentro de la app, no en una pestaña bancaria aparte y una hoja de cálculo. Es la primera mitad del momento de activación, y está sujeta al lanzamiento de los rieles Bre-B, así que hasta entonces describe el flujo honestamente sin afirmar una capacidad activa.
Ciclo de junio · 18 cuotas pendientes
Cobros · pantalla sujeta a rieles. Cada pago se concilia con un socio automáticamente, que es justo el dolor que los competidores dejan a una hoja de cálculo. El verde marca dinero ingresado y conciliado; el ámbar marca pendiente. La acción de recordatorio se enruta por WhatsApp. Hasta que los rieles Bre-B se lancen, esta pantalla se presenta como el flujo planeado, no como una integración activa.
La cuota cobrada en Cobros se convierte en una factura validada por la DIAN en un solo movimiento, sin contador aparte, sin exportar. Este emparejamiento es el evento de activación que toda la consola fue construida para alcanzar, así que la pantalla lo muestra como un único flujo enlazado en lugar de dos tareas desconectadas.
Factura electrónica · validada en línea
Facturación · el emparejamiento Ajá. La banda verde hace explícito el vínculo: una cuota cobrada se convierte en una factura validada en un paso. El estado de validación DIAN es lo único que compite por la mirada. Esta es la pantalla que, alcanzada una vez en las primeras dos semanas, es la diferencia entre una prueba y una renovación.
Cobros y Facturación son las dos pantallas sujetas a rieles. Están diseñadas y mostradas aquí como el flujo planeado para que el objetivo de construcción sea inequívoco, pero en el producto en vivo no deben presentarse como una integración lanzada, ni llevar fecha de entrega, hasta que los rieles Bre-B y DIAN estén confirmados y construidos.
La fortaleza de reportes ya lanzada, ingresos y egresos con limpieza de cierre de mes y tendencias comparativas, presentada como un cierre calmado en lugar de un muro de gráficos. El operador debería poder responder ¿funcionó el mes¿ de un vistazo y entregar números limpios a un contador sin retrabajo.
Ingresos, egresos y comparativo
Reportes · cierre de mes. El mes actual es la única barra verde, atando la tendencia de vuelta al único significado del color. Resultado y margen responden ¿funcionó el mes¿ sin que el operador lea una sola tabla. Exportar entrega cifras limpias a un contador.
El núcleo operativo que ya funciona, presentado con menos densidad. Miembros es el listado con el estado del plan de un vistazo; Reservas es el calendario de clases con aforo y control de plan, la regla sin plan no hay asistencia hecha visible en lugar de enterrada en la configuración.
182 activos · 6 nuevos en junio
Miembros y Reservas. El estado del plan usa los mismos tres estados que el dinero: verde activo, ámbar por cobrar, pizarra por vencer. La grilla de clases muestra el aforo de un vistazo y las clases llenas en verde, así el operador ve la demanda sin abrir un reporte.
Un operador nuevo no ve un panel vacío. Ve cinco pasos hacia el primer valor, y el producto lo lleva a través de cada uno. El paso más riesgoso, migrar a los socios desde una hoja de cálculo, va primero y tiene apoyo por WhatsApp, porque una importación sin apoyo es donde se estanca la activación.
5 pasos hasta tu primera cuota cobrada y facturada
Onboarding · lista de primer valor. Esto reemplaza al panel hasta que el quinto paso esté hecho. Los dos pasos completados muestran el check verde; la ruta termina precisamente en el evento de activación, el primer cobro y la primera factura DIAN. La migración acompañada se ofrece en línea, no escondida en soporte.
El riesgo de retención, la ocupación y las señales de IA son intenciones reales, no funciones lanzadas. El producto las muestra como vistas previas claramente etiquetadas para que el operador pueda anticiparlas, y nunca como algo sobre lo que pueda actuar hoy. Este patrón es cómo el producto conserva la confianza que construyó la base.
Una vista previa de lo que estamos construyendo
Hoja de ruta visible · el patrón en desarrollo. La insignia dorada, las filas de ejemplo desaturadas y la nota explícita aún sin datos reales hacen imposible confundir la vista previa con una función activa. Cada módulo de la hoja de ruta en el producto usa exactamente este tratamiento, y ninguno lleva fecha.
La app de miembros es la vitrina del operador ante sus propios socios, así que tiene que verse tan profesional como lo es el operador. La reconstrucción hace una cosa bien, reservas confiables, con un inicio limpio con la próxima clase, en el mismo sistema Claridad. Se presenta al operador como un beneficio que le da a sus socios, no como el titular del producto.
Tu próxima clase
Más tarde esta semana
Inicio · next class
Mañana
Tarde
Reservar · capacity-aware
App de miembros. Un trabajo por pantalla: ver la próxima clase, luego reservar la siguiente. Las clases llenas ofrecen una lista de espera en lugar de un callejón sin salida. El control de plan es invisible para el socio y automático para el operador. Las marcas de Mi progreso se muestran solo donde el dato es real, honesto sobre lo que la app de miembros sí y aún no registra.
Por fases para que el valor llegue antes del trabajo que depende de los rieles, y para que nada sin construir se lance nunca como activo. La secuencia se ajusta al ritmo de la capacidad existente, lo que coincide con la dirección Equilibrada recomendada: amplificar una base que funciona, no sobreconstruir antes de tener la prueba.
| Fase | Alcance | Pantallas | Condición |
|---|---|---|---|
| 1 | Honestidad y primer valor. Agregar el estado en desarrollo en todos los módulos de la hoja de ruta; construir la lista de onboarding y el asistente de migración; rediseñar Inicio como el hogar de activación. | Inicio, Onboarding, vistas previas de hoja de ruta | P0 |
| 2 | Centro de dinero. Construir Cobros y Facturación y el emparejamiento entre ellos. Lanzar detrás de los rieles: hasta que Bre-B y DIAN estén confirmados, presentar como flujo planeado, sin afirmación de actividad, sin fecha. | Cobros, Facturación | P0 rieles |
| 3 | Claridad de uso diario. Renovar el núcleo operativo ya lanzado, Miembros, Reservas, Reportes, hacia un trabajo por pantalla, es-CO claro, móvil primero, en el sistema Claridad. | Miembros, Reservas, Reportes | P1 |
| 4 | App de miembros. Reconstruir la app de miembros alrededor de reservas confiables y un inicio limpio con la próxima clase; separarla limpiamente de la superficie del operador. | Miembro: Inicio, Reservar, Mi plan | P1 |
| 5 | Activación de hoja de ruta. Cuando los datos y los rieles existan, convertir las vistas previas en desarrollo en Retención y Ocupación activas, reemplazando la insignia por señales reales y el aviso de riesgo por WhatsApp. | Retención, Ocupación | P2 datos |
La Fase 2 es el trabajo de mayor impacto y la única dependencia externa. Confirmar los rieles Bre-B y DIAN, construcción versus extensión, y el proveedor autorizado por la DIAN, es la decisión que desbloquea el momento de activación alrededor del cual se diseña toda la consola. Todo lo demás puede avanzar sin ella.
Estas pantallas son el objetivo de diseño. El siguiente paso es convertir la dirección de marca elegida y esta arquitectura en una biblioteca de Figma lista para construir, componente por componente, y confirmar la única dependencia, los rieles Bre-B y DIAN, que desbloquea el momento de activación alrededor del cual se construye la consola.