Diseñando el sistema de campaña de Hot Sale 2026
El sistema completo de la campaña para Petco México: cuatro landings segmentadas por mascota, dos bloques de vigencia y la librería de componentes que las sostiene.
- Rol
- Diseñador UX/UI · de extremo a extremo
- Periodo
- Mayo 2026 · publicada y cerrada
- Volumen
- 8 landings publicadas
- Herramientas
- Figma
00 — Contexto
Hot Sale es otro modo de comprar
La landing con mayor conversión de Petco México en 2026
Hot Sale no es una compra normal con descuento: es un modo de comportamiento distinto. El usuario llega con tiempo acotado —sabe que la ventana se cierra, así que no explora, ejecuta—, con comparación activa —tiene otras pestañas abiertas, y la decisión no es «compro o no» sino «aquí o allá»— y con ansiedad de perderse algo.
Diseñé el sistema completo de la campaña para Petco México: cuatro landings segmentadas por tipo de mascota, cada una en dos bloques de vigencia, más la librería de componentes que las sostiene. Ocho landings publicadas a 1728 px, el mayor volumen de producción del año.
01 — Empatizar
El usuario no aprende: localiza
“En una campaña de tiempo limitado el usuario no está aprendiendo, está localizando. No quiere que le expliquen el valor: quiere confirmar en menos de tres segundos que la oferta aplica a su mascota y encontrar la ruta más corta al producto.”
Es exactamente lo opuesto al insight de una landing editorial de categoría, y explica por qué esta pieza es tan distinta del resto del portafolio: no argumenta, señaliza. La promoción no se explica, se repite — el mismo banner de diferencial aparece tres veces en una sola página, sin argumentación intermedia.
02 — Definir
Confirmar en tres segundos que la oferta es para su mascota
El punto de vista primario fue: un tutor que llega en Hot Sale con intención de compra ya formada necesita confirmar de inmediato que la promoción aplica a su tipo de mascota, porque está comparando contra otros retailers en pestañas paralelas y abandona si tiene que buscar.
- 01
¿Cómo podríamos hacer que cada tipo de tutor reconozca su oferta en el primer pantallazo?
- 02
¿Cómo podríamos acortar la ruta de «landing» a «producto en carrito» al mínimo posible?
- 03
¿Cómo podríamos dar entrada propia a mascotas no convencionales sin construir una campaña aparte?
03 — Idear
Cuatro landings en vez de una
La decisión de mayor impacto fue estructural: cuatro landings en vez de una. Evalué tres caminos, y los dos baratos fallaban por la misma razón — obligaban al usuario a filtrar antes de ver su oferta, un paso de más en un contexto de prisa.
01Landing única con filtrosDescartada — obliga a filtrar antes de ver la oferta
Un solo URL, un mantenimiento, SEO concentrado
02Landing única con anclasDescartada — página gigantesca, diferencial diluido
Barata, con navegación interna por sección
03Cuatro landings + switcherElegida — elimina el paso de autoselección
Cada usuario aterriza en contenido 100% relevante y permite medios segmentados por audiencia
Con cuatro landings segmentadas y un switcher persistente entre ellas se elimina el paso de autoselección: el usuario no filtra, llega ya filtrado desde el medio. El costo es cuatro veces el trabajo de producción, y por eso la campaña se apoyó en una plantilla única de banner y una librería propia de componentes.
Bloques por vigencia
En lugar de editar una campaña viva, construí dos bloques completos e independientes —25 may a 02 jun y 29 a 31 may—, aislando cada periodo de oferta.
Plantilla única de banner
Un solo componente resuelve todos los banners de las cuatro landings: slot de imagen más barra con título, legal y CTA. Dos temas por dos alturas.
Tratamiento de imagen
Probé tres niveles de saturación de fondo —Saturadas, Light y Ultralight— buscando el punto en que el producto se lee sin que el rojo de campaña pierda impacto.
04 — El sistema
Un ritmo de tres tiempos, repetido tres veces
Toda la página se reduce a un ritmo de tres tiempos que se repite tres veces con ofertas distintas. No hay argumentación entre bloques, no hay contenido educativo, no hay storytelling: es la firma estructural de la pieza y lo primero que hay que preservar en la siguiente campaña.
Diferencial
Banner con el porcentaje de oferta
Ruta a producto
Marcas destacadas o carrusel
Eliminador de objeción
MSI, formas de pago, atención 24 hrs, devolución
Se repite tres veces por página, con ofertas distintas y sin argumentación entre bloques.
01Hero de campaña
El diferencial máximo en el primer pantallazo: hasta 40% más 5% extra por cada $1,000, con el sello de Hot Sale. Es lo primero que el cazador de diferencial compara contra otras pestañas.
02Switcher de mascota
Alimento · Perro · Gato · Pequeñas mascotas, persistente en las cuatro landings. Es la pieza que convierte cuatro páginas sueltas en un sistema navegable.
03Marcas destacadas
Ruta directa para quien llega con la marca ya decidida —WholeHearted, Blue Buffalo, Acana, Orijen—, que es justo el comportamiento del reabastecedor planificado.
04Banda de MSI
3, 6, 9 y 12 meses sin intereses a media página. Es el primer eliminador de objeción y ataca lo que realmente detiene la compra en un ticket alto: el monto, no el interés.
05Formas de pago y atención 24 hrs
Tarjeta, efectivo, Oxxo Pay, PayPal y Petco Pay, más un teléfono de atención durante todo el evento: respaldo humano en un momento de alta ansiedad.
06Garantía de devolución
Reversión de riesgo justo antes de la salida. Cierra la objeción de credibilidad, que es la más común del evento.
07Petco Zoo
La apuesta más singular: una landing completa con sub-navegación de cuatro especies —mamíferos, aves, reptiles y peces— para una categoría que el resto del año queda desatendida.
08Bloque SEO
Texto de campaña con enlaces internos por categoría al pie, para indexación y navegación de cola larga.
05 — Resultados
La landing con mayor conversión del año
El dato es sólido, pero para poder repetirlo hace falta un paso más: saber cuál de las decisiones lo produjo. Hot Sale aporta por sí solo tráfico con intención ya formada y profundidad promocional atípica, así que el reto no es demostrar que funcionó, sino identificar qué parte del diseño hay que conservar y cuál fue neutra.
landings publicadas
segmentos por tipo de mascota
bloques de vigencia independientes
banners de diferencial por página
El archivo trae un cuasi-experimento gratis: cuatro landings simultáneas, mismo tráfico, mismo periodo, estructuras y longitudes muy distintas. Comparar entre ellas sí aísla la variable de diseño.
01Longitud vs. conversión
Cruzar conversión y scroll depth de las cuatro landings contra su altura. Si Gato (11,340 px) rinde igual o mejor que Petco Zoo (7,122 px), la longitud no tiene techo; si rinde peor, hay un punto de corte que conviene conocer antes de Buen Fin.
02Rendimiento del switcher
Porcentaje de sesiones que lo usan para cambiar de landing. Un uso bajo confirma que la segmentación de medios acertó; uno alto indica que el usuario está corrigiendo a mano el aterrizaje.
03CTR por posición del banner
Comparar los tres banners de la misma página. Si el tercero rinde parecido al primero, la repetición se justifica y se sistematiza. Si cae, se recuperan unos 3,000 px de página.
04Petco Zoo
Su conversión relativa y su ticket determinan si la entrada dedicada a mascotas no convencionales se repite en la siguiente campaña.
Medición a instrumentar desde el día uno: vista por bloque, clic de switcher con origen y destino, clic de banner con su posición, clic de marca, interacción del carrusel y scroll depth — y el identificador de landing en todos los eventos. Sin ese campo, la comparación entre las cuatro landings, que es el análisis que da valor a toda la campaña, no se puede hacer.
06 — Playbook
Lo que se sistematiza para 2027
El entregable que sobrevive a la campaña no son las ocho landings: es la estructura que las produjo. Esto es lo que se sistematiza para Buen Fin y Hot Sale 2027.
- 01
Segmentación por mascota desde el aterrizaje, con switcher persistente entre landings.
- 02
Ritmo de tres tiempos —diferencial, ruta a producto, eliminador de objeción— repetido.
- 03
CTA único en toda la campaña: «Ver promoción».
- 04
Los tres eliminadores de objeción en este orden: MSI, formas de pago, atención 24 hrs.
- 05
Reversión de riesgo antes del cierre con la garantía de devolución.
- 06
Bloque SEO al pie con enlaces internos por categoría.
- 07
Entrada dedicada a mascotas no convencionales.
- 08
Bloques temporales independientes por vigencia de oferta.
- 09
Plantilla única de banner: slot de imagen, barra con título, legal y CTA.
¡Gracias por ver!
¿Ver otro proyecto?