E-commerce · 2025
Rediseño del e-commerce para convertir visitas en ventas
Resumen del proyecto
Cliente
Carbón Los Leños
Tipo
E-commerce
Año
2025
Rol
UX/UI Designer
Resultado
- ·Rediseño completo de landing, checkout y sistema de componentes
- ·Documentación de handoff entregada a desarrollo
- ·Mejora en la comunicación visual del producto
Contexto
Carbón Los Leños ya tenía una tienda online, pero no vendía a través de ella. Los clientes terminaban llamando por teléfono para cerrar la compra.
Antes de asumir nada, pedí acceso al Microsoft Clarity del sitio para confirmar lo que el cliente me venía diciendo. El mapa de calor lo confirmó: los usuarios navegaban poco y buscaban directo el teléfono de contacto. El botón de contacto funcionaba perfecto, el problema era que el resto del sitio no los llevaba a comprar. El objetivo fue doble: que el usuario pudiera completar la compra solo, sin asistencia, con un flujo simple y sin fricciones; y bajar la carga operativa del equipo comercial, que hasta ese momento resolvía por teléfono lo que el sitio debía resolver solo.
Problema
Una tienda con buen producto pero una experiencia que perdía usuarios antes de que pudieran comprar.
Proceso y decisiones
01
Auditoría y relevamiento
Antes de tocar el diseño, hice una auditoría UX/UI completa del sitio: analicé los flujos de navegación, el diseño visual, la comunicación con el usuario, el diseño de interfaz y la facilidad para completar la compra. Crucé eso con el mapa de calor de Clarity y encontré patrones concretos: el hero tenía un botón secundario de baja jerarquía visual con copy en inglés que era un sustantivo, no una acción ("Shop online"); la barra de navegación mostraba categorías con nula navegación real; y el checkout concentraba toda la información en un único paso largo.
02
Rediseño de landing y componentes
Decidí simplificar la arquitectura de información: centralicé la información corporativa en la homepage y reforcé la comunicación para invitar al usuario a ir directo al ecommerce. Construí un sistema de componentes reutilizables para garantizar consistencia en todo el sitio. Ahí definí qué entraba en esta versión y qué no: el botón de WhatsApp, por ejemplo, quedó afuera a propósito, porque el cliente estaba armando un chatbot automático para pedidos y no quería sumar mensajes manuales antes de tenerlo listo. Prioricé lo que resolvía el problema real (sacar al usuario del teléfono) y dejé lo demás para una etapa siguiente.
03
Checkout: menos fricción
El checkout original era un formulario largo, con toda la información junta en un solo paso. Eso generaba mala usabilidad: el proceso se sentía largo y aumentaban las chances de que el usuario se equivocara al completarlo. Decidí descomponer la carga de información en pasos simples, donde cada pantalla resuelve un solo tipo de dato. Menos fricción, menos errores, y una reducción directa de la carga cognitiva del proceso de compra.
04
Handoff a desarrollo
Documenté el sistema de componentes y las especificaciones de diseño para desarrollo. Trabajé directo con el desarrollador hasta cerrar la implementación final: ahí sí fue trabajo de equipo.
