Rediseñando el Home de Petco Chile para bifurcar, no para anunciar
El Home de petco.cl como evolución deliberada del de México: una página construida para que cada visitante encuentre su ruta, no para anunciar.
- Rol
- Diseñador UX/UI · de extremo a extremo
- Periodo
- Septiembre 2026
- Punto de partida
- Home de Petco México
- Herramientas
- Figma
00 — Contexto
Un home de bifurcación, no de venta
El Home de Petco México fue el origen del proyecto: lo comparé contra doce competidores internacionales —Chewy, Petco US, PetSmart, Zooplus, Fressnapf y Pets at Home, entre otros— y de ahí salió una hoja de ruta en tres sprints. Chile llegó después, con una ventaja: una reestructuración completa del sitio ya en curso, que permitió implementar esa hoja de ruta de una sola vez en lugar de por parches.
Los dos sitios comparten plataforma, catálogo y sistema visual; lo que cambia es la arquitectura de la página de entrada. El Home de petco.cl —1728 px de ancho y 6,600 px de alto— resuelve las tres prioridades que dejó el benchmark: el hero, una barra de propuesta de valor y sacar a la superficie el selector de especie y los servicios.
El Home no es una página de venta, es una página de bifurcación. Casi nadie compra desde ahí: la decisión que se toma es por dónde entrar, y hay tres caminos posibles.
Ya sé qué quiero
Busca o va directo a su categoría. El home solo tiene que no estorbar.
Vengo a ver qué hay
Necesita ver promoción y novedad rápido.
No sé si este sitio es para mí
Necesita confirmar que hay algo para su mascota, que le llega a su dirección y que puede devolver si sale mal. Es el caso que más se descuida y el que más se juega en un mercado nuevo.
01 — Empatizar
Lo que cambia el diseño en Chile
La geografía manda
El despacho por comuna es la primera pregunta del comprador chileno online, y define si la compra existe o no.
El canal online es más joven
Pesan más las señales de confianza: garantía, seguridad de pago y devolución.
La operación tiene reglas propias
Umbral de envío gratis en pesos chilenos, despacho de lunes a sábado y exclusiones por categoría.
El vacío más importante del proyecto: no hubo research cualitativo con usuarios chilenos. La base es el benchmark internacional, la analítica del Home de México como línea base comparable y las búsquedas internas de Chile.
02 — Definir
Entre más arriba, más navegable
“El Home no es un escaparate, es un conmutador. Su trabajo no es vender: es que cada tipo de visitante identifique su ruta en los primeros dos pantallazos. Todo lo que ocupa el espacio superior sin ayudar a bifurcar, resta.”
De ahí salió el criterio que ordena toda la página: entre más arriba, más navegable y menos decorativo.
El punto de vista primario fue que un visitante necesita identificar su ruta en los primeros dos pantallazos, porque no viene a leer el home: viene a salir de él hacia donde le interesa. A ese se sumaron cuatro más —el tutor de especies no convencionales, la logística chilena, el cliente nuevo que necesita respaldo y quien busca un servicio y no un producto—, cada uno con una decisión de diseño y una forma de comprobarla.
- 01
¿Cómo podríamos hacer que la parte superior del home sirva para bifurcar y no solo para anunciar?
- 02
¿Cómo podríamos mostrar varias ofertas simultáneas sin obligar al usuario a esperar que rote un carrusel?
- 03
¿Cómo podríamos responder «¿me llega a mi comuna?» antes de que el usuario tenga que buscarlo?
- 04
¿Cómo podríamos sostener un home que se reviste cada mes sin rediseñarlo cada vez?
03 — Idear
Cinco decisiones que lo separan del de México
Cinco decisiones separan este Home del de México. La primera y más visible fue el hero: evalué tres caminos para mostrar la oferta comercial sin que un carrusel le impusiera su ritmo al usuario.
01Carrusel de ancho completoDescartada — solo se ve una oferta a la vez
Cabe todo lo que Comercial quiera anunciar
02Hero estático únicoDescartada — inviable con las áreas comerciales
Máxima claridad y velocidad
03Showcase con dos laterales fijosElegida — con control de pausa
Tres mensajes visibles a la vez: el principal rota y los laterales no
El detalle que hace funcionar al showcase es el control de pausa, además de los indicadores: el usuario puede detener la rotación en la oferta que le interesa. Es la diferencia entre un carrusel que impone el ritmo y uno que lo devuelve. Los laterales se reservaron para mensajes permanentes de captación —la descarga de la app con 10 % en la primera compra y una categoría con descuento— en lugar de más campaña rotativa.
02Barra de propuesta de valor bajo el hero
Tres promesas con ícono, texto y enlace en el primer scroll: Petco Easy Buy, despacho de lunes a sábado con tiempos por comuna y Club Petco. Recurrencia, logística y lealtad resueltas en 159 px; el bloque de despacho contesta la pregunta de la comuna antes de que el usuario la haga.
03Selector de especie en el cuerpo de la página
«¿Quién es tu mejor amigo?» con nueve entradas: Perro, Gato, Mamíferos, Aves, Peces, Reptiles, Farmacia, Outlet y Nuevo. En México la especie solo vive en el menú; para el tutor de reptiles o de aves, la diferencia entre «está en un menú» y «está en la página» es asumir que el sitio no es para él o comprobar que sí.
04Servicios y respaldo con espacio propio
Grooming y Adopciones como dos tarjetas grandes a media página, donde el usuario ya está explorando. La banda de garantías —devolución, garantía, envío gratis desde $29.990 en Santiago y compra segura— va justo antes del footer, donde se decide si vuelve o se va.
05El home como kit, no como página
Esta página se reviste cada mes, así que la librería no guarda los bloques de septiembre: guarda las retículas posibles, con columnas de 2 y 3, variantes con imagen y módulos de banner x1, x3 y x4. Quien arma el home de octubre elige retícula y rellena, sin rediseñar. Probablemente es la decisión más valiosa a largo plazo.
04 — La página
Once bloques, sin uno repetido
Once bloques de contenido en poco más de cuatro pantallas y media, sin sección que se repita. El orden sigue un recorrido: el home abre resolviendo la intención transaccional, contesta las objeciones de entrada, abre las rutas de exploración y cierra construyendo relación.
Navegar
Showcase y promoción
Confiar
Propuesta de valor y logística
Explorar
Categorías, especies, servicios y etapa de vida
Volver
Blog, galería de clientes y garantías
Cada bloque aparece una sola vez: nada se repite.
| Dimensión | Home México · partida | Home Chile · septiembre 2026 |
|---|---|---|
| Hero | Carrusel de ancho completo | Showcase con pausa y dos laterales fijos |
| Propuesta de valor | Dispersa o ausente sobre el pliegue | Barra de tres pilares bajo el hero |
| Especie | Solo en el menú del header | Fila de nueve entradas visibles |
| Servicios | Detrás de un ítem de menú | Bloque propio a media página |
| Logística | No expuesta en el home | Despacho y tiempos por comuna sobre el pliegue |
| Garantías | Principalmente en el footer | Banda dedicada antes del footer |
| Prueba social | — | Galería con fotos de clientes chilenos |
| Mantenimiento | Rediseño por campaña | Kit de retículas configurables |
- 01
Bloques fijos que no se tocan: propuesta de valor, selector de especie, servicios, garantías y footer. Son la estructura, no la campaña.
- 02
Bloques revestibles: showcase y laterales, banda estacional, promociones, marcas destacadas, blog y galería.
- 03
Regla de longitud: el home no crece de mes a mes. Si entra un bloque, sale otro; 6,600 px es el techo acordado.
- 04
Una retícula por bloque: se elige una variante de columnas en lugar de construir a medida.
05 — Medir
Dos mercados, una misma plataforma
El prototipo está hecho para responder una pregunta concreta: ¿un home construido para bifurcar —y no para anunciar— mejora la salida hacia categoría y servicio respecto del modelo de México?
competidores internacionales en el benchmark
bloques de contenido en el home
entradas en el selector de especie
techo de longitud acordado
La ventaja del proyecto es que Chile y México corren la misma plataforma con arquitecturas de home distintas, lo que permite comparar en condiciones razonablemente controladas. Para eso cada evento se instrumenta con el mercado como parámetro: sin él, la comparación entre los dos homes —el mayor activo analítico del proyecto— no se puede hacer.
- H1
El showcase con laterales genera más clics totales que un carrusel de ancho completo.
- H2
La barra de propuesta de valor reduce el abandono temprano.
- H3
El selector de especie visible aumenta el tráfico a especies no convencionales.
- H4
El bloque de servicios genera demanda de grooming y adopción desde el home.
- H5
El kit de retículas reduce el tiempo de armado del home mensual.
Salvedad honesta: Chile y México no son poblaciones equivalentes —distinta madurez del canal, distinto catálogo, distinta inversión en medios—. La comparación orienta, no demuestra. Para conclusiones firmes, la prueba limpia es un A/B dentro de un mismo mercado.
06 — Siguientes pasos
Lo que vuelve a México
Cuatro movimientos de esta versión se pueden llevar al Home de México sin depender de la reestructuración chilena, en orden de esfuerzo creciente.
- 01
Barra de propuesta de valor bajo el hero.
- 02
Banda de garantías antes del footer.
- 03
Fila de especies en el cuerpo de la página.
- 04
Showcase con laterales y control de pausa en lugar del carrusel: el de mayor impacto y el único que requiere desarrollo.
Ahora
Instrumentar los eventos con el parámetro de mercado y levantar la línea base de México antes de que Chile acumule historia.
Próximas semanas
Prueba moderada con cinco usuarios chilenos sin cuenta previa: encontrar algo para un conejo, confirmar el despacho a una comuna fuera de Santiago, reservar un baño y resolver una devolución.
Próximo trimestre
Con tres meses de datos, decidir cuáles de los cuatro movimientos se llevan a México.
¡Gracias por ver!
¿Ver otro proyecto?