José Mavarez
ESEN

Diseño productos digitales que se miden en producción, no en Figma.

Senior Product Designer y especialista en CRO. 8+ años en e-commerce, gobierno y salud: diagnostico con datos, diseño el sistema y lo implemento en código.

Ver trabajo seleccionadoContacto
Rol
Senior Product Designer & CRO
Actualmente
Infracommerce Latam
Base
Medellín, Colombia · remoto
Sectores
E-commerce, gobierno, salud
ConInfracommerce LatamBID · Sinapsis GlobalBunji LLCCodelínKiero International

Trabajo seleccionado

3 casos · algunos bajo NDA, mostrados con visualizaciones representativas
01 — Infracommerce Latam

Checkout y navegación móvil para cuentas enterprise en VTEX

Visualización representativa · sin marca ni contenido real
Antes
Después
Trabajo para marcas bajo NDA. Pantallas y datos de clientes omitidos; las cifras son resultados agregados.
Rol
CRO & Senior UX Designer. Auditoría, diseño, A/B testing y design system.
Contexto
Recorridos de compra complejos en cuentas enterprise de VTEX, con fricción de navegación en mobile.
Decisión clave
Auditar los user journeys con datos, y rediseñar la navegación mobile-first a partir de scroll-depth y rage-clicks de Clarity, validando con A/B testing.
Resultado
+22%en finalización de checkout en cuentas enterprise de VTEX. Además −22 % bounce y +13 % add-to-cart tras el rediseño mobile-first.
Leer el caso
02 — Aquinas Network SAS

Arquitectura WordPress headless con front-end en React

Visualización representativa · sin marca ni contenido real
WordPress tradicional
  1. WordPress
  2. Tema
  3. Página
WordPress headless
  1. WordPress (contenido)
  2. API
  3. Front-end React
  4. Página
Esquema ilustrativo de la separación entre contenido y presentación. No reproduce la infraestructura del proyecto; la cifra es la que reporto en mi CV.
Rol
Consultor senior. Arquitectura, front-end y proceso de desarrollo asistido por IA.
Contexto
Un ecosistema de soluciones para escuelas sobre WordPress, que debía presentar cada oferta sin que compitieran entre sí.
Decisión clave
Separar contenido y presentación, y generar componentes con IA bajo reglas estrictas de linting, modularidad y code review.
Resultado
4,2s → 1,1sde LCP con la arquitectura headless.
Leer el caso
03 — Sinapsis Global · Chile Energy Hub

Infraestructura digital accesible para un proyecto de gobierno del BID

Visualización representativa · sin marca ni contenido real
Estructura genérica del sistema de diseño. Sin pantallas ni datos del proyecto; las cifras son las que reporto en mi CV.
Rol
Consultor senior. Design system, front-end y auditoría de accesibilidad.
Contexto
La infraestructura digital del Chile Energy Hub, construida con Sinapsis Global.
Decisión clave
Estandarizar el design system y reducir la profundidad del DOM.
Resultado
98/100en accesibilidad Lighthouse, alineado con WCAG 2.1 AA. −25 % en tickets de soporte por fricción de UI y −18 % en tiempo por tarea.
Leer el caso

Archivo

Casos sobre capturas de los sitios en vivo

Cómo trabajo

Tres reglas que aplico en cada proyecto.

  1. 01

    Mido antes de mover un pixel.

    Convierto el comportamiento del usuario en mapas de eventos accionables. El rediseño llega después del diagnóstico, no antes.

  2. 02

    Diseño pensando en el DOM.

    No me detengo en wireframes estéticos: diseño componentes atómicos que reducen la deuda técnica desde el día 1.

  3. 03

    El código es la última defensa del diseño.

    Rendimiento y accesibilidad son parte del diseño. Si la página tarda o excluye, el diseño falló.

Servicios

Cada disciplina está integrada: el diseño informa al código, el código valida el diseño y los datos optimizan ambos.

  • UX/UI & Brand Posture

    Eliminar la carga cognitiva y blindar la identidad visual.

    Design Systems · Accessibility · Cognitive Load · Prototyping

  • CRO & Data Architecture

    Maximizar el ROI aislando y suprimiendo puntos de fricción.

    Funnel Audits · A/B Testing · Event Tracking

  • Front-End Development

    Ejecución pixel-perfect con un objetivo Lighthouse de 100.

    Next.js · React · SSR/SSG/ISR · Performance Budgets

  • AI & Workflow Automation

    Escalar la productividad y erradicar tareas repetitivas.

    n8n · Claude API · LLM Workflows

Stack

  • Diseño y estrategia

    Figma · Design Systems · Atomic Design · Prototipado · Investigación de usuarios

  • CRO y analítica

    GA4 · Hotjar / Clarity · Pruebas A/B · Auditorías de funnel · WCAG · Evaluación heurística

  • Desarrollo

    React · Next.js · TypeScript · Tailwind CSS · VTEX IO · Node.js

Trayectoria

  1. May 2023 — hoyInfracommerce LatamCRO & Senior UX Designer
  2. Mar 2022 — Dic 2025Práctica independienteSenior CRO & UX/UI Consultant · en paralelo a Infracommerce desde may 2023
  3. Feb 2021 — Mar 2022Codelín SASE-commerce Manager
  4. May 2018 — Feb 2021Kiero International GroupUX/UI Designer

Lic. en Diseño Gráfico — Universidad Rafael Belloso Chacín