Vestida navideña para Hogar Universal
Se ha realizado una actualización temática en la imagen del e-commerce, adoptando una estética navideña para brindar una experiencia visual acorde con la temporada. Esta renovación incluye gráficos representativos de la Navidad, con colores festivos, iconografía temática y banners promocionales que capturan el espíritu navideño.
Tecnologías
- google tag manager
- Figma
- Resourse override
- Css y javascript
Resultado
La renovación de la imagen navideña del e-commerce enriqueció la experiencia visual, logrando captar la atención de los usuarios y aumentar su interacción con el sitio. La incorporación de pop ups temáticos, junto con un botón flotante que destacaba promociones de descuentos y envíos gratis, facilitó la visibilidad de las ofertas clave. Gracias a la implementación mediante Google Tag Manager, se logró mayor flexibilidad para realizar ajustes en tiempo real, optimizando la campaña navideña y aumentando la probabilidad de conversión.
Como lo hicimos?
- Diseño previo en Figma
Se inició con la creación de un diseño conceptual en Figma, donde se definió la estética navideña que se quería reflejar en el e-commerce. Este proceso permitió visualizar la disposición de los elementos gráficos, los colores festivos, los banners promocionales y la ubicación estratégica de los botones interactivos. - Implementación técnica con Resource Override
Para aplicar los cambios de forma efectiva, se utilizaron archivos personalizados de CSS y JavaScript mediante la técnica de Resource Override.
- Archivo CSS: Se definieron los estilos visuales navideños, como colores, tipografías y la personalización de los banners temáticos.
- Archivo JavaScript: Se implementó la lógica para mostrar un botón flotante de forma periódica. Este botón permitía desplegar banners con mensajes de promoción, como descuentos especiales o envíos gratis, logrando una experiencia dinámica y atractiva para el usuario.
- Incorporación de pop ups con frases navideñas
Además de los pop ups promocionales de descuentos y envíos gratis, se añadieron otros pop ups con frases navideñas. Estos se distribuyeron de forma estratégica en distintas secciones del e-commerce para reforzar la temática festiva y mejorar la experiencia visual del usuario. - Despliegue mediante Google Tag Manager (GTM)
Para garantizar una implementación controlada y ágil, se utilizó Google Tag Manager (GTM). Con esta herramienta, se desplegaron los cambios sin necesidad de modificar el código base del e-commerce, permitiendo una actualización más eficiente y segura. Además, GTM facilitó la supervisión y la posibilidad de realizar ajustes rápidos según las necesidades del proyecto.
2026 Todos los derechos reservados