2024 - UX/UI Design / Ecommerce
Saphirus
Mejoras e iteraciones en el ecommerce oficial de Saphirus. Home renovada, carrito y checkout optimizados, y nuevas secciones diseñadas para convertir.
— Contexto
Un ecommerce que necesitaba evolucionar
El ecommerce oficial de Saphirus tenía una home que no destacaba los productos estrella, un flujo de compra con fricciones visibles en carrito y checkout, y la ausencia de una sección para localizar puntos de venta físicos. Estas falencias reducían la tasa de conversión y dificultaban que los usuarios completaran una compra de principio a fin.
Saphirus adoptó una estrategia de evolución continua: en lugar de un rediseño total, se priorizaron iteraciones estratégicas sobre las secciones con mayor impacto en conversión. Cada mejora fue diseñada, testeada con usuarios reales y medida antes de pasar a la siguiente, generando un ciclo de optimización sostenido orientado a vender más y mejor.
— Solución
Iteraciones estratégicas para aumentar conversiones
Se rediseñó la home completa con secciones destacadas, productos más elegidos y promociones visibles. Se creó una página "Dónde comprar" para facilitar la localización de puntos de venta físicos. Se optimizó el carrito y el checkout reduciendo pasos y mejorando la claridad visual.
La interna de producto se rediseñó para mejorar la presentación de fichas técnicas e imágenes, y el perfil de usuario se ajustó para una experiencia más personalizada. Cada cambio se iteró con el equipo de desarrollo y se midió su impacto en métricas de negocio antes de la siguiente release.
— Características
Secciones renovadas para vender más
HomeExperiencia de inicio renovada
Home completa rediseñada con secciones destacadas del mes, productos más elegidos, invitación a la Academia Saphirus y promociones visibles como la del Día del Padre. Jerarquía visual que guía al usuario hacia la compra.
Dónde comprarLocalización de puntos de venta
Página diseñada para que los usuarios encuentren fácilmente dónde comprar productos Saphirus cerca de su ubicación. Geolocalización intuitiva y filtros por provincia/ciudad.
Carrito y checkoutFlujo de compra optimizado
Rediseño del carrito con resumen claro de productos, cantidades y totales. Checkout simplificado con menos pasos, indicadores de progreso y opciones de pago visibles. Reducción de fricción en el punto crítico de conversión.
Interna de productoFicha técnica y conversión
Página de producto mejorada con imágenes de calidad, descripción clara, precio prominente y CTA de compra siempre visible. Diseñada para convertir visitantes en compradores.
— Stack tecnológico
Herramientas de diseño y prototipado
Todo el diseño y prototipado se realizó en Figma. Para los banners y assets visuales me apoyé en Photoshop e Illustrator (Adobe Creative Suite). Mi rol incluyó el rediseño de cada sección, la iteración con el equipo de desarrollo y el seguimiento de métricas post-implementación para validar el impacto de cada cambio.
— Resultados
Iteraciones medidas en cada release
6+
meses de iteración continua con el equipo de Saphirus
05
secciones rediseñadas: home, dónde comprar, carrito, checkout e interna de producto
98%
del diseño y prototipado realizado en Figma con handoff documentado
— Impacto de negocio
Métricas reales del ecommerce Saphirus
-28%
de reducción en tiempo de compra
+34%
de mejora en compras completadas
+14%
de interesados para ser revendedores
— HEURÍSTICAS
Buenas prácticas que se cumplen.
Basadas en las 10 heurísticas de usabilidad de Jakob Nielsen.
Visibilidad del estado del sistema
El carrito muestra en todo momento la cantidad de productos y el total acumulado. El checkout tiene indicadores de progreso visibles. El usuario sabe exactamente en qué paso está y cuánto le falta.
Coincidencia entre el sistema y el mundo real
El lenguaje del ecommerce sigue convenciones de tiendas online: "Agregar al carrito", "Finalizar compra", "Dónde comprar". La navegación usa términos familiares para el usuario promedio.
Control y libertad del usuario
El usuario puede modificar cantidades o eliminar productos del carrito en cualquier momento. Puede volver atrás en el checkout sin perder los datos ingresados. Hay claras opciones de "Seguir comprando" o "Finalizar".
Consistencia y estándares
Los botones de CTA (comprar, agregar al carrito) mantienen el mismo estilo visual en toda la tienda. La tipografía, espaciados y paleta de colores son coherentes entre home, interna de producto, carrito y checkout.
Prevención de errores
Validaciones en el checkout antes de avanzar al siguiente paso. El carrito no permite finalizar compra si está vacío. Confirmación visual al agregar un producto al carrito.
— Próximos pasos
Conocé más sobre Saphirus Ecommerce
Iteraciones estratégicas sobre el ecommerce oficial de Saphirus que redujeron el tiempo de compra en un 28% y aumentaron las compras completadas en un 34%. Cada sección fue rediseñada con métricas claras y testeada con usuarios reales antes de su implementación.