Product Designer6 años de experienciaHealthTech · Fintech · HR TechCeleste BeltránProduct Designer6 años de experienciaHealthTech · Fintech · HR TechCeleste Beltrán
Product Design · UXHealthTech · Fintech · HR TechInvestigación · Solución · Impacto6 años de experienciaProduct Design · UXHealthTech · Fintech · HR TechInvestigación · Solución · Impacto6 años de experiencia
Casos de Estudio
Entre diseño, sistemas y decisiones.
Mi enfoque combina análisis, producto y diseño para construir soluciones que realmente resuelven problemas.
WC
HealthTech · NOM-035
HealthTechRegulaciónB2BMulti-actor
Welbe Care — Módulo NOM-035
Diseño de un módulo integral dentro de una plataforma de medicina ocupacional para cumplir la NOM-035: desde la evaluación de riesgos psicosociales hasta la conexión con atención médica especializada.
1Mi Rol
Product Designer del módulo NOM-035. Diseñé la experiencia para tres tipos de usuario —colaborador, recursos humanos y médico especialista— coordinando con stakeholders de salud, compliance, producto y negocio.
2El Problema
El proceso de NOM-035 estaba incompleto: solo se cubrían los cuestionarios. No existía interpretación de resultados, seguimiento a colaboradores, ni conexión con atención médica. RH tomaba decisiones sin soporte claro y las empresas con múltiples sedes no tenían visibilidad centralizada.
3El Proceso
Cuestionarios digitales
Digitalización de evaluaciones NOM-035 con experiencia simplificada para colaboradores y aplicación a escala por empresa y sucursal.
Panel de cumplimiento RH
Monitoreo de participación por áreas y sucursales, control de porcentajes de cumplimiento y seguimiento de pendientes.
Comunicación y trazabilidad
Registro de comunicaciones enviadas, evidencia de cumplimiento regulatorio e historial completo de interacciones.
Automatización
Recordatorios para colaboradores, alertas a líderes de área y seguimiento automático de pendientes para reducir la gestión manual.
Dashboards de riesgo
Visualización de resultados psicosociales con interpretación clara e indicadores accionables para la toma de decisiones.
Conexión médica
Detección de casos de riesgo, derivación a especialistas, agenda de consultas, videollamadas y backoffice médico con historial clínico integrado.
4El Resultado
7
módulos diseñados
Se construyó una experiencia integral que transformó la NOM-035 de un proceso de cumplimiento aislado a un sistema completo de gestión de bienestar. Cumplimiento estructurado, visibilidad organizacional y atención personalizada con seguimiento real — todo dentro de una sola plataforma.
La NOM-035 no debería terminar en un cuestionario. Debería empezar ahí.
Galería del proyecto
KK
FinTech · UX Research
FinTechUX ResearchPagosConversión
Kushki
Diseñar para pagar más rápido: optimización del flujo de pagos basada en comportamiento real de usuarios. Investigación y validación con apostadores en Perú.
1Mi Rol
Investigación y validación del flujo de pago para el agregador Apuesta Total en Perú. Diseño de protocolo de testeo, entrevistas 1:1 con usuarios reales, análisis de hipótesis de percepción y usabilidad, y definición de decisiones de diseño basadas en insights.
2El Problema
El flujo de pago cumplía funcionalmente pero no estaba optimizado para claridad inmediata ni rapidez de ejecución. Los usuarios experimentaban confusión en navegación, dependencia de lectura detallada y fricción en momentos críticos. 3/4 usuarios necesitaron ayuda para entender botones.
3El Proceso
Protocolo de testeo
Pruebas moderadas con usuarios reales: entrevistas 1:1, ejecución de tareas específicas, observación de comportamiento y evaluación de percepción y usabilidad.
Muestra y contexto
4 usuarios apostadores recurrentes, edad promedio 42 años, 100% usaron celular. Contexto real del negocio con usuarios reales.
Hallazgos de comportamiento
Los usuarios priorizan velocidad sobre lectura, el modelo mental ya existe (3/4 sabían los pasos), mobile domina la experiencia, y solo buscan: código, monto y vencimiento.
Fricciones detectadas
Dificultad para entender scroll, información mal jerarquizada, problemas de affordance en botones, y preferencia clara por BCP e Interbank como métodos de pago.
Decisiones de diseño
Priorizar código, monto y vencimiento. Reducir contenido visible, reorganizar layout, hacer explícitos los botones, introducir timer y optimizar jerarquía visual.
Redefinición del flujo
Menor carga cognitiva, menos scroll, priorización de información crítica y mayor claridad en acciones. Diseño mobile-first basado en los hallazgos.
4El Resultado
↑
conversión de pagos
El research permitió redefinir el flujo hacia menor carga cognitiva, menos scroll y priorización de información crítica. Se pasó de un diseño funcional a uno optimizado para el comportamiento real de los usuarios.
Los usuarios no necesitan más información. Necesitan encontrar lo correcto en el menor tiempo posible.
Galería del proyecto
IA
Producto Propio · SaaS
Producto PropioSaaS0 → 1Branding
InviArt
Diseñar una nueva forma de crear y gestionar invitaciones digitales sin fricción. Plataforma que simplifica, eleva la calidad visual y automatiza el proceso completo.
1Mi Rol
Lideré el diseño completo del producto de inicio a fin: definición del concepto, research exploratorio de mercado, diseño de experiencia (UX), diseño visual (UI), branding, definición de funcionalidades y colaboración directa con desarrollo.
2El Problema
Las soluciones disponibles presentaban múltiples fricciones: plantillas genéricas, procesos complejos (WordPress, hosting, páginas completas), dependencia de terceros, falta de herramientas integradas y costos elevados. Los diseñadores resolvían manualmente, imposibilitando escalar.
3El Proceso
Exploración
Análisis de cómo se resolvía el problema: Canva, WordPress, soluciones manuales. Identificación de fricción técnica, falta de escalabilidad y baja diferenciación visual.
Definición del producto
Solución centrada en facilidad de uso, rapidez, personalización y calidad visual. Editor accesible pero potente con plantillas de alto valor.
Diseño de experiencia
Flujo completo: onboarding del evento, selección de plantilla, personalización, configuración de elementos (contador, ubicación) y generación de invitación.
Sistema de valor
Integración de elementos que normalmente se ofrecen por separado: cuenta regresiva, detalles del evento, estructura lista para compartir y experiencia sin hosting.
Evolución del producto
Exploración de mejoras: uso de inteligencia artificial para generación de templates, automatización de contenido y expansión de funcionalidades.
4El Resultado
1
plataforma funcional
Se desarrolló una plataforma funcional que permite crear invitaciones digitales de forma rápida, mantener un alto estándar visual, reducir la dependencia técnica y escalar un servicio que antes era completamente manual.
Diseñar no es solo crear algo bonito, es hacer que algo que antes era complejo se vuelva simple.
Galería del proyecto
BP
FinTech · Backoffice
FinTechBackofficeDataDashboards
Billpocket
De Excel a decisiones: transformación de datos operativos en un sistema de gestión. Rediseño de dashboards y flujos dentro del backoffice para reemplazar procesos manuales.
1Mi Rol
Diseño de dashboards y flujos dentro del backoffice: traducción de datos complejos a interfaces claras, estructuración de información en KPIs, diseño de visualizaciones, definición de estados y jerarquías, y mejora de flujos de consulta y análisis.
2El Problema
El análisis de información operativa dependía de hojas de cálculo complejas que eran difíciles de leer, requerían procesamiento manual y no permitían identificar insights rápidamente. No existía una vista consolidada, no había seguimiento claro por comercio, los estados eran poco visibles y la toma de decisiones era lenta.
3El Proceso
Mapeo de uso de Excel
Entender cómo los equipos usaban los archivos de Excel: qué datos eran más relevantes, cómo se analizaban y qué decisiones se tomaban.
Estructuración de información
Reorganización de la información en capas claras: métricas principales (KPIs), detalle por comercio, transacciones, contracargos y rechazos.
Diseño de dashboards
Creación de vistas que permitieran entender el estado general rápidamente, identificar problemas y profundizar en detalle: pago neto, crecimiento, ticket promedio, churn, margen.
Visualización de estados
Introducción de estados visuales claros: bloqueado, operando, activado, preregistrado. Identificación inmediata de la situación de cada comercio.
Flujos de consulta
Diseño de herramientas para filtrar información, buscar por múltiples criterios y segmentar datos de forma intuitiva.
Casos específicos
Desarrollo de vistas dedicadas para transacciones, rechazos, contracargos y aclaraciones, cada una con su propia lógica de análisis.
4El Resultado
100%
operación centralizada
Se pasó de un proceso manual basado en Excel a un sistema integrado dentro del producto. El nuevo sistema permitió reducir el tiempo de análisis, mejorar la claridad de la información, facilitar la toma de decisiones y centralizar la operación en una sola plataforma.
Los datos no generan valor por sí solos. El valor está en qué tan rápido puedes entenderlos y actuar sobre ellos.
Soluciones de diseño aplicadas en distintos contextos, enfocadas en resolver necesidades específicas de producto, experiencia y negocio.
E-Commerce
Zermat
Diseño centrado en usuario para redefinir la experiencia digital de marca. Desarrollé perfiles de usuario para identificar a sus principales segmentos (emprendedoras y clientes finales), permitiendo al equipo diseñar con mayor claridad.
A partir de esto, se propuso la migración del sitio web hacia una experiencia más orgánica, con mejor estructura de navegación y una organización visual enfocada en resaltar su valor principal: el contenido gráfico.
Prueba técnica
Psicotest
Propuesta de dashboards para interpretación de datos psicométricos.
Rediseño conceptual de una plataforma de evaluaciones psicométricas, enfocado en mejorar la lectura, jerarquía y comprensión de resultados para facilitar la toma de decisiones.
Prueba de concepto
Aeromexico
Integración de información clave en el flujo de viaje.
Propuesta de rediseño del flujo de abordaje, integrando el seguimiento de equipaje dentro del pase de abordar para mejorar la visibilidad y reducir incertidumbre del usuario.
Customer Experience & Ventas
Avera
Diseño de experiencias guiadas para mejorar decisiones de compra. Se desarrollaron experiencias interactivas para ayudar a los usuarios a elegir el producto correcto.
• Selección de calentadores mediante un flujo tipo asistente • Experiencia gamificada para entender necesidades del usuario • Extensión del modelo para venta cruzada (parrilla + campana)
El objetivo fue reducir errores de compra y mejorar la conversión.
Branding, identidad, sistemas visuales y diseño de comunicación.
SCS
Web Design
Statistics Football
App Design
Ciclope
Brand Identity
Bocaditos
Branding
Arcea
Brand Identity
Xamai / MediPet
Social Media
Fotografía y retoque
Campañas retail
UX/UI · Producto · Estrategia6 años diseñando experienciasDesign Systems · Research · FigmaBackground visual sólidoUX/UI · Producto · Estrategia6 años diseñando experienciasDesign Systems · Research · FigmaBackground visual sólido
Sobre mí
Product Designer con background visual.
Soy Celeste Beltrán, Product Design Lead con 6+ años liderando iniciativas de diseño en HealthTech, Fintech y SaaS. Me especializo en conectar visión de negocio con experiencias escalables, eficientes y profundamente funcionales.
Como líder y estratega, enfoco mis esfuerzos en la escalabilidad visual y de procesos. Impulso la creación de Design Systems, estandarizo procesos de UX/UI y garantizo que el diseño hable el mismo idioma que PMs, Ingeniería y Stakeholders.
Integro activamente metodologías ágiles y herramientas de Inteligencia Artificial para optimizar discovery, research y documentación, logrando que el equipo entregue más valor en menos tiempo.
Hola. Soy la asistente IA de Celeste. Estoy aquí para responder tus preguntas sobre su experiencia y procesos de diseño. ¿Por dónde empezamos?
Mi proceso de diseño
1
Entender el problema
Entrevistas, mapeo de actores, análisis del contexto. No diseño sin entender el sistema.
2
Definir el espacio de solución
HMWs, jobs to be done, criterios de éxito claros antes de abrir Figma.
3
Diseñar con criterio visual
Wireframes, prototipos, sistema de componentes. La consistencia visual no es decoración.
4
Validar y ajustar
Pruebas con usuarios reales, iteración rápida, documentación para el equipo.
IA como copiloto creativoChatGPT · Claude · MidjourneyPrompt Engineering · AutomatizaciónLa IA potencia, no reemplazaIA como copiloto creativoChatGPT · Claude · MidjourneyPrompt Engineering · AutomatizaciónLa IA potencia, no reemplaza
Inteligencia Artificial
La IA potencia mi proceso creativo.
Uso la inteligencia artificial como copiloto estratégico. La delego para investigación exploratoria, generación de variantes y análisis cualitativo — lo que me permite enfocar mi energía en arquitectura de producto, empatía estructural y decisión de diseño.
Discovery asistido
Clustering de entrevistas y análisis de patrones cualitativos con LLMs para reducir tiempo de síntesis.
Generación de UI
Iteración rápida de layouts, wireframes y variantes visuales con IA generativa para acelerar ideación.
Automatización + Código
Prototipado funcional, scripts de automatización y creación de herramientas internas con asistencia de IA.
Proyectos destacados
Producto Propio · Web
Este Portfolio
Diseñé y construí este portafolio completo usando IA como copiloto técnico: el código, el chatbot, el editor visual y la arquitectura de páginas fueron creados con asistencia de modelos de lenguaje.
Automatización de clustering cualitativo de entrevistas de Discovery utilizando LLMs. Reducción del 60% en tiempo de síntesis manteniendo la calidad de insights.
