Mirroca

Mirroca se presenta como un espacio donde los usuarios pueden descubrir y adquirir piezas de forma cómoda y accesible. La propuesta se centra en mostrar las colecciones de manera clara, permitiendo explorar los productos y conocer sus detalles con facilidad.

El sitio está pensado para ofrecer una experiencia de compra sencilla e intuitiva, facilitando la navegación y el proceso de selección. Todo ello dentro de un entorno digital cuidado, orientado a transmitir la identidad de la marca y a mejorar la interacción con el cliente.

Tienda online

Jaén

Joyería

Objetivos

El proyecto consistió en el desarrollo de una web con un enfoque altamente visual, donde la fotografía se convierte en el elemento principal de comunicación. El objetivo era crear una experiencia digital atractiva en la que las imágenes transmitieran la esencia del producto o servicio.

Además, se incorporó un sistema de variaciones que permite adaptar la visualización y configuración de los productos, ofreciendo una experiencia más flexible e interactiva para el usuario. Todo ello dentro de un entorno digital funcional, orientado a potenciar el impacto visual y mejorar la experiencia de navegación.

Retos

El principal reto consistía en mostrar, dentro de los propios listados, un carrusel de imágenes para cada producto que se actualizara automáticamente al seleccionar una variación de color.

También era necesario gestionar de forma diferenciada las tallas y colores disponibles de manera inmediata frente a las opciones bajo encargo, adaptando incluso las modalidades de envío según la selección realizada.

A nivel visual, se buscaba crear un diseño de ancho completo que diera protagonismo a las fotografías y adaptar la galería de producto según el dispositivo, utilizando una composición vertical en ordenador y un slider más cómodo en móvil.

Soluciones

Se desarrolló un plugin personalizado que conecta las variaciones nativas de WooCommerce con el carrusel de imágenes de los listados. Las galerías correspondientes a cada color se almacenan temporalmente mediante transients, mejorando los tiempos de carga y el rendimiento de la tienda.

También se implementó un sistema personalizado para mostrar inicialmente tres tallas y un color disponibles, agrupando el resto como opciones bajo encargo. Cuando el usuario selecciona una de estas opciones, el sistema modifica automáticamente el método de envío disponible en el carrito.

La galería de producto se adaptó a cada dispositivo, mostrando un slider en móvil y una presentación más amplia en ordenador. Además, se incorporaron miniaturas dentro del visor lightbox para facilitar la navegación entre todas las imágenes del producto.