No importa qué tipo de blog ejecute, creo que todos los propietarios de sitios web y blogs pueden estar de acuerdo en que todos quieren lo mismo: conversión .
Ahora, puede hacer todo el SEO en el sitio o fuera del sitio que le gustaría hacer, y no me malinterprete, es una parte importante de cualquier estrategia de marketing, pero si el diseño de su sitio no es configurado correctamente para la conversión, todo ese esfuerzo se desperdiciará esencialmente.
Diseñar para la conversión puede ser… complicado, por decir lo menos. Debe poder equilibrar la experiencia del usuario y el diseño general con contenido que tenga llamadas a la acción claras. Si eso fuera fácil, nadie estaría luchando con esta «crisis de conversión», como me gusta llamarla.
Como diseñador web que se enfoca en el diseño centrado en la conversión (CCD), me emocioné después de tener en mis manos Divi y ver el poder que se podía aprovechar con el tema.
Se necesita mucho para diseñar un sitio que lleve suavemente a las personas hacia la acción que usted quiere que tomen. Sin embargo, la primera mitad de esa lucha está en el diseño, especialmente en la(s) página(s) de destino.
Divi hace que la creación de un sitio web basado en conversiones sea más fácil que nunca. Todo lo que necesita hacer es aprender algunos de los trucos necesarios para diseñar con ese objetivo en mente.
Estoy seguro de que ha escuchado la frase «Un sitio sirve para todos».
Bueno, desafortunadamente, esa idea realmente no funciona con el Diseño centrado en la conversión. Cada sitio tiene un objetivo diferente, y solo el tiempo y las pruebas pueden decir qué diseño funcionará mejor para cada sitio web.
Sin embargo, existen algunas claves fundamentales para diseñar para la conversión que al menos pueden brindarle un punto de partida:
- Un esquema de color contrastante pero agradable (generalmente 2-4 colores son suficientes)
- Una pregunta o pensamiento principal
- Llamadas a la acción que destacan
Al diseñar su página de inicio (especialmente la sección superior) , estos 3 pasos son cruciales. Afortunadamente, Divi hace que los tres sean bastante simples.
Uso de Divi para crear una página de inicio basada en conversiones
Aunque no es tan eficaz como una página de destino, su página de inicio aún debe optimizarse para la conversión.
La sección superior de su página de inicio es lo primero que verán sus visitantes, y esa será el área en la que me enfocaré en esta parte de la publicación.
El diseño de tu página de inicio es importante. Si puede captar la atención de los espectadores con su mensaje, entonces está un paso más cerca de convertir la vista de su página en su objetivo final.
Lo que más me sorprendió de Divi es cómo los diseños prediseñados parecían tener esto en mente. Tome el diseño de diseño de la página de inicio de la empresa , por ejemplo.
El aspecto y el diseño predeterminados se parecen un poco a esto.
Este diseño parece un poco soso, pero ese es el punto. Es solo un diseño que puede modificar para que se vea como lo desee. Solo como demostración, decidí editar rápidamente los módulos y cambiar la apariencia teniendo en cuenta las 3 claves fundamentales de diseño que mencioné anteriormente.
En el diseño de la página de inicio de la empresa que usaré, esta sección superior usa el módulo Control deslizante de ancho completo . No cambiaré el módulo, sin embargo, agregaré algunos ajustes de diseño para que esta sección realmente destaque.
Después de seleccionar el Módulo de sección , cargué un nuevo fondo que es específico para esa área de mi página de inicio.
A continuación, edité el Control deslizante de ancho completo .
En lugar de tener varias diapositivas que podrían distraerme de mis objetivos de conversión, solo usé un control deslizante. Dentro de la configuración del control deslizante para el que quiero mostrar, edité la información y el aspecto de esa diapositiva en particular.
Las opciones que tengo allí son fáciles de navegar pero tienen una salida bastante potente.
Las áreas en el backend que cambié y edité fueron el encabezado, el texto del botón, el enlace, así como la imagen del control deslizante.
Aquí está el resultado final.
Bastante diferente, ¿verdad? (¡Viva el poder de Divi!)
Todavía consideraría este diseño como un borrador, pero abarca todo con lo que me gustaría comenzar. Colores audaces pero agradables, una pregunta capciosa y un llamado a la acción para solucionar su problema que se destaca en el color más llamativo de la paleta de colores que he seleccionado.
Aquí hay otro ejemplo de alguien que usó Divi para crear una página de inicio basada en conversiones.
El diseño que usa ConversionLab para la sección superior de su página de inicio es el mismo que he usado, solo que lo han diseñado un poco diferente. Sin embargo, su diseño se ciñe a esas 3 claves fundamentales de diseño que mencioné antes.
Tienen un esquema de color cohesivo (blanco, azul, naranja y gris hacia la parte inferior de su sitio) , un pensamiento líder («Obtenga altas tasas de conversión en las páginas de destino») y un llamado a la acción («Obtenga ayuda con las páginas de destino ”) que se resalta en el color más brillante.
Estos muchachos definitivamente sabían lo que estaban haciendo cuando construyeron la página. (¡Dos pulgares arriba!)
Ahora, no empiece a pensar que el diseño del centro de conversión es solo para sitios web que promocionan productos basados en la conversión; cualquiera puede usar estos consejos en su sitio web.
Para mostrarle lo que quiero decir, cambiaré el diseño de la sección superior de mi página de inicio para que refleje algo que a una empresa de mantenimiento le gustaría usar para dirigir clientes potenciales a su formulario de contacto.
Como pueden ver, cambié todo en el diseño de la página.
Elegí un fondo blanco y negro, planteé una pregunta que indujo un poco de miedo y luego resalté mi llamado a la acción en un color que llama la atención automáticamente. También cambié la imagen de la diapositiva anterior a un video que comenzará a reproducirse automáticamente cuando alguien ingrese al sitio.
Este diseño es el mismo que he estado usando desde el principio; es sólo el aspecto de las cosas lo que ha cambiado.
Mientras mira esta imagen, supongo que sus ojos están siendo atraídos hacia ese botón azul brillante y la palabra GRATIS dentro de él.
Si alguien viniera a este sitio en busca de este servicio, esto es lo primero que notaría también. Ahora, ¿en qué crees que harían clic? Lo más probable es que sea el botón.
¿Y adónde llevaría ese botón? Mi suposición sería que se conectaría a un tipo de página de inicio de generación de prospectos que cautiva aún más al visitante para que complete un formulario de contacto para el servicio. Esto se traduce en un cliente potencial que puede convertirse en una venta para ese sitio y propietario del negocio.
Ese es el poder de optimizar su sitio para la conversión, y es el tipo de conversión que puede aprovechar. Sin embargo, el poder real en cualquier sitio optimizado para conversión está en la página de destino. Sin embargo, antes de diseñar una página de destino, es importante saber qué es.
¿Qué es una página de destino?
En caso de que sea nuevo en la idea de una página de destino, permítame darle un resumen básico de lo que es y para qué se utiliza. Una página de destino es una página separada en su sitio diseñada con la conversión como objetivo.
Es una página muy enfocada y condensada que se puede diseñar de 2 maneras:
- Como una página de generación de prospectos, o
- Una página de destino
Como sugiere el nombre, una página de inicio de generación de clientes potenciales está diseñada para capturar clientes potenciales a cambio de algo más. Por ejemplo, una persona puede completar el formulario de contacto en una página de destino de captura de clientes potenciales a cambio de algún tipo de servicio o producto (es decir, un libro electrónico gratuito o un servicio profesional como diseño gráfico). El propietario del sitio obtiene una ventaja y entregará el producto o servicio prometido a la persona que llenó el formulario. Es una situación de ganar-ganar.
Una página Click-Through es ligeramente diferente, pero el objetivo final es similar: generar una acción específica o, en este caso, generar un clic en otra página específica para ayudarlo en su embudo de ventas . Estos se utilizan para ayudar a controlar y empujar aún más su tráfico a una página muy específica en su sitio.
Ambos tipos de páginas de destino son componentes poderosos para impulsar la conversión en un sitio, pero diseñar una página de destino es diferente de diseñar una página de inicio.
Antes de simplemente crear uno y cruzar los dedos con la esperanza de que funcione, asegúrese de seguir estos siguientes consejos de diseño.
Claves para diseñar para la conversión en tu página de destino
Imagen de Bloom Design | shutterstock.com
Las páginas de destino tienden a adoptar el enfoque Less Is More , y funciona de maravilla. Al diseñar una página de generación de prospectos o una página de destino, hay algunos elementos en los que debe asegurarse de centrarse.
Las 3 claves de diseño que mencioné antes son importantes:
- Gran combinación de colores (generalmente, 2-4 colores son suficientes)
- Una pregunta o pensamiento principal (lo mejor para una página de destino)
- Llamadas a la acción en un color brillante
A continuación hay algunos más que vale la pena considerar en su diseño:
- Título y subtítulo en negrita relacionados con su producto o servicio
- Imágenes o videos ya que se convierten mejor que solo palabras en la página
- Un formulario de contacto (mejor para las páginas de generación de prospectos)
- Señales direccionales para promover una acción específica
Se necesita mucho para diseñar una página de destino que realmente convierta. Si desea tomarse el tiempo para ensuciarse las manos y aprender los aspectos psicológicos que intervienen en el diseño de páginas de destino, o incluso si solo necesita algo de inspiración, asegúrese de echar un vistazo a los recursos a continuación.
- Infografía de la anatomía de una página de destino perfecta
- Libro electrónico gratuito en Hubspot: Diseño centrado en la conversión (tenga en cuenta que este enlace es otro gran ejemplo de una página de inicio de generación de leads *guiño*)
- Ejemplo de página de destino para su inspiración
Ahora vamos a la parte divertida.
Uso de Divi para crear una página de destino basada en conversiones
A pesar de que Divi viene con algunos diseños de página de inicio y de inicio excelentes, decidí diseñar mi página de inicio desde cero teniendo en cuenta todos los elementos que mencioné anteriormente.
Voy a crear una página de destino que genere prospectos que juegue con la idea de la página de inicio que diseñé anteriormente (un tipo de empresa de mantenimiento de propiedades) para darle una idea de cómo un diseño de clic desde su página de inicio puede vincular a un pagina como esta.
Primero comencé con una sección de ancho completo y agregué un solo módulo de texto . Usando esto, agregué un título en negrita en la parte superior de la página y configuré el color del fondo en azul oscuro.
Luego, decidí usar una de las columnas de la Sección de Especialidad que ahora están disponibles con Divi y agregué las Columnas y Módulos necesarios en esas secciones. Agregué un par de módulos de texto (uno para contenido escrito y otro para incrustar un video iFrame), un divisor y algunos módulos de Blurb junto con algo de CSS para obtener el aspecto que quería.
Ahora para la mitad inferior de mi página de destino.
Usé otra sección de ancho completo con un módulo de texto y me aseguré de configurarlo con un fondo brillante ya que planeo usar esto para mi llamado a la acción.
Por último, creé otra sección de ancho completo con un formulario de contacto y una señal direccional en forma de flecha para poder capturar clientes potenciales.
¿Listo para ver el resultado final?
Tah-dah!
Como puede ver, incorporé todos los elementos que mencioné anteriormente (títulos en negrita, combinación de colores agradable, llamado a la acción de colores brillantes, ECT) y el resultado final es bastante bueno. Fuera de los módulos que utilicé para el diseño, hice un par de ajustes de CSS, pero aparte de eso, todo esto era Divi.
Ahora la pregunta es, ¿este diseño será el mejor para capturar clientes potenciales? Si desea saber la respuesta, asegúrese de leer la última sección de esta publicación.
Reflexiones finales sobre el diseño para la conversión
Como mencioné anteriormente, el diseño para la conversión es difícil de concretar. Divi hace que la creación de páginas y sitios web sea bastante fácil, sin embargo, depende de usted poder utilizar realmente su poder para la conversión. Cuando se trata de CCD, hay cosas que funcionan y cosas que no. Pero, ¿cómo sabes si tu diseño está funcionando o no? ¿Hay una manera fácil de averiguarlo?
Afortunadamente, no tienes que tropezar a ciegas en este esfuerzo. Utilice estos 3 pasos para descubrir qué está funcionando en su sitio y qué necesita cambiar:
- Google Analytics . Esta herramienta te ayudará a analizar la tasa de rebote de tu página; una tasa de rebote alta indica una bandera roja y es hora de cambiar las cosas.
- Usa un mapa de calor. Un mapa de calor le permite rastrear los clics del mouse de sus espectadores y lo ayudará a tener una idea de lo que está captando su atención. Puede usar esto para ayudarlo a comprender dónde falta su diseño, y luego puede optimizar su página de destino o página de inicio aún más usando esos datos para modificar su sitio. Un popular software de mapas de calor que a muchos les encanta es CrazyEgg .
- Prueba A/B. La idea detrás de las pruebas A/B de sus páginas de destino es bastante simple: cree más de una página de destino con ligeras diferencias en el diseño y estudie las tasas de conversión entre las dos. La mayoría de las veces es la cosa más pequeña la que puede marcar la mayor diferencia en su tasa de conversión, pero nunca lo sabría sin probar las cosas y estudiar los datos.
Sin probar, estudiar datos y luego ajustar las cosas en consecuencia, sus posibilidades de una mejor conversión son escasas. Ya sea que use Divi o no, asegúrese de que realmente está aprovechando al máximo su diseño siguiendo estos pasos y ampliando su conocimiento sobre el diseño centrado en la conversión.
Puede tomar un poco de tiempo hacerlo bien, pero vale la pena el esfuerzo.
Imagen en miniatura de Bloom Design a través de Shutterstock.com