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.
— Ficha de rol
- Rol
- UX/UI Designer
- Equipo
- Nadina Mazziteli (CCOI & PM), Daiana de la Vega (UX/UI), Matías Scovotti (PO), Álvaro Albornoz (Lead Dev)
- Duración
- 6 meses
- Plataforma
- Web
- Qué hice
- Rediseño de tienda + Academia Saphirus
— 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
06
meses de iteración continua con el equipo de Saphirus
05
secciones rediseñadas: home, dónde comprar, carrito, checkout e interna de producto
— Decisiones clave
Decisiones que definieron el proyecto.
Iterar por secciones — en lugar de un rediseño total
El problema
El ecommerce tenía varios frentes débiles a la vez: una home que no destacaba los productos estrella, fricciones en carrito y checkout, y ninguna sección para localizar puntos de venta. La tentación era tirar todo abajo y empezar de cero.
Las opciones
- —Rediseño total del sitio en un solo proyecto: impacto visual fuerte, pero meses sin mejoras en producción y todo el riesgo concentrado en un solo lanzamiento.
- —Iteraciones estratégicas sobre las secciones con mayor impacto en conversión: avances graduales, cada uno testeado y medido antes de pasar al siguiente.
La decisión
Elegí la evolución continua: priorizar las secciones con mayor impacto en conversión y trabajarlas una por una. Cada mejora se diseñó, se testeó con usuarios reales y se midió antes de la siguiente release, lo que bajó el riesgo de cada cambio y nos dio evidencia concreta de qué funcionaba. Lo que se sacrifica con este enfoque es el efecto 'gran relanzamiento': el sitio mejora por tramos y no hay un momento único donde todo cambia.
Menos pasos y compra como invitado — el punto crítico de conversión
El problema
Carrito y checkout eran donde el flujo de compra tenía las fricciones más visibles: el usuario llegaba con intención de compra y abandonaba en el último tramo.
Las opciones
- —Checkout en una sola pantalla con todos los campos: rápido en teoría, pero una pared de formulario que intimida.
- —Flujo en varios pasos con registro obligatorio: captura datos de usuario, pero agrega una barrera justo antes de pagar.
- —Flujo reducido a menos pasos, con indicadores de progreso y opción de comprar como invitado o con cuenta.
La decisión
Elegí simplificar: menos pasos, indicadores de progreso visibles para que el usuario sepa en qué punto está, resumen claro de productos y totales en el carrito, y la posibilidad de comprar como invitado. También cuidé que se pueda volver atrás sin perder los datos ingresados. El trade-off de no forzar el registro es capturar menos datos de usuarios para marketing, pero prioricé la conversión inmediata sobre la base de datos.
Una página "Dónde comprar" — responder la pregunta más frecuente
El problema
El sitio no tenía ninguna sección para localizar puntos de venta físicos, y era la pregunta más frecuente de los usuarios. Había que decidir cuánta infraestructura de diseño dedicarle a esa necesidad.
Las opciones
- —Responderla con texto: una lista de direcciones o una entrada en las FAQs — barato de implementar, pero incómodo de recorrer y sin búsqueda por cercanía.
- —Una página dedicada con geolocalización, mapa con marcadores y filtros por provincia/ciudad — más diseño y desarrollo, pero resuelve la duda en segundos.
La decisión
Elegí la página dedicada: geolocalización intuitiva, mapa con marcadores y filtros por provincia y ciudad, con tarjeta de detalle por punto de venta. La justificación era que no era una duda marginal sino la más frecuente, y una lista de texto la responde mal. El costo fue diseñar y construir una sección completamente nueva dentro de un proyecto de iteraciones, pero el resultado conecta el canal online con la venta física, algo que ninguna mejora del checkout podía lograr.
— Próximos pasos
Conocé más sobre Saphirus Ecommerce
Iteraciones estratégicas sobre el ecommerce oficial de Saphirus. Cada sección se rediseñó e iteró junto al equipo de desarrollo antes de su implementación.