Empieza con la promesa de origen
Antes del trabajo de diseño, captura la afirmación de origen, el público, la oferta, la condición y la CTA. Conserva ese significado en lenguaje claro, no en un eslogan amplio de marca. Si la fuente ofrece una evaluación de migración gratuita, dilo cerca de la parte superior.
Añade una breve explicación de quién recibe qué y muestra la CTA principal cerca. Coloca cualquier condición material de precio, elegibilidad, contrato, ubicación o calendario junto a la promesa. La coincidencia del mensaje (message match) es continuidad, no repetición literal: la página puede explicar lo que un anuncio breve no pudo.
Registra la afirmación de origen, el titular de la página, la explicación de apoyo, la condición de calificación y la CTA. Resuelve contradicciones antes de publicar.
Enfócate en un resultado principal: solicitar contacto, comprar un artículo definido, iniciar una prueba o acceder a un recurso.
Haz que la siguiente decisión sea fácil de ver
La jerarquía visual es el orden en que tamaño, espaciado, contraste, posición y agrupación guían la atención. Usa una secuencia móvil de promesa, explicación, CTA, prueba, detalle y CTA repetida. Un visitante no debe descifrar un diseño antes de saber la oferta.
Da a la CTA principal lenguaje específico, contraste y espacio. Haz las acciones secundarias más discretas. Menús, chat, avisos de consentimiento, banners y carruseles no deben cubrir la CTA, los campos, el estado de foco o términos importantes en una pantalla pequeña.
Pregunta a un espectador primerizo qué se ofrece, para quién y qué haría después. La incertidumbre es un problema de redacción o diseño.
Revisa anchos comunes, zoom y cadenas largas traducidas. La acción debe seguir siendo alcanzable sin toques accidentales.
Demuestra la afirmación sin exagerarla
Usa pruebas que respondan una duda relevante: una explicación de características para la capacidad, un ejemplo de implementación para la viabilidad, una explicación de precios para el presupuesto o una política para el riesgo. Identifica una fuente de estudio de caso y fecha cuando sea práctico. Indica las condiciones que afectaron el resultado de un cliente en lugar de presentarlo como típico.
Usa solo testimonios fácticos y atribuibles. La orientación de la FTC afirma que una empresa que publica testimonios falsos en su propio sitio puede ser responsable bajo la U.S. Consumer Reviews and Testimonials Rule. No inventes citas, no alteres el significado, no ocultes una relación material ni pagues por sentimiento positivo. Busca revisión legal y de cumplimiento calificada para avales incentivados, afirmaciones reguladas y campañas transfronterizas.
Pregunta qué necesitaría un visitante escéptico para juzgar esta afirmación y luego proporciona o enlaza esa evidencia.
Mantén distintas las capacidades del producto, los resultados observados en clientes y las previsiones.
Haz formularios y acciones usables para más personas
La guía de W3C para formularios recomienda una etiqueta para cada control, instrucciones de completado y notificación clara de éxito y error. Solicita solo la información necesaria para completar el proceso. Etiquetas visibles y un formulario corto reducen la fricción y la recolección innecesaria de datos.
No uses el texto de sugerencia como única etiqueta ni el color como único indicador de error. Identifica campos obligatorios y formatos antes del envío; explica las correcciones. Prueba la navegación por teclado y la retroalimentación de confirmación. WCAG 2.2 Level AA establece una relación de contraste de 4.5:1 para texto normal y 3:1 para texto de gran tamaño; también espera que el texto siga siendo funcional al cambiar tamaño. Las comprobaciones técnicas no reemplazan las pruebas con usuarios ni el asesoramiento local.
Recorre con la tecla Tab cada control. El foco debe ser visible, el orden debe seguir el orden de lectura y los modales necesitan una salida clara.
Para pagos o datos personales sensibles, minimiza los campos y obtén revisión calificada de seguridad, privacidad y cumplimiento de pagos. Esto no es una evaluación de cumplimiento.
Mantén el hero rápido y el diseño estable
Largest Contentful Paint, o LCP, mide el rendimiento de carga alrededor del elemento de contenido inicial más grande. Google recomienda esforzarse por un LCP dentro de 2.5 segundos, Interaction to Next Paint por debajo de 200 milisegundos e Cumulative Layout Shift por debajo de 0.1. Estos son diagnósticos, no una garantía de conversión.
Mide el elemento LCP real en una visita móvil; puede ser una imagen hero o un titular. web.dev recomienda que su recurso sea detectable en el HTML inicial y advierte nunca hacer lazy-load de una imagen LCP. Reserva espacio para imágenes, incrustaciones, banners y errores de formulario para que el diseño no se mueva debajo de un visitante listo para hacer clic.
Audita etiquetas, fuentes, experimentos, chat y vídeo. Optimiza y prueba los componentes necesarios en lugar de eliminar a ciegas consentimientos, seguridad o herramientas de flujo esenciales.
Prueba el render del hero, la CTA, la validación, la confirmación y la transferencia. Una primera vista rápida no compensa una acción rota.
Preflight y remedia la ruta prometida
Las landing pages se desvían después del lanzamiento cuando creativo, precios, formularios, etiquetas o dependencias cambian. Antes de una campaña o una versión importante, comprueba la URL de origen, la coincidencia del mensaje, el diseño móvil, la ruta por teclado, la CTA, la confirmación, el comportamiento de consentimiento y los enlaces legales. Mantén un registro de cambios y una forma probada de revertir.
El papel de SIU es la optimización proactiva de la disponibilidad y la remediación, no el reporte de caídas. Ejecuta un preflight de disponibilidad y ruta de acción, luego repara un destino inalcanzable, CTA rota, recurso bloqueado, formulario fallido o confirmación ausente. Prepara una reversión para que una etiqueta, creativo o dependencia defectuosos pueda volver a la última experiencia conocida buena.
Asigna a una persona para verificar la ruta crítica y a otra autorizada para revertir.
Prioriza ofertas incorrectas, acciones fallidas, bloqueadores inaccesibles y diseños inestables por delante de experimentos cosméticos.