Cómo crear una estructura alámbrica de página de destino con consejos de expertos

Publicado: 2018-05-08

Una página de destino posterior al clic suele ser una de las primeras impresiones que las personas ven de su marca, por lo que es importante que sea excepcional. Una estructura alámbrica de la página de destino posterior al clic puede ayudar con esto al permitirle visualizar la disposición de los elementos de la página antes de construir la página.

¿Qué es una estructura alámbrica de página de destino posterior al clic?

Una estructura alámbrica es un diseño de diseño básico o esqueleto de una página de destino posterior al clic para dar a las partes interesadas una idea de cómo se estructurará la página y qué activos se necesitan para construirla.

Rares Cimpean, un diseñador visual de Instapage, explica:

Al armar una estructura alámbrica de página de destino posterior al clic, debe centrarse en el flujo, la usabilidad y la accesibilidad de la página, qué tan rápido pueden las personas obtener la información que necesitan, qué tan accesible y reconocible es la CTA, etc. Todos estos factores se tienen en cuenta en la fase de wireframing.

Aquí hay algunos ejemplos de página de destino posterior al clic de estructura alámbrica, tanto largos como cortos:

Una plantilla de estructura alámbrica de página de destino posterior al clic sirve para varios propósitos principales:

Para actuar como un término medio entre su boceto en lápiz y papel y el primer prototipo
Para presentar una descripción general del contenido que se mostrará en la página
Para proporcionar un modelo de la estructura de la página.
Para transmitir la dirección general de la interfaz de usuario

Nota: no existe un único diseño alámbrico de página de destino posterior al clic que se ajuste a todas las campañas. Algunas páginas de destino posteriores al clic pueden simplemente requerir un título, una copia con viñetas, un formulario y un botón de CTA, mientras que otras pueden necesitar resaltar beneficios adicionales y demostrar prueba social. Las páginas de ventas, por ejemplo, a menudo requieren descripciones de productos más detalladas y es posible que deban ser más largas. (Tenga en cuenta que siempre puede realizar una prueba A/B en una página corta frente a una página larga para ver cuál produce mejores resultados).

Independientemente del tipo de página que esté creando, nuestro Gerente de Diseño Gráfico, Rafal Bogdan, expresa la importancia de mantener su estructura muy simple al principio, para no abrumar a las partes interesadas involucradas:

No quiero centrarme demasiado en los elementos que podrían ser rechazados por las partes interesadas en la siguiente fase. La idea principal de una estructura alámbrica es mostrar características específicas del proyecto en una página de destino posterior al clic y ayudarlos a comprender cómo se comportarán esas características en la página real.

Una vez que tenga su estructura alámbrica, es hora de que el diseño lo haga brillar. A continuación se encuentran los elementos que normalmente se encuentran en las páginas de destino post-clic de alta conversión.

Cómo estructurar una página de destino posterior al clic

Sin navegación

Dado que las páginas de destino posteriores al clic están diseñadas para la conversión y con un solo propósito, no debe haber enlaces de navegación que puedan distraer a los usuarios de su objetivo de conversión. Es convertir o irse, no hay otras opciones.

Muchas empresas han visto cambios sustanciales en sus tasas de conversión después de eliminar sus barras de navegación:

Career Point College vio un aumento del 336% en la tasa de conversión después de eliminar su barra de navegación superior y modificar el diseño de su formulario.
Yuppiechef fue testigo de un aumento del 100 % en las tasas de conversión (del 3 % al 6 %) al eliminar su barra de navegación.
SparkPage tuvo un aumento en la tasa de conversión, del 9,2 % al 17,6 %, durante el mes en que realizaron la prueba A/B eliminando su navegación superior.

Comporium Media Services es otra marca que comprende la necesidad de eliminar la navegación para maximizar las conversiones. Ni siquiera su logotipo está vinculado, lo que mantiene a los visitantes en la página y enfocados en solicitar una consulta:

Al seguir las mejores prácticas, los únicos enlaces que deben usarse son aquellos que aumentan la credibilidad (por ejemplo, Términos de uso y/o una Política de privacidad) y enlaces que mejoran la experiencia del usuario (como etiquetas de anclaje y un teléfono de clic para llamar). número).

Título y subtítulo

Su título es uno de los elementos más importantes porque sin uno convincente, los visitantes no estarán lo suficientemente persuadidos para continuar evaluando su oferta. Dado que esta es la forma principal de entregar su mensaje, debe llamar la atención, ser claramente visible tan pronto como los usuarios lleguen a la página y en la parte superior de la página.

