{{ t.heroCornerTL2 }}
{{ t.heroCornerBR2 }}
+{{ t.stmtA }} {{ t.stmtB }}
{{ t.approachTitle }}
{{ a.title }}
{{ a.desc }}
{{ t.stmtLeadA }} {{ t.stmtLeadEm }} {{ t.stmtLeadB }}
+ {{ t.workTitle }}
{{ p.title }}
{{ p.desc }}
+ {{ t.galleryTitle }}
{{ t.galleryNote }}
{{ t.aiTitle }} {{ t.aiTitleEm }}
{{ t.aiDesc }}
{{ a.title }}
{{ a.desc }}
+ {{ t.aboutLead }}
{{ ab.v }}
{{ e.role }}
{{ e.company }}
{{ e.period }}
⌄
{{ e.role }}
{{ e.company }}{{ e.summary }}
- +{{ b.t }}
“{{ tm.quote }}”
Optimización del registro de accidentes laborales
Rediseño integral de un proceso crítico y regulado: convertir un formulario largo y técnico en un flujo guiado, conversacional y sin fricción — sin comprometer los requisitos legales de la radicación.
UX / UI
QA · Negocio · Riesgos
El registro de un accidente era un proceso crítico pero lleno de barreras: formularios extensos, lenguaje técnico y alta carga cognitiva en un momento de estrés.
La mayoría de personas reportaban justo después del accidente, lo que multiplicaba los errores de diligenciamiento y los formularios incompletos.
- +Incrementar la adopción del canal digital
- +Reducir llamadas al centro de atención
- +Disminuir formularios incompletos
- +Estandarizar la captura de información
- +Comprender fácilmente qué debía hacer
- +Completar el registro sin asistencia
- +Reducir el tiempo para reportar
- +Generar confianza durante el estrés
Un proceso completo de Design Thinking
Comprender a quienes viven el proceso
Entrevistas, shadowing, customer journey y benchmark para entender las necesidades reales de trabajadores, empresas y equipos internos involucrados en el reporte.
Entrevistas
Trabajadores, empresas afiliadas, validadores, equipo jurídico y médico.
Shadowing
Sesiones reales de reporte para detectar dudas, interrupciones y errores.
Customer Journey
Emociones, puntos de dolor, dependencias y tiempos muertos del recorrido.
Benchmark
Seguros, salud, banca y gobierno: patrones para procesos regulados.
Alta carga cognitiva
Debían recordar demasiada información a la vez.
Lenguaje poco comprensible
Conceptos legales y médicos sin traducción cotidiana.
Sensación de incertidumbre
Nunca sabían cuánto faltaba para terminar.
Captura poco estructurada
Campos abiertos que generaban información inconsistente.
Estrés del contexto
El reporte ocurría justo después del accidente.
Sintetizar el verdadero problema de diseño
“¿Cómo podríamos permitir que cualquier trabajador registre un accidente correctamente, incluso bajo estrés, reduciendo errores y esfuerzo sin afectar los requisitos regulatorios?”
- Reducir la cantidad de decisiones por pantalla
- Disminuir la escritura manual
- Generar confianza durante el proceso
- Estructurar mejor la información
- Transformar el formulario en una experiencia guiada
Reducir complejidad
Guiar paso a paso
Estructurar la información
Mejorar la comprensión
Explorar soluciones y elegir el concepto
Workshops con negocio, tecnología, operaciones y equipo médico para definir qué preguntas eran realmente necesarias y reorganizar por completo la arquitectura de información.
Formulario por secciones
Tradicional, dividido. Seguía percibiéndose largo.
Wizard paso a paso
Mejor navegación, pero aún con sensación de formulario.
Experiencia conversacional
Una única decisión por pantalla; el sistema guía de forma progresiva.
De wireframes a un flujo guiado en alta fidelidad
Se validó jerarquía, navegación y secuencia; luego se construyó la interfaz con componentes reutilizables, estados, validaciones y retroalimentación inmediata.
Wireframes
Jerarquía, navegación, secuencia y agrupación de preguntas.
Alta fidelidad
Componentes, estados, validaciones y diseño responsive.
Design System
Botones, tarjetas, inputs, progreso y componentes conversacionales.
Validar con usuarios representativos
Pruebas moderadas registrando un accidente ficticio con el prototipo. Se midió comprensión, tiempo, facilidad de uso, errores y percepción de confianza.
La información contextual aumentó la confianza
Los usuarios entendían mejor por qué se solicitaba cada dato.
Las preguntas abiertas requerían ejemplos
Los ejemplos mejoraron notablemente la calidad de las respuestas.
Las opciones visuales aceleraban la interacción
Seleccionar resultó mucho más rápido que escribir.
Dividir el flujo redujo la complejidad percibida
Mismo número de preguntas, mucho menor esfuerzo percibido.
+ Un proceso administrativo complejo convertido en una experiencia guiada, estructurada y fácil de comprender.
Se logró capturar información de mayor calidad, disminuir la carga cognitiva durante el registro y establecer una base escalable para futuros procesos digitales de la ARL.
El primer sistema de diseño de Colmena
Dirigí la creación del primer sistema de diseño de Colmena Seguros: una única fuente de verdad que unificó un producto fragmentado, aceleró a los equipos y hoy sostiene más de 30 proyectos. Lideré una célula de tres diseñadores, del token al componente y a la gobernanza.
UI Designer
+ mantenimiento
(yo + 2)
Web + Mobile
Todo el
producto.
Cada equipo rediseñaba lo mismo. No había un lenguaje común: colores, tipografías y botones cambiaban de un producto a otro.
Sin un sistema, cada proyecto empezaba de cero. Eso significaba inconsistencia visual, deuda de diseño acumulada, handoffs lentos y una experiencia que no se sentía como un solo Colmena.
- +Reducir el tiempo de diseño y desarrollo por proyecto
- +Unificar la marca en todos los canales digitales
- +Escalar sin multiplicar la deuda de diseño
- +Facilitar el handoff diseño → desarrollo
- +Una única fuente de verdad, documentada
- +Componentes accesibles y reutilizables
- +Un modelo de contribución claro
- +Consistencia sin frenar la autonomía
Dirigí una célula de tres diseñadores y fui dueño de la visión del sistema
Definí el rumbo, repartí el trabajo, revisé calidad y consistencia, y articulé con producto y desarrollo. El sistema fue un esfuerzo de equipo; mi trabajo fue darle dirección, criterio y gobernanza.
Visión y estrategia
Definí principios, arquitectura de tokens y la hoja de ruta del sistema.
Liderazgo del equipo
Coordiné a 2 diseñadores: asignación, mentoría y revisiones de diseño.
Calidad y consistencia
Establecí criterios de aceptación, accesibilidad y naming consistente.
Articulación
Alineé con producto y desarrollo para adopción y handoff sin fricción.
De la auditoría a la adopción
Auditoría
Inventario de UI en los productos existentes: inconsistencias, patrones repetidos y deuda.
Fundaciones
Color, tipografía, espaciado, radios y grid como tokens con nomenclatura.
Componentes
+40 componentes con variantes, estados y anatomía, construidos en célula.
Documentación
Guías de uso, do & don't, accesibilidad y specs para desarrollo.
Adopción & gobernanza
Onboarding de equipos, modelo de contribución y mantenimiento continuo.
La base: color, tipografía y tokens
Átomos, moléculas y organismos
Construidos con metodología atomic design: cada pieza documentada con variantes, estados y reglas de accesibilidad.
+ Un producto fragmentado convertido en un solo lenguaje que hoy usan más de 30 proyectos.
El sistema pasó de acelerar un equipo a ser la base de todo el producto digital de Colmena: menos deuda de diseño, handoffs más rápidos y una experiencia consistente en cada canal.
Envío masivo de cartas
Convertí un proceso manual —redactar y enviar cada comunicación legal caso por caso— en una plataforma con plantillas, búsqueda inteligente, vista previa en vivo y trazabilidad. El equipo de Colmena pasó a generar cientos de cartas al mes sin salir del sistema.
UX / UI
Negocio · Legal
Cada carta legal se redactaba a mano, una por una, copiando datos entre sistemas y sin forma de saber qué se había enviado.
Notificar accidentes, objeciones, anulaciones o cierres implicaba plantillas de Word sueltas, errores de digitación y ningún rastro de a quién ni cuándo se envió cada comunicación.
- +Reducir el tiempo de generación de cada carta
- +Estandarizar plantillas y lenguaje legal
- +Habilitar el envío a múltiples destinatarios
- +Dejar trazabilidad completa de cada envío
- +Encontrar el caso correcto en segundos
- +Ver la carta antes de enviarla
- +Elegir destinatarios y firmas sin fricción
- +Evitar errores de digitación
Cómo agilizó el envío, de varias maneras
Búsqueda inteligente
Filtros por documento, ATEP, tipo de evento y estado para llegar al caso exacto.
Plantillas por tipo
Comunicaciones prediseñadas por accidente, reintegro, anulación u objeción.
Vista previa en vivo
La carta se arma a la izquierda mientras se completa el formulario a la derecha.
Destinatarios múltiples
Trabajador, empresa, EPS/AFP u otros — con copias configurables por envío.
Firmas y soportes
Selección de firmantes y carga de dictámenes validada dentro del mismo flujo.
Trazabilidad total
Cada envío queda registrado: qué, a quién y cuándo, con estado del caso.
Un buscador con filtros que reemplazó las hojas de cálculo: el gestor localiza el caso, revisa su estado y arranca la comunicación desde ahí.
Desde la ficha del caso, el gestor elige entre plantillas de comunicación agrupadas por tipo y genera la carta en un clic.
Un mismo patrón de formulario se adapta a cada destinatario, con carga de dictamen y selección de firmas reutilizables.
+ Un proceso manual convertido en una plataforma que genera y envía comunicaciones a escala, con trazabilidad.
Las plantillas y la vista previa eliminaron el copiar-pegar y los errores; la búsqueda y las copias configurables convirtieron el envío caso por caso en una operación ágil y auditable.