Volver al portafolio

Modernización Front-End y Optimización de Checkout para Retail

Un gigante del retail B2C sufría abandono masivo de carritos en validaciones de envío.

Caso en construcción editorial

La estructura ya está lista para recibir capturas, flujos y artefactos visuales desde Sanity sin tocar la página otra vez.

Rol

Lead Front-End Engineer & CRO

Next.jsTailwindReact QueryGA4VTEX Headless API

El desafío

Qué necesitaba resolverse

Un gigante del retail B2C sufría abandono masivo de carritos en validaciones de envío.

El enfoque

Cómo se estructuró la respuesta

Auditoría técnica. Diseño de validación optimista sin bloqueos.

Fase 01

Descubrir la fricción antes de diseñar la pantalla

Auditoría heurística

01

El mapa de calor reveló clicks frustrados en spinners de validación.

Fase 02

Diseñar un sistema que guiara la decisión

Sistema visual y estructura

01

Kit UI para formularios 100% accesibles (a11y) con validación asíncrona optimista sin bloquear la UI principal.

Fase 03

Llevar la narrativa a una experiencia utilizable

Implementación y refinamiento

01

Código segmentado. Server Actions para mutaciones y pre-fetching de pago.

Impacto

Lo que cambió después de rediseñar el flujo

Esta capa evita inflar cifras o forzar narrativa de performance donde no corresponde. El foco está en cambios observables de claridad, operación y experiencia.

Resultado sintetizado

+25% conversión móvil y 60% mejora LCP.

Agilidad operativa

Aumento del 25% en ratio de conversión móvil.

Estabilidad técnica

Carga un 60% más rápida (LCP).

Sigue explorando

Este caso es una pieza del sistema completo, no una isla.

Si quieres revisar otro proyecto o conversar sobre producto, UX y ejecución front-end, aquí tienes la siguiente mejor ruta.

UX/UI & CRO

EDUC Solutions

La principal dificultad era condensar una oferta amplia y tecnicamente sofisticada en una narrativa contundente, diferenciada y facil de recorre…

Ver siguiente caso