Entregaste una web a un cliente, la revisaste en tu computadora y quedó impecable. Dos días después te escribe preocupado: “la abrí en el celular y el menú tapa todo, no se puede leer nada”. Si revendés hosting o armás webs para terceros en Argentina, este tipo de reclamo es de los más comunes y de los más evitables: basta con incorporar una revisión de diseño responsive antes de dar por terminado cualquier proyecto.
Acá te mostramos, paso a paso, cómo chequear y corregir la versión móvil de las webs que administrás para tus clientes, así entregás un trabajo prolijo desde el primer día y evitás reclamos innecesarios.
Por qué el diseño responsive debería ser parte de tu checklist de entrega
La mayoría de las visitas a cualquier web hoy llegan desde el celular, así que si entregás un sitio sin revisar cómo se ve en pantallas chicas, estás entregando un trabajo incompleto aunque en la computadora se vea perfecto. Para quien revende hosting o servicios de diseño, esto también es una oportunidad: ofrecer una revisión responsive como parte del servicio te diferencia y reduce los reclamos posteriores.
Paso 1: armá una checklist de revisión móvil para cada entrega
Antes de entregar cualquier web a un cliente, revisala desde un celular real siguiendo estos puntos:
- El menú se despliega completo y ninguna opción queda tapada por el logo o por otros elementos.
- Los textos se leen sin necesidad de hacer zoom.
- Los botones principales (comprar, contactar, agendar) son fáciles de tocar con el dedo.
- Las imágenes no se cortan ni se deforman al pasar de la vista de escritorio a la de celular.
Guardá esta checklist y usala en cada proyecto: te ahorra tiempo y evita que un detalle se pase por alto.
Paso 2: usá la vista previa por dispositivo del editor antes de publicar
La mayoría de los editores modernos incluyen un botón para simular cómo se ve la web en celular y en tablet sin necesidad de publicar los cambios primero. Convertí este paso en parte obligatoria de tu flujo de trabajo con cada cliente, revisando la vista previa antes de marcar el proyecto como terminado.
Paso 3: ordená el menú de navegación para pantallas chicas
El menú suele ser el primer punto de fricción en celular. Para dejarlo prolijo:
- Activá el menú tipo “hamburguesa” en lugar de mostrar todas las opciones en fila, que en pantallas chicas se amontonan.
- Sugerile al cliente reducir las opciones del menú a lo esencial: entre cuatro y cinco secciones suele ser suficiente para la mayoría de los rubros.
- Verificá que el logo y el ícono del menú no se superpongan en ningún modelo de celular común.
Paso 4: revisá tamaños de fuente y espaciados entre elementos
Un detalle que se pasa por alto seguido es el tamaño de letra en celular. Prestá atención a:
- Que los títulos se lean con claridad apenas se abre la página, sin acercar el teléfono a los ojos.
- Que haya espacio suficiente entre links y botones para evitar que el usuario toque uno por error.
- Que la información de contacto (teléfono, email, dirección) se destaque y no quede mezclada con otros textos del pie de página.
Paso 5: optimizá las imágenes antes de subirlas al proyecto
Las fotos sin comprimir son una de las principales causas de que una web se vea desordenada o lenta en celular. Como parte de tu proceso de entrega:
- Comprimí las imágenes con alguna herramienta gratuita antes de subirlas al sitio del cliente.
- Usá proporciones consistentes entre las fotos de una misma sección para que el diseño se acomode de forma pareja en celular.
- Revisá que ninguna imagen se corte de forma extraña al achicar la pantalla; si pasa, ajustá el recorte específicamente para la vista móvil.
Paso 6: probá los formularios y botones de contacto en un celular real
Un formulario que se ve bien en la computadora puede resultar imposible de completar en celular si los campos son muy chicos. Verificá que:
- Los campos del formulario sean amplios y fáciles de tocar con el teclado del celular.
- Los botones de “Enviar” o “Contactar” tengan un tamaño cómodo y estén bien ubicados.
- Si el cliente usa WhatsApp como canal principal, el botón abra directamente la app con un mensaje predefinido.
Sobre la velocidad en conexión móvil: buenas prácticas, no excusas
Cuando un cliente se queja de que “la web carga lenta en el celular”, antes de mirar el plan de hosting revisá estos puntos que suelen ser la causa real:
- Imágenes pesadas sin comprimir subidas directamente desde la cámara del celular.
- Plugins o widgets acumulados de pruebas anteriores que ya no se usan pero siguen activos.
- Plantillas muy recargadas de animaciones quue no aportan valor al usuario final.
Ejemplo práctico: una agencia que redujo sus reclamos a la mitad
Un pequeño estudio que revende hosting y arma webs para comercios incorporó esta checklist de revisión móvil en cada entrega. Antes, recibían reclamos de clientes casi todas las semanas por menús rotos o botones imposibles de tocar en celular. Después de sumar la revisión responsive como paso obligatorio antes de la entrega, los reclamos por este motivo bajaron drásticamente y varios clientes destacaron la prolijidad del trabajo final.
Probá cada proyecto en distintos tamaños de pantalla, no solo en un celular
Revisar la web una sola vez desde tu propio teléfono no alcanza cuando trabajás para varios clientes con audiencias distintas. No todos los celulares tienen la misma pantalla, y muchos usuarios también navegan en horizontal para mirar catálogos o comparar precios. Para que tu checklist sea realmente sólida, sumá estos chequeos:
- Probá cada proyecto en más de un modelo de celular, sobre todo si tenés acceso a un teléfono con pantalla chica y otro con pantalla grande.
- Girá el celular a modo horizontal y confirmá que el contenido se siga viendo ordenado, no solo en la posición vertical habitual.
- Si tenés una tablet a mano, revisá también esa versión intermedia: a veces un diseño que funciona en celular y en computadora falla justo ahí.
- Reducí el ancho de la ventana del navegador en tu computadora poco a poco para detectar en qué punto exacto el diseño empieza a romperse, algo muy útil cuando no tenés varios dispositivos físicos a mano.
Documentar estos chequeos como parte de tu proceso te da mucha más seguridad al momento de entregar un proyecto y respaldo si un cliente cuestiona la calidad del trabajo.
Cuándo conviene sugerirle al cliente cambiar de plantilla
Si después de aplicar todos los ajustes la web sigue mostrando elementos superpuestos o el editor no permite una vista previa móvil clara, puede ser el momento de recomendar una plantilla más moderna, pensada desde el diseño para adaptarse mejor a cualquier pantalla.
Errores comunes al entregar webs sin revisión móvil
- Dar por terminado un proyecto sin abrirlo nunca desde un celular real.
- Subir fotos pesadas directamente desde la cámara sin comprimir.
- Dejar menús con demasiadas opciones que se amontonan en pantallas chicas.
- No probar los formularios de contacto desde un dispositivo móvil antes de entregar.
Preguntas frecuentes sobre diseño responsive para tus clientes
¿Tengo que rehacer toda la web para que sea responsive?
En la mayoría de los casos no. Alcanza con ajustar el menú, los tamaños de texto y las imágenes usando las herramientas del propio editor, sin reconstruir el sitio desde cero.
¿Cuánto tiempo lleva hacer esta revisión por cliente?
Con la checklist armada, revisar y corregir los puntos principales de una web sencilla suele llevar entre treinta minutos y una hora, un tiempo mínimo comparado con evitar reclamos posteriores.
¿Conviene cobrar la revisión responsive como un servicio aparte?
Podés incluirla como parte del servicio estándar de entrega o presentarla como un chequeo de calidad adicional; en cualquiera de los dos casos, comunicarle al cliente que hacés esta revisión suma valor percibido a tu trabajo.
¿Qué hago si el cliente ya tenía una web armada por otra persona?
Aplicá la misma checklist antes de hacerte cargo del mantenimiento: revisar el estado responsive de entrada te permite detectar problemas heredados y proponerle al cliente una mejora concreta desde el primer contacto.
Documentá cada revisión para respaldar tu trabajo
Además de corregir los problemas que encuentres, es una buena práctica dejar un registro simple de la revisión responsive de cada proyecto: qué revisaste, qué corregiste y en qué fecha. Podés guardarlo en una planilla compartida o en las notas internas del proyecto. Esto te sirve para dos cosas: primero, tener trazabilidad si un cliente vuelve meses después con un reclamo sobre algo que ya habías corregido, y segundo, poder mostrarle a un cliente nuevo que tu proceso de entrega incluye pasos de calidad concretos, no solo promesas. Con el tiempo, esta documentación también te ayuda a detectar patrones: si notás que siempre encontrás el mismo tipo de problema en los proyectos armados con determinada plantilla, podés anticiparte y revisarlo primero en las próximas entregas, ahorrando tiempo en cada nuevo cliente que sumes a tu cartera.
Sumar una revisión de diseño responsive a tu proceso de entrega es una de las formas más simples de mejorar la percepción de calidad de tu trabajo y reducir reclamos. Es un paso rápido que marca una diferencia real en la experiencia final de los clientes de tus clientes.
