Experiencia profesional

Lidero la librería de componentes de UI compartida de HQ, usada en más de 28 mercados internacionales, convirtiendo especificaciones de diseño en primitivas de React reutilizables y fieles a la marca sobre bases sólidas de HTML y CSS, y actúo como puente técnico entre Diseño, Producto e Ingeniería.

• Lidero la librería de componentes de UI compartida de HQ, usada en más de 28 mercados internacionales, convirtiendo especificaciones de diseño en primitivas de React reutilizables y fieles a la marca sobre bases sólidas de HTML y CSS.
• Mantengo el design system como un monorepo de Yarn con un paquete foundations para los design tokens y un paquete react para los componentes, versionados y publicados por separado para que las actualizaciones de tokens y los cambios de API de componentes sigan siendo contratos distintos para los equipos que los consumen.
• Soy responsable del pipeline de tokens: definidos en Figma (espaciado, color) y exportados en dos formatos, variables de Sass para las hojas de estilo y JSON para consumo desde JavaScript, dándole a diseño e ingeniería una única fuente de verdad. Los componentes son TypeScript y SCSS, tematizables, junto con una capa agnóstica del framework en JavaScript, HTML y CSS puros.
• Automaticé el pipeline de release de punta a punta: Conventional Commits en main disparan semantic-release para resolver versiones, generar changelogs, crear tags de Git con scope, publicar en GitHub Packages y abrir GitHub Releases con notas.
• Aseguro la calidad en CI con Vitest, Playwright, axe para chequeos automáticos de accesibilidad y SonarQube para análisis estático y quality gates.
• Expongo el design system a agentes de IA mediante Figma MCP para que el código generado se apoye en primitivas reales del sistema en lugar de inventar markup; integré GitHub Copilot en el ciclo de desarrollo de componentes y definí el proceso de revisión que mantiene las contribuciones asistidas por IA prolijas y sin regresiones.
• Entregué el frontend de una campaña de marca mundial que alcanzó más de 350.000 usuarios, preservando una estética cinematográfica y boutique con un trabajo cuidado de movimiento y detalle.
• Actúo como puente técnico principal entre Diseño, Producto e Ingeniería; escribo la documentación de componentes y dicto workshops prácticos de React y UI que escalan estándares de ingeniería compartidos entre mercados.
• Orquesté la estrategia de accesibilidad de los componentes de UI de HQ, alcanzando un 90% de cumplimiento en más de 28 mercados internacionales y eliminando incidencias en las herramientas de auditoría automática.
• Desarrollé un sistema de monitoreo con PowerBI para seguir la salud digital en todas las regiones, permitiendo resolver de forma proactiva regresiones de performance y accesibilidad.

• React
• TypeScript
• SCSS
• Sass
• Design Tokens
• Figma
• Figma MCP
• Yarn Workspaces
• Monorepo
• semantic-release
• Conventional Commits
• GitHub Packages
• GitHub Actions
• Vitest
• Playwright
• Axe
• SonarQube
• Storybook
• Next.js
• Contentful
• WCAG 2.1
• WCAG 2.2
• European Accessibility Act
• VoiceOver
• GitHub Copilot
• Claude Code

Trabajo freelance de diseño e ingeniería frontend para marcas y startups, junto con una librería pública de patrones de componentes accesibles y un flujo asistido por IA en el que actúo como paso de validación del desarrollador.

• Escribí y publiqué una librería pública de más de 12 patrones de componentes reutilizables y compatibles con WCAG (tabs, modales, acordeones, dropdowns, tablas, paginación, scroll-jacking), estructurados para que agentes de IA puedan consumirlos y que la implementación accesible sea la opción por defecto. Incluye trabajo original sobre scroll-jacking accesible e interfaces de hotspots, áreas sin guía publicada previa.
• Uso Claude Code a diario para prototipar y entregar patrones de componentes pulidos, acelerando la entrega sin resignar calidad, y funciono como el paso de validación humana en flujos de diseño a código asistido por IA, revisando la salida generada en estructura, semántica y calidad de interacción antes de producción.

• React
• TypeScript
• CSS
• Storybook
• Module Federation
• Internacionalización
• Next.js
• Contentful
• Nunjucks
• Drupal
• WCAG 2.1
• WCAG 2.2
• European Accessibility Act
• Axe
• VoiceOver
• Claude Code
• AI skills

Lideré la migración del blog y el dashboard desde una arquitectura legacy a un stack moderno en una plataforma fintech para inversores, enfocándome en SEO, performance y mantenibilidad.

• Migré una arquitectura legacy basada en SQL a un stack moderno de React, TypeScript y GraphQL; me manejo con comodidad entrando y modernizando código legacy desconocido.
• Construí patrones de SSR (Apollo, Next.js) para paginación y dashboards con muchos datos, y revitalicé los Core Web Vitals con un pipeline de imágenes propio, mejorando LCP y la performance en mobile.
• Implementé A/B testing con Optimizely SSR y segmentación basada en comportamiento; contribuí en PHP, Python y SQL además del trabajo principal en React y TypeScript.
• Desarrollé un conjunto de herramientas de alto rendimiento, incluidos filtros financieros y modales dinámicos, asegurando un manejo de estado consistente entre el blog y el dashboard.

