Migración a Hyvä
Una base de frontend más limpia sin comprometer el proceso de compra.
Después de analizar los cuellos de botella de rendimiento y la complejidad del frontend, propusimos migrar el tema de la tienda a Hyvä. El resultado fue una base de código más limpia, tiempos de carga más rápidos y una mejora notable de las puntuaciones de Lighthouse, especialmente en dispositivos móviles. También implantamos una estrategia alternativa para el proceso de compra: aunque la mayor parte del sitio funcionaba con Hyvä, dejamos esta parte fuera del alcance del tema mediante el módulo de compatibilidad alternativo para mantener la compatibilidad con los módulos de pago y envío existentes.
Optimización de UX y velocidad
Menos recargas, páginas más ligeras y una experiencia móvil más rápida.
Con Hyvä ya implantado, optimizamos el renderizado de la maquetación, añadimos carga diferida y convertimos las imágenes a WebP. Rediseñamos las páginas de producto a medida para reducir recargas y mostrar vistas previas dinámicas de las opciones. También rehacimos la navegación y los filtros para evitar actualizaciones completas de página, utilizando AlpineJS para aportar interactividad sin depender de bibliotecas JavaScript pesadas.
Mejoras de productos configurables
Las opciones complejas de producto se volvieron más fáciles de explorar.
Los productos solían tener entre cinco y ocho opciones: color, acabado, longitud, accesorios y otras personalizaciones. Creamos un configurador visual con vistas previas en tiempo real y ajustes automáticos de precio, para que los usuarios pudieran cambiar la configuración sin saltar entre varias páginas de producto.
Precios mayoristas y lógica B2B
Los compradores minoristas y mayoristas obtuvieron flujos de precios más claros.
Implementamos un acceso protegido por inicio de sesión para los niveles de precios mayoristas y añadimos la posibilidad de alternar entre las vistas minorista y mayorista. El carrito y el proceso de compra mostraban precios con o sin impuestos según el tipo de cliente, lo que ayudaba tanto a compradores B2C como B2B a comprender claramente el precio final.
Herramientas admin y funciones de soporte
Las herramientas de soporte conectaron la tienda online con las operaciones diarias.
Añadimos un panel a medida para consultar los pedidos, de modo que el equipo pudiera revisar rápidamente su estado, el método de pago y los indicadores de envío. Un módulo de carritos guardados permitía a los comerciales crear y compartir presupuestos preconfigurados con los clientes. También incorporamos un módulo de comentarios en las páginas de producto conectado directamente con Zendesk, lo que ayudó al cliente a priorizar futuras mejoras.