5 errores comunes en el rediseño de un e-commerce

Un rediseño mal ejecutado vende menos que el sitio viejo

Hay pocas cosas más frustrantes que invertir meses y cientos de miles de pesos en rediseñar tu tienda en línea para descubrir que las ventas bajaron. Pasa más seguido de lo que crees, y casi siempre es por los mismos errores.

Estos son los 5 que vemos repetirse proyecto tras proyecto. No son teóricos — son los que hemos visto (y en algunos casos cometido) en rediseños reales de e-commerce en México y Latinoamérica.

Error 1: Rediseñar sin datos

"El sitio se ve viejo" no es un dato. "No me gusta el color" no es un dato. "Mi competidor se ve mejor" no es un dato. Son opiniones, y las opiniones no generan ventas.

Antes de cambiar un solo pixel, necesitas responder estas preguntas con números:

• ¿Dónde abandonan los usuarios? ¿En la página de producto? ¿En el carrito? ¿En el checkout? Los heatmaps y los embudos de conversión en Google Analytics te dicen exactamente dónde pierdes gente.
• ¿Qué páginas generan más ingresos? Tal vez tu homepage no es tan importante como crees. Tal vez la página de categoría "ofertas" genera el 40% de tus ventas. Eso cambia las prioridades del rediseño.
• ¿Qué buscan los usuarios en tu sitio? Revisa el buscador interno. Si la gente busca "envío gratis" y no lo encuentra fácil, ahí hay una oportunidad que ningún rediseño visual va a resolver.
• ¿Cuál es tu tasa de conversión actual por dispositivo? Si en desktop es 3% y en móvil es 0.5%, el problema no es el diseño del homepage — es la experiencia móvil.

Cómo evitarlo

Antes del rediseño, haz una auditoría de 2-3 semanas. Instala Hotjar o Microsoft Clarity para heatmaps y grabaciones de sesión. Revisa Google Analytics con profundidad (embudos, páginas de salida, tiempo en página). Haz 5-10 pruebas de usabilidad con usuarios reales. Con esos datos, sabrás qué cambiar, qué mantener y qué priorizar.

Los datos no te dicen cómo diseñar. Te dicen dónde enfocar el diseño.

Error 2: Ignorar el checkout

Es el error más caro y el más común. El 90% del esfuerzo de un rediseño se va en el homepage, las páginas de categoría y las páginas de producto. El checkout — donde literalmente se cierra la venta — se queda con la plantilla por defecto de la plataforma.

El abandono de carrito promedio en México ronda el 75%. Tres de cada cuatro personas que agregan algo al carrito no terminan la compra. Y las razones principales no son "no me gustó el color del botón":

• Costos sorpresa: envío, impuestos o comisiones que no aparecieron antes
• Crear cuenta obligatoria: si alguien tiene que registrarse para comprar, un porcentaje significativo se va
• Proceso largo: cada campo innecesario es una oportunidad de abandono
• Falta de confianza: no hay sellos de seguridad, no hay información de devoluciones, no hay contacto visible
• Pocas opciones de pago: en México, si no aceptas OXXO, tarjeta de débito y meses sin intereses, estás perdiendo ventas

Cómo evitarlo

Empieza el rediseño por el checkout, no por el homepage. Reduce los pasos al mínimo (idealmente un solo paso). Ofrece checkout como invitado. Muestra el costo total (con envío) lo antes posible. Incluye múltiples métodos de pago: tarjeta de crédito, débito, OXXO, transferencia, MercadoPago, y meses sin intereses si tu ticket promedio lo justifica.

Error 3: Migrar de plataforma sin plan de SEO

Este error puede borrar años de trabajo de posicionamiento en una semana.

Cuando migras de una plataforma a otra (de WooCommerce a Shopify, de Magento a un headless, de una plataforma propia a cualquier cosa), las URLs cambian. Y cuando las URLs cambian sin un plan de redirects, pasa esto:

• Google intenta visitar /productos/camiseta-azul-algodon y recibe un 404
• La página que tenía 200 backlinks y posición 3 en Google desaparece
• Todos los links que compartiste en redes sociales, email marketing y materiales impresos llevan a páginas rotas
• El tráfico orgánico cae un 40-70% y puede tardar 6-12 meses en recuperarse — si es que se recupera

Cómo evitarlo

Antes de la migración, crea un mapa completo de redirects 301:

1. Exporta todas las URLs actuales de tu sitio. Usa Screaming Frog o una herramienta similar para hacer un crawl completo.
2. Identifica las URLs con tráfico usando Google Analytics y Google Search Console. No todas las URLs importan igual — enfócate en las que generan visitas y ventas.
3. Mapea cada URL vieja a su equivalente nueva. /productos/camiseta-azul → /products/camiseta-azul-algodon. Esto es tedioso. Hazlo de todos modos.
4. Implementa los redirects 301 antes del lanzamiento. No después. Antes. Y pruébalos.
5. Monitorea Search Console las primeras 4 semanas después de la migración. Los errores 404 van a aparecer — la pregunta es si los detectas rápido o los descubres 3 meses después cuando tu tráfico ya se desplomó.

Error 4: Fotos de producto genéricas

En una tienda física, puedes tocar el producto, probártelo, olerlo. En e-commerce, la foto ES el producto. Si la foto no es buena, no importa cuán bueno sea tu diseño — no vas a vender.

Y sin embargo, la mayoría de los rediseños de e-commerce invierten $200,000 en desarrollo y $0 en fotografía. Lanzan el sitio nuevo con las mismas fotos de stock, las mismas imágenes de proveedor mal recortadas, o fotos tomadas con celular sobre una mesa de la oficina.

Lo que una buena foto de producto necesita:

• Fondo consistente: blanco para catálogo, lifestyle para contexto. Pero consistente en todo el catálogo.
• Múltiples ángulos: frente, lateral, detalle, escala. Mientras más fotos, mayor la confianza del comprador.
• Zoom de alta resolución: el usuario quiere ver la textura, la costura, el detalle. Si la foto se pixelea al hacer zoom, perdiste confianza.
• Fotos en contexto: el producto en uso, en un espacio real, con personas reales. La ropa puesta, el mueble en una sala, la herramienta en acción.
• Consistencia de color: si el producto es azul marino y en la foto se ve azul cielo, vas a tener devoluciones. Calibra el color.

Cómo evitarlo

Incluye fotografía de producto profesional en el presupuesto del rediseño. No como un extra opcional — como un componente esencial. Para catálogos grandes, empieza con los 20-50 productos que generan el 80% de las ventas. Estandariza el formato y la calidad para que cuando agregues productos nuevos, mantengan la coherencia visual.

Error 5: No probar en móvil

En México, más del 70% del tráfico de e-commerce viene de dispositivos móviles. No es una minoría que puedes ignorar — es tu audiencia principal.

Y sin embargo, la mayoría de los rediseños se hacen así: se diseña en una pantalla de 27 pulgadas, se desarrolla en una pantalla de 27 pulgadas, el cliente lo aprueba en una pantalla de 27 pulgadas, y se lanza. Después alguien lo abre en su celular y descubre que:

• El menú es inutilizable con el pulgar
• Los botones de agregar al carrito son diminutos
• Las imágenes tardan 8 segundos en cargar con datos móviles
• El checkout es un formulario de 15 campos que hay que llenar con teclado de celular
• Los pop-ups de "suscríbete al newsletter" cubren toda la pantalla y no se pueden cerrar

Cómo evitarlo

Diseña mobile-first. No mobile-also, no mobile-too, no "después lo adaptamos". Empieza por la pantalla más pequeña y escala hacia arriba. Esto no es una preferencia de diseño — es una estrategia de negocio.

Checklist mínimo para e-commerce móvil:

• Touch targets de mínimo 44x44px: los botones principales deben ser fáciles de tocar con el pulgar
• Carga en menos de 3 segundos en 4G: optimiza imágenes, usa lazy loading, minimiza JavaScript
• Navegación con una mano: los elementos interactivos más importantes deben estar al alcance del pulgar
• Formularios con teclado correcto: teclado numérico para teléfono, email keyboard para correo, autocompletado activado
• Pruebas en dispositivos reales: no en el simulador del navegador. En un iPhone real y en un Android de gama media. La experiencia es diferente.

El rediseño que sí funciona

Un buen rediseño de e-commerce no empieza con "quiero que se vea más moderno". Empieza con "quiero vender más". Y vender más requiere datos, estrategia y ejecución disciplinada en cada uno de estos 5 puntos.

No rediseñes por capricho. Rediseña porque los datos te dicen que hay oportunidades que tu sitio actual no está capturando. Y cuando rediseñes, asegúrate de que cada decisión tenga un "por qué" basado en evidencia, no en preferencia.

En Tank Studio Lab combinamos diseño UI/UX basado en investigación con desarrollo web de alto rendimiento para rediseños de e-commerce que aumentan conversiones, no solo likes en el portafolio. Si estás considerando un rediseño, hablemos antes de que inviertas un peso.