• Next.js
• React
• TypeScript
• GraphQL
• Apollo
• PHP
• Python
• SQL
• WordPress
• Optimizely
• Mixpanel
• Core Web Vitals

Desarrollé dashboards y herramientas geoespaciales para una plataforma de analítica agrícola que da servicio a productores de Norteamérica, Europa y Sudamérica, además de contribuir a un design system construido sobre librerías de terceros.

• Trabajé en un design system construido sobre librerías de terceros, Vuetify y Material UI, tematizándolas con design tokens escritos en CSS puro en lugar de construir componentes desde cero, y evalué en qué casos un sistema listo para usar es la decisión correcta y en cuáles sus APIs de componentes limitan la accesibilidad y la diferenciación de marca.
• Construí dashboards interactivos y con gran densidad de datos usando TypeScript y Vue/Vuex, sirviendo analítica en tiempo real a clientes de tres continentes.
• Fui contribuidora clave en la migración de dashboards internos desde Django a una arquitectura moderna de Next.js, React y GraphQL (Hasura), mejorando interactividad y performance.
• Implementé técnicas avanzadas de performance frontend, incluidas lazy loading, code splitting y optimización de renderizado, asegurando un rendimiento fluido en Safari, Chrome y Firefox.
• Identifiqué y resolví bugs críticos de geolocalización, mejorando directamente la precisión de las capas de datos para clientes internacionales.

• Vue.js
• Vuex
• TypeScript
• React
• Next.js
• GraphQL
• Hasura
• Django
• Design Tokens
• Vuetify
• Material UI
• Mapbox GL JS
• Vercel

Trabajé en plataformas de cara al usuario y herramientas internas con foco en un design system local, accesibilidad y prácticas de testing.

• Construí componentes accesibles y reutilizables para un design system local en React, TypeScript y CSS puro, respaldado por design tokens, versionado y publicado a través de un registro npm privado para los equipos internos que lo consumían.
• Refactoricé código legacy en una librería de componentes reutilizables e impulsé la migración de la documentación desde comentarios de código desordenados hacia Storybook, acelerando el desarrollo de nuevos flujos entre equipos; lideré la migración de estilos a Emotion.
• Establecí testing de accesibilidad en dos capas: React Testing Library con Jest para cobertura unitaria y de interacción, y Cypress para end-to-end, con axe integrado en ambas para que las regresiones de accesibilidad rompieran el build en lugar de aparecer en auditorías posteriores. Elevé la cobertura de tests unitarios al 85%, reduciendo fuertemente las regresiones en flujos de cara al usuario.
• Desarrollé sistemas propios de manejo de foco y navegación por teclado para componentes interactivos en plataformas de alto tráfico.

• React
• TypeScript
• CSS
• Design Tokens
• Registro npm privado
• Emotion
• Sass
• Redux
• React Testing Library
• Jest
• Cypress
• Axe
• Storybook
• WCAG 2.1 AA
• ARIA

Contribuí a la app de Flow Smart TV, cubriendo tanto el mantenimiento del legacy como la migración a un stack frontend moderno, y atendí problemas de performance y estabilidad durante eventos de alto tráfico.

• Construí navegación espacial a medida para la app de Flow Smart TV, ajustando el modelo de control remoto para que se sintiera nativo en una plataforma de medios de alto tráfico.
• Migré JavaScript vanilla y Redux legacy a un monorepo moderno de Next.js, TypeScript y React Context; desarrollé un sistema de colas para mantener la estabilidad durante picos de eventos deportivos en vivo.

• React
• Next.js
• TypeScript
• Redux
• React Context
• Monorepo
• Storybook
• JavaScript (ES6+)

Auditorías técnicas, remediación y consultoría para marcas globales de finanzas, retail y alimentación.

• Implementé remediación técnica (HTML, CSS, JavaScript, React) en plataformas de marcas globales de finanzas, retail y alimentación; mentoreé a personas junior.
• Audité sitios con axe, NVDA, JAWS, VoiceOver y navegación por teclado, evaluando contra WCAG 2.1 AA.
• Entregué informes de accesibilidad y planes de acción a clientes, y colaboré en equipos SCRUM con interlocutores técnicos y no técnicos.

• WCAG 2.1 AA
• WCAG 2.2
• EN 301 549
• European Accessibility Act
• Axe
• NVDA
• JAWS
• VoiceOver
• HTML
• CSS
• JavaScript
• React

Construí interfaces web responsivas para aplicaciones empresariales y refactoricé componentes de UI para mejorar performance y mantenibilidad.

• Construí interfaces en Vue.js para aplicaciones empresariales y refactoricé componentes de UI para performance y mantenibilidad.
• Apliqué principios de diseño responsivo y mejoré la accesibilidad en pantallas empresariales.
• Usé AWS y Node.js para integración con backend y deployment en la nube.

• Vue.js
• JavaScript
• HTML/CSS
• AWS
• Node.js
• Diseño Responsivo