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 un wireframe de página de destino post-clic?

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

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

Al crear un wireframe 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 acceder a la información que necesitan, qué tan accesible y reconocible es el CTA, etc. Todos estos factores se tienen en cuenta en la fase de cableado.

A continuación, se muestran algunos ejemplos de páginas de destino post-clic de estructura alámbrica, tanto largas como cortas:

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

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

Nota: no existe un diseño de estructura alámbrica de página de destino posterior al clic que se adapte 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 llamada a la acción, mientras que otras pueden necesitar resaltar beneficios adicionales y demostrar pruebas sociales. Las páginas de ventas, por ejemplo, a menudo requieren descripciones de productos más detalladas y pueden necesitar ser más largas. (Tenga en cuenta que siempre puede probar A / B una página corta frente a una página larga para ver cuál produce mejores resultados).

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

No quiero centrarme demasiado en los elementos que las partes interesadas podrían rechazar en la siguiente fase. La idea principal de un wireframe 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 muestran los elementos que normalmente se encuentran en las páginas de destino post-clic de alta conversión.

Cómo crear una estructura alámbrica de 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 tienen 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 experimentó un aumento del 336% en la tasa de conversión después de eliminar la 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, de 9.2% a 17.6%, durante el mes en que A / B probaron quitando 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 logo 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, los Términos de uso y / o una Política de privacidad) y los 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 transmitir su mensaje, debe llamar la atención, ser claramente visible tan pronto como los usuarios lleguen a la página y en la mitad superior de la página.

Su subtítulo se utiliza para complementar su título principal, especialmente si el título principal es largo o requiere un 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 distingue 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 PVU, existen 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: apele al deseo de los clientes potenciales de soluciones rápidas
Curiosidad: despierta el interés y la curiosidad de los visitantes, incitándolos a leer más

Puede usar uno o combinar varios para obtener un título 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 medio 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:

Fotos de héroe: brinde a los visitantes una idea de cómo su producto o servicio cambiaría sus vidas para mejor
Imágenes del producto: permita a los visitantes ver los detalles de su oferta, incluidas sus características principales.
Infografías: permite a los visitantes conceptualizar datos y estadísticas (cuadros, 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áginas de destino posteriores al clic:

Vídeos explicativos: explique cómo funciona su producto, especialmente si es nuevo o complicado, concentrándose en cómo beneficiará a sus clientes potenciales.
Videos introductorios: muestre nuevas empresas, anuncie nuevos productos o destaque nuevas características de productos
Testimonios en video y estudios de casos: sirven como prueba social al mostrar clientes reales y satisfechos que explican 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.

Dupdo

Por muy tentado que esté a contarles a los visitantes todo sobre su oferta, no lo haga. La capacidad de atención es de solo unos segundos como máximo, por lo que su copia debe ser concisa 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 realizar la conversión, las personas deben confiar en que su empresa ofrece un servicio confiable. Ahí es donde la prueba social puede convencerlos de diversas formas:

Testimonios de clientes: muestre a los clientes potenciales que cumple con su promesa, ya que se verifica directamente de sus clientes (a través de citas con información específica, estadísticas, nombres completos, afiliación profesional y títulos, y fotos de la cabeza).
Logotipos de clientes (y recuentos): muestre las empresas conocidas con las que ya ha trabajado (y con cuántas), para que los visitantes sepan que "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: Garantice 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 utilizará de manera adecuada y no se compartirá con nadie más.

Mirando hacia atrás en la misma página de aterrizaje posterior al clic de Highfive anterior, revise todas las pruebas sociales que usaron para persuadir a los visitantes de que se conviertan: 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 pruebas sociales: un recuento de clientes, logotipos de marcas, videos de casos de estudio y testimonios citados:

Al combinar todas estas pruebas, persuade a los clientes potenciales a realizar una conversión haciendo clic en el botón de llamada a la acción.

Formulario de captura de clientes potenciales

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 primer nivel, tiene sentido que solo contenga tres de los campos y solicite información muy básica:

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

Llamada a la acción

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

Color: use la teoría del color para encontrar un matiz, tono, tinte o tono que contrasta bien y se destaca del resto de su página.
Copia: "Enviar" y "Descargar" son genéricos y poco inspiradores. En su lugar, cree un texto específico y personalizado e incorpore "usted", "su", "yo" y "mi" para generar más clics en los botones de CTA.
Tamaño: no hagas que la gente busque el botón, hazlo visible. También puede presentar señales visuales, como las flechas que rebotan en la página de inicio 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 la página de destino posteriores al clic no deben contener mapas del sitio, enlaces a páginas de productos ni cuentas de redes sociales. Cada enlace que incluye crea otra distracción y una forma adicional para que abandonen su página sin realizar la conversión.

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

Si elige incluir un pie de página 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

El espacio en blanco permite que su página respire para que todos los elementos atraigan la atención y los visitantes puedan navegar por su página más fácilmente. Añadiendo espacios en blanco también:

Disminuye el desorden
Mejora la legibilidad
Establece la 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 podría 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, por lo que es más fácil navegar de arriba a abajo y ofrece una mejor experiencia en general.

Todo comienza con una estructura alámbrica de la 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 optimizada después del clic 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 potente para el trabajo.

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