Cómo y por qué crear una Landing Page de alta conversión para vender más

Hola de nuevo lectores de B30, es un placer estar otra vez por aquí y espero que lo que os voy a contar hoy, tenga al menos tan buena acogida como la última vez.

 

Aquí, en internet, estamos todos para ganar dinero, eso es así, además ganarlo rápido y en cantidad si es posible.

Aunque sé que la mayoría de los que leéis este blog os dedicáis al SEO y buena parte de ellos a los nichos, hay que admitir que la manera más rápida de ganar dinero es ofreciendo servicios, por lo que toca vender.

O convertir, como tanto nos gusta decirlo también, ya que convertir engloba muchas acciones, como tener más visitas, conseguir que se suscriban a nuestro email, enviarlos a Amazon, etc.

Pero eso sigue siendo vender, que además, desde hace unos años me parece una habilidad muy importante para los negocios y la vida en sí. Soy de los que piensan que, si sabes vender, siempre tendrás trabajo propio o como empleado.

Pues hoy vengo a contaros cómo vender más. Además, con una propuesta contraria a lo que se ha promulgado insaciablemente los últimos años.

Te cuento.

Qué es lo que más ayuda a vender online

Hay varios elementos que se han elevado en los últimos años como las únicas y más importantes herramientas de ventas en internet: Facebook Ads, Google Ads, copywriter, embudos de ventas…

Y a costa de elevar esas habilidades, el diseño web y el diseño gráfico se han ninguneado descarada y brutalmente en el marketing online, con la excusa de que “una web bonita no vende” afianzando la creencia con mensajes como “la gente cree que necesita una web bien hecha y bonita, pero no es cierto”“la web es lo de menos, lo importante es el contenido”“una web bonita no sirve de nada”

En fin…

Mi opinión respecto al marketing es:

Todo sirve para vender más si se hace bien.

Incluso el diseño puede ser un aliado a la hora de conseguir conversiones si sabes cómo utilizarlo.

Landing Minimalista no significa Landing Cutre

A veces se tiene miedo a hacer un copy demasiado largo porque se cree que la gente cada vez lee menos, que van con más prisas y no se paran a leer.

Pues bien, la gente lee, pero si tiene una buena estructura. El diseño está ligado a la buena comunicación del texto.

He visto webs y Landing Pages poco cuidadas con la excusa de ser “webs minimalistas” rematadas con un copy tipo biblia que no apetecía terminar de leer.

Y si no terminan de leer, no te compran.

Más allá del diseño web

La tendencia actual hace que las webs sean más usables, están mejor diseñadas y la apariencia es limpia y llamativa. Además, se ayuda de gráficos e imágenes para transmitir mejor el mensaje, pero esa tendencia, aunque sigue de actualidad no es nueva, lo que se acaba convirtiendo en algo estándar, previsible y poco innovadora.

Los gráficos llamados “Memphis” cada vez se utilizan más y han supuesto un soplo de aire fresco en el diseño, tiene cierto aire retro.

A mí me recuerda a la intro de “Salvados por la campana” (si sabes de lo que hablo, ya tienes algunas canas, eh? 😂) y quedan muy bien, yo los utilizo mucho; pero ocurre lo mismo, el mercado se acabará saturando de este recurso, porque es de muy fácil acceso.

Por último, las ilustraciones también han cogido mucha fuerza en la planificación del diseño de webs y páginas de venta, pero cuando echas un vistazo al mercado ves que se están utilizando las ilustraciones que puedes encontrar en cualquier banco de imágenes y que cada vez son más aburridas.

Lo que propongo a mis clientes va más allá de imágenes prefabricadas que encontrarás en las webs de tu competencia

Y recuerda que si el texto dice que eres diferente pero la imagen grita que eres otro más, no hay nada que hacer.

Mi propuesta para la innovación de Landing Pages

Este post bien se podría haber llamado “cómo vender gracias a un pulpo y un mono loco”.

Presta atención.

Landing Page de Omar de la Fuente

Cuando Omar de la Fuente quiso añadir avatares a su membresía, Titanes Warpress, estuvimos dándole vueltas a cómo trabajar la idea.

Después de varias propuestas nos enfocamos en que los personajes podrían ser animales antropomórficos, pero no a lo Disney, tiernos y cariñosos, sino algo menos edulcorado…

Eran titanes emprendedores, así que tenían que ser más cañeros.

Al lanzar la membresía decidió añadir un par de personajes a la Landing y os aseguro que el resultado sorprendió al mismo Omar.



Aquí tienes al pulpo y el mono loco. A sus suscriptores y alumnos les llamó muchísimo la atención y se lo hicieron saber.

Omar me escribió contando como le preguntaban por las ilustraciones y la Landing Page en general. Tuvo muy buen alcance y una buena conversión, porque tener una Landing tan cuidada hizo que los visitantes la leyesen entera.

Ahora sí, el copy hizo el resto.

Landing Page de DinoRank

La página de aterrizaje de esta herramienta SEO es otro ejemplo de Landing, que esta vez sí está totalmente diseñada por mí.