Su subtítulo se usa para complementar su título principal, especialmente si el título principal es largo o requiere contexto adicional (como una estadística, por ejemplo).

La clave para escribir un buen titular es asegurarse de que transmita su propuesta de valor única (UVP), o lo que diferencia a su producto o servicio de sus competidores.

Este título de la página de destino posterior al clic de Autopilot les permite a las empresas saber que pueden "crecer más rápido" en Autopilot en comparación con otro software de automatización de marketing. El subtítulo luego complementa esta idea al describir cómo pueden crecer más rápido:

Además de incluir su UVP, hay cuatro tipos principales de titulares convincentes:

Noticias: Presentar una nueva solución a los clientes potenciales
Interés propio: Apelar al interés propio inherente de los prospectos<
Solución rápida y sencilla: Apelar al deseo de los clientes potenciales de soluciones rápidas
Curiosidad: despertar el interés y la curiosidad de los visitantes, incitándolos a leer más

Puedes usar uno o combinar varios para un titular aún más poderoso. Los titulares más convincentes utilizan dos o más.

Medios de comunicación

Dado que es más fácil para las personas procesar imágenes que texto, los medios atractivos (imágenes, gifs y videos) ayudan a transmitir el valor de una oferta, incluso más que las palabras. Sin embargo, las imágenes no son una solución única para todos. El tipo de medios que elija para su página de destino posterior al clic depende de lo que esté ofreciendo.

Los tipos de imágenes de página de destino posteriores al clic incluyen:

Tomas de héroe: Brinde a los visitantes un vistazo de cómo su producto o servicio cambiaría sus vidas para mejor
Imágenes de productos: Permita que los visitantes vean los detalles de su oferta, incluidas sus características principales
Infografía: permite a los visitantes conceptualizar datos y estadísticas (tablas, gráficos, etc.) más fácilmente

Eche un vistazo a las imágenes que utiliza iContact para mostrar a los clientes potenciales varios ejemplos de los correos electrónicos comerciales que ayudan a crear:

Además de las imágenes, existen varios tipos de videos de página de destino posteriores al clic:

Videos explicativos: Explique cómo funciona su producto, especialmente si es nuevo o complicado, con un enfoque en cómo beneficiará a sus prospectos.
Videos introductorios: Muestre nuevas empresas, anuncie nuevos productos o destaque nuevas características de productos
Testimonios en video y estudios de casos: Sirva como prueba social mostrando clientes reales y satisfechos explicando su satisfacción y éxito con su producto o servicio

Si usa imágenes, manténgase alejado de las fotos de archivo a menos que transmitan una situación realista de su oferta y sean relevantes para el tema. Cualquier cosa menos y corre el riesgo de disminuir la percepción y el valor de su marca.

Copiar

Por muy tentado que estés a decirles a los visitantes todo sobre tu oferta, no lo hagas. La capacidad de atención es de solo unos segundos como máximo, por lo que su copia debe ser sucinta y captar la atención de las personas de inmediato.

Por ejemplo, las viñetas (marcadas con iconografía, marcas de verificación, flechas, etc.) son una forma común de transmitir información importante, lo que permite a los visitantes escanear rápidamente la página e identificar los puntos clave de la oferta.

Los prospectos pueden aprender rápidamente sobre la solución de videoconferencia de Highfive con la ayuda de encabezados de sección en negrita, copia mínima y viñetas:

Prueba social

Antes de convertir, las personas deben confiar en que su empresa ofrece un servicio confiable. Ahí es donde la prueba social puede convencerlos de varias maneras:

Testimonios de clientes: muestra a los prospectos que cumples con tu promesa, ya que está verificada directamente por tus clientes (a través de cotizaciones con información específica, estadísticas, nombres completos, afiliación profesional y títulos, y fotos de rostros).
Logotipos (y recuentos) de clientes: muestre las empresas conocidas con las que ya ha trabajado (y cuántas), para que los visitantes sepan: "Dado que nuestro producto o servicio fue lo suficientemente bueno para ellos, también lo será para usted".
Premios de la industria: demuestre que ha sido reconocido públicamente por líderes de la industria, reporteros, estaciones de noticias, sitios web, etc.
Sellos de confianza: asegure a los prospectos que su información de pago está segura y protegida de terceros.
Política de privacidad: asegura a los prospectos que su dirección de correo electrónico se usará de manera adecuada y no se compartirá con nadie más.

