Compliance sin fricciones: diseño de producto para una herramienta financiera en mercado regulado

Trabajando para WiseCost a través de Rayo Estudio, diseñé de cero el branding y el producto completo de una plataforma SaaS para contratistas del gobierno de Estados Unidos. WiseCost automatiza los procesos de compliance con la DCAA, la agencia que audita los contratos federales, permitiendo que empresas pequeñas y medianas operen sin el riesgo de perder contratos por incumplimiento regulatorio.

(el desafío)

Ser contratista del gobierno en Estados Unidos implica uno de los marcos regulatorios más exigentes del mercado. En un solo año, la DCAA cuestionó más de 5.300 millones de dólares en costos.

La mayoría de las herramientas disponibles estaban pensadas para grandes corporaciones con equipos de compliance dedicados. Los contratistas medianos, entre 10 y 500 empleados, gestionaban sus obligaciones con planillas, procesos manuales y contadores especializados difíciles de conseguir.
El desafío de diseño era concreto: traducir un framework legal extremadamente técnico en un producto que cualquier administrador pudiera operar sin formación específica en contabilidad gubernamental. Cada flujo tenía que ser correcto desde el día uno sin margen para la ambigüedad.
Entender el dominio antes de diseñar cualquier pantalla fue no negociable. Arranqué con un proceso de UX que incluyó benchmark de herramientas existentes (Deltek, Unanet) y entrevistas con posibles usuarios para entender el sistema, los flujos reales y los puntos de fricción más críticos. Trabajé en sesiones semanales junto al equipo fundador, que incluye a un experto con más de 14 años en compliance para contratistas federales.

(la solución)

Un sistema de dos roles, administrador y empleado, que hace el compliance parte del flujo de trabajo diario y no una tarea aparte.

Diseñé el producto completo de principio a fin. Empecé por el branding, luego armé el sistema de diseño completo, y de ahí pasé al diseño de todas las pantallas del MVP. El proceso fue iterativo con ciclos semanales de diseño y validación.
Cuando el producto migró de Bubble a React, el trabajo tomó una nueva dimensión: generé documentación técnica de diseño para que los desarrolladores trabajando con IA siguieran los lineamientos del sistema de componentes, estilos, accesibilidad y criterios de toma de decisiones de UX. Hoy trabajo activamente revisando cada implementación y ajustando la UX/UI directamente en el código, en un rol que cruza el diseño con el frontend.

Branding y design system desde cero
Identidad visual, tokens, componentes y documentación construidos antes de tocar ninguna pantalla.
Time tracking con validaciones DCAA
Time Activities y Time Sheets con aprobación por etapas, diseñadas para cumplir automáticamente con los requisitos de registro.
Labor Distribution y Journal Entries
Distribución de costos laborales por contrato con sincronización directa a QuickBooks Online.
Documentación para desarrollo con IA
Guías de componentes, estilos y criterios de decisión que permiten a los devs implementar con consistencia usando Claude como asistente.

(el resultado)

Un MVP lanzado, en uso y en constante evolución, con un modelo de trabajo diseño y desarrollo que sigue creciendo.

WiseCost salió al mercado y está activo con usuarios reales. El producto sigue creciendo con nuevas features, y el proceso de trabajo entre diseño y desarrollo se volvió más eficiente con cada sprint. La migración a React con IA como herramienta de desarrollo abrió una forma nueva de colaborar: diseño, documentación e implementación en un ciclo continuo.

Producto en producción
MVP lanzado y en uso por contratistas del gobierno de Estados Unidos.
Proceso de trabajo escalable
Documentación de diseño que permite implementar con IA manteniendo consistencia visual y de UX.
Iteración continua
Más de un año de sprints semanales de diseño, validación e implementación.
Rol híbrido diseño y frontend
Revisión y ajuste directo en el código de cada pantalla implementada por el equipo de desarrollo.

Volver