Respecto a las ilustraciones, el diseño de la idea original no es mío, pues ya contaban con este dinosaurio mecánico como mascota de la herramienta, que todos conocéis, pero sí tuve que rehacerlo en vectorial, por partes, para poder modificar las poses del mismo.

Aunque en principio tardé algo más en hacerla vectorial, acababa ganando tiempo al utilizarla para las otras secciones, pues tan solo tenía que modificar las poses y cambiar algún detalle y añadirle, por ejemplo, el cohete.

Como puedes ver, utilizo tramas, formas geométricas y degradados…

No me centraré en analizarla, pues más adelante verás el proceso de una Landing Page.

Landing Page de Retonicho

Con motivo del lanzamiento de un curso/reto totalmente gratuito que está preparado Dean para que aprendas a montar un nicho rentable, surgió la necesidad de hacer una One Page del mismo.

Este fue el croquis que me pasó Dean:

Con esta información pasé a crear en Photoshop un esquema de cómo quedaría la Landing Page, eligiendo los colores, tipografías y adornos de fondo que podría tener la página.

El copy aún no estaba preparado, por lo que utilicé texto de relleno, pero esto nunca funciona así, o no debería. Antes de crear cualquier diseño, es necesario tener los textos y materiales que el cliente quiera que aparezca en su web, ya que tienes que adaptar el diseño a los textos y no al contrario. Por lo que si contratáis una web o una Landing, que sepáis que probablemente no empiecen a hacer los diseños hasta tener todo lo que se necesita.

Bocetos de personajes para la One Page

Ya teniendo claros los colores que se utilizarán y aprobada la estética que tendrá la web, paso a crear los bocetos de los personajes. En principio serían dos, el chico y la chica, pero después se suma uno más en el que aparece Dean junto a los piratillas.

Niño pirata

En principio tendría un aspecto más contemporáneo, pero como puedes ver en la evolución, fue surgiendo la idea de que fuese un pirata.

También se agrandó la lupa con una intención cómica y exagerada, haciendo referencia a la búsqueda de nichos rentables.

Niña pirata

En esta ocasión ocurre igual, la chica iba a tener un aspecto “alternativo”, con botas grandes, sudadera larga, medias de redecilla, rastas… además de unas cadenas que simbolizarían el enlazado.

Aunque en la base es la que menos ha cambiado, modifiqué la ropa para que tuviese una estética más pirata

El grupo

Por último, añadimos un diseño más en el que saldría Dean con los chicos, pero en esta ocasión la evolución fue al revés, es decir, primero lo dibujé como un capitán pirata, pero para que los chicos destacasen más, vestí al profe con ropa de calle.

Elegir los colores de la Landing Page y personajes a juego

Ya comenté que en el primer paso ya se habían elegido los colores de la web. Con esos mismos colores de referencia, pasé a colorear las ilustraciones.

En este paso, lo que hago es dar colores planos a toda la ilustración para crear una buena combinación de los mismos y cuando creo que funcionan, le paso las ilustraciones al cliente y si los aprueba, aplico las sombras y luces para crear el volumen y ponerlo bonito.

Si los piratas hubiesen estado en otro contexto, seguramente no habría usado estos colores tan llamativos y alegres, pero el motivo por el que los utilicé fue:

  1. Para que encajasen con la estética de la Landing y tuviese una composición armoniosa, como ya he dicho
  2. Porque quería que fuesen diseños alegres y desenfadados, no buscaba crear piratas de terror ni realistas ni oscuros. De esta manera elimino la connotación negativa que conlleva el término “pirata” en internet.

Montaje y revisión de la Landing Page

Una vez montadas las ilustraciones en la web y encuadrado el texto original, se pasó a hacer pequeños cambios que mejoraran la experiencia de usuario, tamaño de las tipografías, llamadas a la acción o recalibrar los colores para conseguir un buen contraste.

Aunque tengas un prediseño en Photoshop, al maquetarlo suele variar un poco, para poder cumplir con esa buena experiencia de usuario de la que hablo.

Esta página está hecha con el tema Divi. Antes de que me preguntéis por qué este y no otro, diré que Gutemberg, aunque me gusta y estoy dándole una oportunidad en ciertas webs, se me queda pequeño y no consigo hacer todo lo que quiero.

Por otro lado, existe la eterna guerra de Divi VS Elementor. Me siento más cómodo con Divi y a estas alturas lo manejo a las mil maravillas, no hay más.

Conclusiones de una buena página de ventas

Todas las áreas del Marketing son piezas importantes para conseguir los resultados más óptimos posibles y, en cuanto a página de ventas se refiere, una buena retención del usuario puede ayudar a que no pase por alto nuestro servicio o producto, dando como resultado una mejor conversión.

Para ello el diseño integro de la Landing es un factor a tener en cuenta.

Por último, déjame decirte que, si no tienes tiempo de crear tu propia Landing Page, te pases por maximaconversion.com y hablamos 😉

¿Qué te parece como ha quedado la Landing Page? ¿Tienes en cuenta el diseño en tu estrategia de marketing? Te leo en los comentarios.

EDU CORRAL

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *