Ingenieria frontend senior enfocada en calidad de producto

Disenando interfaces rapidas y accesibles para productos que necesitan rendir bajo presion real.

Construyo sistemas con React y Next.js con fuerte alineacion UX, decisiones de performance medibles y criterio fullstack en Node, .NET y plataformas con datos.

Ver proyectos Entrar al lab

Arquitectura en React y Next.js
Sistemas UI con criterio de accesibilidad
Optimizacion de performance y Core Web Vitals
Colaboracion fullstack con .NET, Node y SQL

Current operating mode

Entrega con disciplina de producto

Movimiento intencional, presupuestos de performance, chequeos de accesibilidad y arquitectura mantenible se tratan como calidad base, no como pulido opcional.

Execution profile

React

Frontend architecture oriented around quality, maintainability, and measurable performance.

Close collaboration with design and product to resolve edge cases before they become production debt.

Fullstack

Comfortable across Node, .NET, SQL, and API contracts when interface work depends on system boundaries.

Como abordo el trabajo

Los mejores sistemas frontend equilibran performance de render, claridad de producto y velocidad de colaboracion. Ese trabajo de tradeoffs es donde mejor opero.

Sistemas de interfaz

Arquitectura reusable de componentes, pensamiento de design system y patrones de implementacion que escalan con la complejidad del producto.

Estrategia de performance

Render server-first, code splitting, contencion de assets y perfilado puntual para mejorar la experiencia donde mas importa.

Ejecucion cross-funcional

Colaboracion cercana con diseno y producto para convertir intencion en interfaces que resisten presion de entrega.

Proyectos seleccionados

Cada proyecto se estructura alrededor del problema, el enfoque de implementacion y las decisiones que mejoraron performance, UX y accesibilidad.

All case studies

2025

Renovacion frontend para comercio

Reconstruccion del flujo de compra para una experiencia de alto trafico donde velocidad, confianza y claridad impactaban la conversion.

Featured case

Context

El producto tenia flujos fragmentados, calidad visual inconsistente y friccion medible durante la primera compra.

Approach

Introduje una arquitectura modular en React, fortalezi la superficie del sistema de diseno y priorice mejoras de secuencia en lugar de ajustes aislados.

Why it matters

Representa trabajo donde la calidad frontend esta conectada con resultados de negocio, experimentacion y decisiones cross-funcionales.

Key decisions

Performance

Diferi analitica no critica, reduje superficies de hidratacion y optimice imagenes en las pantallas con mayor impacto en conversion.

Simplifique puntos de decision, mejore jerarquia y agregue feedback mas claro sobre precios, validacion y progreso del checkout.

Accessibility

Mejore manejo de foco, semantica de errores y navegacion por teclado en modales e interacciones por pasos.

Tech stack

Next.js
TypeScript
Design Systems
Analytics

Signals

LCP -34%
Conversion +11%
CLS 0.02

2024

Dashboard de observabilidad de plataforma

Disene una interfaz operativa interna para equipos que toman decisiones sensibles al tiempo a partir de datos ruidosos y distribuidos.

Featured case

Context

Los operadores dependian de dashboards desconectados con terminologia inconsistente y flujos lentos durante incidentes.

Approach

Reestructure el modelo de informacion, cree patrones reutilizables y alinee ingenieria y diseno con las prioridades del operador.

Why it matters

Demuestra como el pensamiento de producto, la accesibilidad y el diseno de sistemas influyen interfaces enterprise mas alla de superficies de marketing.

Key decisions

Performance

Virtualice tablas densas, introduje priorizacion de requests y movi calculos derivados fuera de la ruta de render.

Separe estados de monitoreo de estados orientados a accion para soportar escaneo rapido y diagnostico profundo.

Accessibility

Agregue anuncios no visuales de estado, mejore descripciones de graficas y fortalezi comunicacion de estados independiente del color.

Tech stack

React
Node
SQL
Data Viz

Signals

TTI -28%
Task time -22%
Audit score 100

Enfoque de ingenieria

Me importa donde se gana la calidad: estados de interfaz, limites del sistema, flujo de datos, accesibilidad y como los equipos colaboran para sostener esas decisiones.

Collaboration model

Strong product work happens when teams make better decisions together. I care about creating interfaces that are technically solid, easier to evolve, and clear enough that design intent survives delivery.

More about the approach See experimental work