Consejos para Diseñar Páginas de Aterrizajes Específicas

Como parte de mi rol en Shopify, hablo con profesionales independientes y agencias que se especializan en construis y diseñar temas en Shopify. Uno de los temas centrales que a menudo discutimos es la generación de clientes prospectos, en otras palabras, cómo encontrar esos que tienen necesidad de sus habilidades especiales.

Además de ser incluido en programas tales como Shopify Experts (Expertos en Shopify), muchos profesionales independientes y agencias crean páginas de aterrizaje sumamente bien diseñadas que están dirigidas a clientes potenciales por varios canales de mercadeo, tanto en línea como fuera de línea.

¿Qué es una Página de Aterrizaje?

Es probable que ya antes hayas escuchado el término “página de aterrizaje”, y podría preguntarse cuál es la diferencia entre un blog normal de una “página web y una “página de aterrizaje”.

De acuerdo a UnBounce, una página de aterrizaje puede describirse así:

“En la esencia más pura, una página de aterrizaje es cualquier página web a la que un visitante puede llegar o aterrizar” en ella. Sin embargo, cuando discutimos el tema de las páginas de aterrizaje dentro el ámbito del mercadeo y la publicidad, es más común referirse a la página de aterrizaje como una página web independiente, distinta de su sitio web principal, y que ha sido diseñada para un solo objetivo”.

Las páginas de aterrizaje a menudo difieren estructuralmente y visualmente del sitio web principal de una compañía (a pesar de formar parte de el mismo dominio lógico).

Las páginas de aterrizaje están diseñadas deliberadamente para limitar las opciones disponibles para los visitantes con la finalidad de guiarlos hacia un objetivo definido. A menudo leerás la frase “una página, un objetivo” en relación a las páginas de aterrizaje.

Objetivos.

Algunos objetivos habituales son:

• Visualizar un vídeo promocional
• Completar un formulario de registro para un boletín electrónico.
• Inscribirse en un proyecto gratis de consulta de llamadas telefónicas por Skype
• Completar un documento de inicio de un proyecto
• Solicitar una cotización
• Seguir una red social en particular
• Descargar un archivo PDF gratis después de enviar una dirección de correo electrónico.

A pesar de que éste artículo se enfoca en las páginas de aterrizaje, es razonable decir que muchas de estas ideas y conceptos, tales como el objetivo natural de la página, puede ser aplicado a una sola página de una compañía o de un producto de un sitio web. Tendré que echar un vistazo rápido a una reciente que encontré al final.

La características distintiva siempre debería ser; que tiene un objetivo definido, ya sea uno de los que ya hemos mencionado anteriormente o una acción tal como registrarse en un plan o comprar un producto.

Dirigiendo Tráfico hacia su Página de Aterrizaje

Hay una cantidad de formas de dirigir “clientes” potenciales hacia su página de aterrizaje, desde el tráfico a través de los motores de búsqueda hasta campañas de pago por clic (PPC) realizadas por medio de frases y palabras claves. Otras formas para dirigir “clientes” potenciales hacia su página de aterrizaje son:

• Compartir su contenido o url de su página de aterrizaje por los canales de las redes sociales.
• Compartir su contenido y experiencia, regularmente, por medio de boletines por correo electrónicos que incluyen un botón de “llamado a la acción” que llevará al lector hacia su página de aterrizaje.
• Contribuyendo con blogs de terceros que resaltan su experiencia e incluyen un enlace de regreso hacia su página de aterrizaje.
• Hablar en eventos sobre su especialidad. Esto elevará su nivel de experto para esos que asistiran. Use una URL corta de su página de aterrizaje para dirigir participantes durante o después del evento.
• Alojamiento gratis con hora de almuerzo hasta sesiones para negocios locales que tienen gran interés en aprender más, e incluyendo la URL de su página de aterrizaje por todos lados y en los folletos.
• Hacer uso de su firma de correo electrónico para resaltar publicaciones específicas de blogs y de páginas d aterrizaje dentro de su sitio.
• Iniciar una transmisión multimedia en un área especializada. Hay mucho espacio en esta área e incluso conseguirá un puñado de oyentes interesados en su contenido y aumentará las visitas hacia su sitio y a su página de aterrizaje.

Esas son solo algunas de las cosas que he tratado y usted, por supuesto, tendrá sus propias ideas. Por desgracia, no hay espacio en éste artículo para discutir cómo implementar por completo todas estas estrategias, sin embargo, suponemos que algunas, si no todas, juegan su parte en conducir visitantes a su servicio exclusivo de su página de aterrizaje.

Construyendo una Página de Aterrizaje

Con las estrategias en curso para obtener tráfico hacia su página de aterrizaje, es vital que la misma página este construida para alcanzar su objetivo previsto.

Unbounce, un servicio que vende como “el constructor de páginas de aterrizajes para especialistas en mercadeo” tiene una cantidad de artículos útiles relacionados directamente para la construcción de páginas de aterrizajes de éxito.

Su plan de 12 puntos incluye algunas cosas que son realmente útiles y que se deben considerar cuando está diseñando y construyendo una página de aterrizaje. Examinemos algunas a fondo:

• El mensaje del anuncio coincida - Garantice que el mensaje y la copia de texto que uso en las campañas de PPC, en las publicaciones en blogs y en los contenidos de las redes sociales coincida con la copia de texto que usted usa en sus páginas de aterrizaje.
• Contexto de uso - Use vídeo e imágenes que muestren su trabajo en acción. Por ejemplo, un Experto en Shopify podría usar un vídeo del propietario de una tienda hablando respecto a un tema que ellos le desarrollaron.
• Haga uso de vídeo - De acuerdo a Unbounce, el vídeo puede aumentar las conversiones por encima de un 80%. Es, excepcionalmente, fácil producir un vídeo corto hoy en día, y alojarlo gratuitamente en servicios como los que presta YouTube y Vimeo. Usando un plugin como FitVids que le permitirá tomar ventaja del vídeo en múltiples tamaños de ventanas.
• Haga uso de señales de dirección - Use flechas, colores y contrastes para guiar a los visitantes hacia el llamado a la acción primario.
• Datos vs Conversiones - Si recopilar datos es uno de sus objetivos, entonces considere cuán largo es su formulario. Un formulario largo con una gran cantidad de casillas requeridas puede poner al cliente potencial completamente indispuesto.
• Edite sin piedad - Borre el 50% de su copia de texto, ¡y luego el 50% de lo que queda de texto! Esto nunca ha sido fácil pero la edición rigurosa tendrá como resultado un mensaje más accesible. Una forma de evaluación que a menudo uso es preguntar a mis amigos y familiares, que trabajan en otra industria, que revisen la copia de texto de la página, ¿tiene sentido?, ¿qué interpretan del texto?, ¿logran alcanzar su objetivo?
• Active la opción de compartir en las redes sociales - Es más fácil para las personas compartir su página o guardarla para leerla o verla más tarde. Puede crear con mucha facilidad un enlace con las palabras “Tweet esto” o añadir un botón “leerlo más tarde” como parte del diseño de la página.
• Demuestre confianza - Mostrar comentarios positivos de los clientes por medio de testimonios así como incluir enlaces a publicaciones recientes de blogs y la actividad en las redes sociales demostrarán confianza.
• Publique conversiones de mercadeo - Si el objetivo primario de su página de aterrizaje es capturar datos (por ejemplo, direcciones de correo electrónico, un formulario corto, etc) entonces consideré hacer uso de la página de confirmación para promover el compromiso con sus clientes potenciales. Por ejemplo. podría permitirles descargar un documento o resaltar métodos adicionales que pueden atraerlos como “siguenos en Twitter”.
• Prueba A/B - Siempre puedes ir pensando en cómo puede evaluar cambios graduales que ayuden a alcanzar sus objetivos. Por ejemplo, reducir el texto, agrandar los puntos de las viñetas, etc. Hay una enorme cantidad de herramientas tal como Optimizely que le permitirán ofrecer variaciones alternativas de una página a diferentes visitantes y supervisar los resultados por medio de una interfaz en línea fácil de usar. Asimismo, saber de donde ha venido su tráfico será la clave para calcular cuales campañas de mercadeo son las que impulsan a la mayoría de las personas hacia su página. Considere usar una URL abreviada para ocultar parámetros de seguimiento en la URL.

Para la lista ofrecida por UnBounce, también agregaría lo siguiente:

• Diseño Flexible - Asegúrese que as funciones de su página de aterrizaje se adapten a medida que navega a través de varios tamaños de pantallas y resoluciones. Completar formularios en dispositivos portátiles, a menudo es un difícil, por lo tanto, simplifique la captura de datos al mínimo, ya que es lo más vital.

Ejemplos del Mundo Real

Echemos un vistazo a algunos ejemplos para ver la teoría en la práctica.

Sitio Web Rescues

La siguiente es un captura de pantalla de una página completa de un sitio llamado “Sitio Web Rescues” Son una agencia de diseño web enfocada en clientes y se especializan en diseño flexible para dispositivos portátiles, primero los portátiles y sitios de desempeño optimizados.

Antes de ver los diferentes elementos de la página, cabe señalar que está única página forma parte de su propio dominio de websiterescues.com y está enlazada por medio de una opción de menú en el sitio web principal de Ethercycle.

En general, realmente me gusta está página. Es larga, tiene un flujo agradable en ella y muchos toques pequeños que hacen lucir atractiva, incluyendo:

Mensaje claro

El título del banner es corto y conciso. De inmediato, está consciente que está oferta se enfoca únicamente en “rescatar” una tienda que ya existe en Shopify a diferencia de diseñar una nueva.

Igualmente, las tres series de gráficos que aparecen de segundo en el flujo, resaltan los tres puntos de ventas más importantes de sus servicios: velocidad, disponibilidad y el objetivo de incrementar las conversiones de pago.

Testimonios de Clientes

A medida que avanzamos hacia abajo en la página (ciertamente larguísima), sus logros se hacen valer por los testimonios y casos de estudio. Resaltando las ventas de sus clientes actuales (más de U$10 millones de dólares) muestran que confían en ellos empresas con ingresos considerables. Sin embargo, son cuidadosos apartando cualquier negocio mediante un punto en donde afirman que trabajan con distribuidores en línea y empresas formadas por el tipo de negocios 5000.

Diseño Creativo

La segunda parte de la página está ocupado con una carta de Kurt Elster, el co-fundador de Ethercycle. Es un ingenioso diseño persuasivo debido a que se distingue con claridad este texto desde los testimonios anteriores y transmite una sensación de amabilidad (incluso si sabemos que no es así).

La carta puede separarse en cuatro secciones principales:

• El porqué: explicación del problema
• El cómo: el proceso para arreglar el problema
• El costo: detalles de los honorarios, entregado a tiempo y con su “Garantía de Rendimiento de 30 Días para Tiendas Shopify”.
• El llamado a la acción: “Hagámoslo” seguido por; cómo trabajan y y una línea telefónica directa para llamar a Kurt, directamente.

El importante Llamado a la Acción

Por lo general, realmente me gusta mucho está página de aterrizaje, aunque fue una pequeña sorpresa para mi, que el principal llamado a la acción no fuera mencionado antes. El formulario “Contáctanos para una conversación personal”, aparece muy tarde en la página. Muchas páginas de aterrizaje deberían incluir un botón de enlace hacia el formulario más arriba en la página. Al no hacerlo, entonces está “obligando” a desplazarse hacia abajo a los visitantes, lo cual puede aumentar el compromiso por parte de los visitantes.

Enlaces

Hay solamente cuatro enlaces en la página de aterrizaje, y son muy discretos. El primero aparece al final de la sección de la carta.

A los enlaces, a menudo se les refiere como “escapes” en relación al diseño de la página de aterrizaje. Mientras le da a las personas la oportunidad de explorar su sitio, que es el normal curso de acción, el objetivo principal de una página de aterrizaje es mantener al visitante en una sola página así como lo explica Oli Gardner.

“Las distracciones les quita a las personas la razón de que tiene que pagarles por estar ahí. Eliminar todos lo enlaces en la página, por lo tanto solamente está una acción, que incrementará el compromiso con la conversión de objetivos de la página, mejorando las conclusiones y reduciendo la tasa de rebote”.

Es por esta razón que raras veces verá la navegación de un sitio web, incluida en una página de aterrizaje.

Boletínes

La página de aterrizaje, también tiene un objetivo secundario de suscribir a los visitantes a una quinta parte gratuita de un curso por medio de un enlace en el pie del formulario. Para intensificar la opción, una ventana de diálogo superpuesta (que no siempre es aconsejable desde una perspectiva de diseño) aparece después de cierta cantidad de tiempo dada, proporcionando la opción para suscribirse al curso. Está página usa Drip para controlar su formulario de registro y los correos electrónicos del curso. Tanto MailChimp como Campaign Monitor ofrecen funciones similares.

Grado de respuesta

La página es flexible en diseño y funciona igual de bien en los dispositivos portátiles como teléfonos móviles o monitores de escritorio con una pantalla grande.

Nunca ponga “Submit”

Oli Gardner no es un fan del butón con la etiqueta “Submit”. En 26 Diseños Espléndidos de Páginas de Aterrizajes Criticados con las Pruebas A/B, él comenzó con lo siguiente:

“¿Recuerda esos antiguos botones grises de Windows que decían “Submit”? Todos lo recordamos. Y es a través del tiempo que hemos dejado de copiar malos hábitos y hemos empezado a crear relevantes Llamados-a-la-Acción (CTAs). CTAs deberían ser ilustrativo. Deberían informar a sus visitantes sobre qué pasará una vez que ellos hayan presionado ese botón. Y por amor a todas las cosas sobre las que se puede hacer clic, es que su botón de llamado a la acción nunca, jamás debería de decir, “Submit”.

Una mejoría potencial para la sección de formulario de esta página de aterrizaje sería cambiar el texto del botón que activa enviar por algo más apropiado, por ejemplo, “contáctame con los siguientes pasos”.

Para inspiración adicional, recomiendo leer la lista de UnBounce, 50 puntos de páginas de aterrizaje.

Delighted

Una página de las páginas de aterrizaje para las aplicaciones web puede (como mencione anteriormente) incluir muchas de las tácticas usadas en las páginas de aterrizaje De hecho, usted podría argumentar que son páginas de aterrizaje

Recientemente se lanzó “Encantado” que se describe así mismo como “la forma más rápida y fácil para reunir comentarios prácticos desde sus clientes”.

La página luce estupenda. Estos son algunos puntos destacados:

• A pesar de que hay “escapes”, son enlaces hacia páginas internas que, cuando hace clic sobre ellos, se desplaza por la página hacia una sección relevante.
• La navegación (que no se debe promover en una página de aterrizaje normal) está fija y tiene un “escape”, un enlace a una demostración en vivo de la aplicación.
• Otros enlaces en la copia de texto principal están presentes pero sirven para reforzar la aplicación por medio de un caso de estudio de una página completa así como por testimonios.
• Un mensaje claro en la parte superior de la página que explica muy fácilmente qué hace la aplicación.
• Pronunciado uso del color (púrpura, en particular) resalta secciones claves y el botón del llamado a la acción “registrese para una prueba gratis”.
• El púrpura es usado en señales direccionales, en este caso, la línea punteada que enlace a la guía paso a paso para la aplicación.
• El vídeo es usado muy efectivamente para destacar cómo la aplicación resuelve un problema auténtico y, además, los beneficios que ofrece a una compañía.
• Los vídeos para demostraciones, también son utilizados para mostrar la aplicación en la interfaz de escritorio como en la de los dispositivos portátiles.
• Los testimonios son utilizados tanto escritos como por la incorporación de logos de marcas bien reconocidas.
• El precio exacto mostrado con un botón de llamado a la acción de color púrpura brillante justo debajo, hace fácil empezar sin cualquier tipo de sorpresa oculta.

En conclusión

Las páginas de aterrizaje son tanto para entender la psicología humana como para diseñar excelentes páginas en la web. Las tácticas tales como reducir las opciones, guiar visualmente a los usuarios a través de una página y usar vídeos para afianzar el compromiso en cada oportunidad en la que se persuade a los visitantes a que tomen acción sobre nuestro objetivo deseado.

A pesar de que destacado dos páginas, creo funciono bien (y siéntase libre a no estar de acuerdo), hay infinidad de páginas de aterrizaje excelentes y unas no tanto que puede ver en línea.

Ojala que algunas de las ideas descritas aquí, la mayoría de ellas han sido entresacadas desde los conocimientos fantásticos compartidos en blogs por UnBounce y Hubspot, influenciará cómo planea y diseña su próxima página de aterrizaje.

Recursos Extras

Si usted es una persona que está empezando a Diseñar Páginas de Aterrizaje, en ese caso le recomendaría un número de tutoriales de introducción para empezar de prisa con lo básico:

• Principios de Diseño de Páginas de Aterrizaje: Asignación Inicial - Complemento con el curso de Adi Purdila en Tuts+.
• Una Guía para Principiantes para la Conversión Exitosa, escrito por Ian Yates.

Si está interesado en conseguir la ayuda con algún diseño de su Página de Aterrizaje, Envato Studio tiene una excelente colección de servicios de Diseño & Desarrolllo de Páginas de Aterrizajes, para que usted pueda explorarlos. Además, puede mirar los Temas de Páginas de Aterrizaje en el mercado de Envato.