Mirando hacia atrás en la misma página de destino posterior al clic de Highfive anterior, vea todas las pruebas sociales que usaron para persuadir a los visitantes a convertir: logotipos de marca, un testimonio citado y calificaciones de estrellas de la industria:

Aquí hay otro ejemplo, esta vez de Splash Omnimedia que incluye todo tipo de prueba social: un recuento de clientes, logotipos de marca, video de estudio de caso y testimonio citado:

Al combinar todas estas pruebas, persuade a los prospectos para que se conviertan haciendo clic en su botón CTA.

Formulario de captación de leads

Crear la forma perfecta no es tan fácil. No hay suficientes campos de formulario y no recopilará toda la información que necesita; demasiados campos y corre el riesgo de asustar a los clientes potenciales. La longitud de su formulario depende de dónde se encuentre su oferta en el embudo de marketing. Como regla general, cuanto más arriba, más corta es la forma y viceversa.

Justworks diseñó esta página de destino posterior al clic para proporcionar información sobre precios. Dado que esta es una oferta de la parte superior del embudo, tiene sentido que solo contenga tres campos y solicite información muy básica:

Por el contrario, la prueba gratuita de Autopilot está más abajo en el embudo, por lo que es aceptable solicitar más información:

Llamada a la acción

Su botón CTA es donde ocurre la conversión de la página de destino posterior al clic, por lo que debe sobresalir y pedir que se haga clic en él. Estos son los aspectos principales para optimizar su botón CTA:

Color: use la teoría del color para encontrar un matiz, un tono, un matiz o una sombra que contraste bien y se destaque del resto de la página.
Copiar: "Enviar" y "Descargar" son genéricos y aburridos. En su lugar, elabore una copia específica y personalizada e incorpore "usted", "su", "yo" y "mi" para generar más clics en el botón CTA.
Tamaño: no haga que las personas busquen el botón, hágalo visible. También puede presentar señales visuales, como las flechas que rebotan en la página de destino posterior al clic de Volusion.
a continuación, para llamar aún más la atención:

Pie de página mínimo

La página de destino posterior al clic y los pies de página del sitio web no son lo mismo. Los pies de página de destino posteriores al clic no deben contener mapas de sitio, enlaces a páginas de productos ni cuentas de redes sociales. Cada enlace que incluyes crea otra distracción y una forma adicional para que abandonen tu página sin convertir.

Mira todas estas rutas de escape que Infegy ofrece a los visitantes:

Si elige incluir un pie de página de destino posterior al clic, asegúrese de que solo muestre información de derechos de autor actualizada, términos de servicio y una política de privacidad, como lo hace Tapstone:

espacio en blanco

Los espacios en blanco permiten que su página respire para que todos los elementos llamen la atención y los visitantes puedan navegar por su página más fácilmente. Agregar espacios en blanco también:

Disminuye el desorden
Mejora la legibilidad
Establece una jerarquía visual
Hace que su página de destino posterior al clic se vea más profesional

Compare las siguientes páginas de destino posteriores al clic de NASM y Acquisio:

La página de NASM está abarrotada y puede ser abrumadora para algunas personas porque es difícil decidir dónde buscar primero y cómo navegar por la página. La página de Acquisio tiene suficiente espacio en blanco para que sea más fácil navegar de arriba a abajo y ofrece una mejor experiencia en general.

Todo comienza con una estructura alámbrica de página de destino posterior al clic

La creación de una estructura alámbrica le permite a su equipo determinar la historia general de la página, ver qué activos se necesitarán y cuánta copia se requiere. A partir de ahí, puede diseñar una página de destino posterior al clic optimizada con las sugerencias anteriores. Pero para crear una página de destino post-clic personalizada y 100% personalizable, necesita una solución que sea lo suficientemente poderosa para el trabajo.

Con Instapage, los especialistas en marketing pueden crear páginas perfectas en píxeles con nuestro generador fácil de diseñar, editor de CSS, alineación y agrupación, teclas de acceso rápido y más. Luego, use mapas de calor incorporados para realizar pruebas A/B para conversiones aún más altas y escale su producción con Instablocks™. Ninguna otra solución se puede comparar. Regístrese para una demostración de Instapage Enterprise hoy.