Consejos
de creación de Landing Pages
Guía para startups
abancainnova.com Creación de Landing Pages para startups [email protected] 2
Dónde crear tu landing
page.
Al crear una Landing Page, se debe tra- tar de comunicar la propuesta de valor de la manera más rápida y sencilla.
No debemos olvidar que el objetivo de la Landing Page es captar la atención del usuario para que exprese su interés en nuestra idea, mediante una acción (Ya sea registrarse en un formulario, hacer click en un botón o hacer una compra.) Existen muchas alternativas para crear una Landing Page. Desde plataformas exclusivamente diseñadas para ello, has- ta plataformas genéricas que permiten crear todo tipo de página web. De las necesidades de cada proyecto depende- rá cuál es la plataforma más adecuada.
¿Dónde creo mi landing page?
Cubrimos las principales plataformas, así como las características y ventajas de cada uno en los siguientes capítulos.
Se debe tratar de
comunicar la propuesta
de valor de manera
sencilla.
Constructores vs. Wordpress.
Squarespace y Wix, se basan en un constructor “Drag & Drop”, visual y sencillo, permitiendo la edición en vivo de tu página.
Wix permite mayor libertad a la hora de hacer los diseños, además de contar con plantillas predefinidas. Es una opción recomendable si se cuenta con más co- nocimientos de diseño, ya que requiere dominar aspectos clave como espacia- dos, jerarquías de títulos, etc, si se quiere alcanzar un grado de personalización mayor.
Squarespace es un proveedor más “rí- gido”. Cuenta con una serie de diseños predefinidos y el grado de personaliza- ción posible es menor, pero cuentan con diseños, por lo general con una estética más cuidada de manera sencilla.
Por el contrario, Wordpress, ofrece po- sibilidades casi ilimitadas. Para crear un Wordpress es necesario contar con un hosting en el que instalarlo, además de un dominio.
abancainnova.com Creación de Landing Pages para startups [email protected] 4
Wordpress.
Por lo general se trata de una opción que requiere de mayores conocimientos y con una curva de aprendizaje mayor.
Sin embargo existen una serie de plug-ins y temas diseñados para facilitar el proceso, que lo pueden convertir en una alternativa muy viable. Las mejores opciones, si se de- canta por la creación de un Wordpress son:
Elementor:
Elementor se trata de un plugin basado en un sistema de constructor visual, que permite, con escaso conocimiento de diseño web crear dise- ños efectivos. Combina la personalización de Wordpress y la sencillez de un sistema Drag & Drop. Una de las alternativas más recomendables.
Slider Revolution:
El plugin “Slider Revolution” cuenta con un sistema de constructor ba- sado en “sliders” que permite la realización de diseños más complejos.
Su principal virtud son las plantillas que vienen prediseñadas, que pue- den dar un aspecto visual impactante de manera sencilla. Su sistema de constructor visual no es el más intuitivo, por contra.
Unbounce:
Utilizar “Unbounce” para crear Landing Pages. Es un servicio externo a Wordpress, pero se puede integrar de manera sencilla con el mismo mediante un plug-in. Viene con plantillas, un constructor visual y senci- llo y tiene una prueba gratis de 30 días.
Wordpress.
Ventajas y desventajas de las distintas plataformas.
Elegir la plataforma en la que vas a desarollar tu landing page dentro de Wor- dpress puede ser una decisión que condicione el éxito de la misma. Cada proyec- to tiene sus necesidades y no hay una solución universal, pero os dejamos unas pautas generales para ayudar a la hora de decidir.
Ventajas:
Gratis.
Fácil configuración.
Mucha personalización.
Base de conocimiento amplia.
Desventajas:
Curva de aprendizaje.
Requiere de conoci- mientos de diseño web.
Ventajas:
Resultados visualmente llamativos.
Plantillas muy cuidadas Animaciones
Contenido dinámico.
Aspecto profesional de manera muy sencilla.
Desventajas:
De pago.
Poco intuitivo.
Interfaz difícil.
Ventajas:
Orientado a convertir.
Ofrece métricas.
Plantillas predefinidas.
Posibilidad de Test A/B Plataforma exclusiva de creación de landing pages.
Desventajas:
Curva de aprendizaje.
Integración con WP.
De pago.
abancainnova.com Creación de Landing Pages para startups [email protected] 6
Constructores visuales
Squarespace
Esta empresa de Nueva York parte de la premisa de ofrecer diseños realmen- te bonitos de manera muy sencilla.
Buscan limitar la personalización a tra- vés de la implementación de plantillas muy cuidadas, ganadoras de premios internacionales de diseño web y un sistema constructivo visual muy eficaz.
Por un precio desde 14€ al mes, da una plataforma integrada con Analytics, con WooComerce y con la mayoría de proveedores necesarios para tu landing page.
Ventajas:
Diseños elegantes.
Fácil configuración.
Desventajas:
Constructor poco intuitivo.
Precio.
Wix
Basado en la premisa de ser un servicio completamente personali- zable y que ofrece la posibilidad de crear páginas webs en minutos, Wix ofrece una plataforma para crear páginas de manera sencilla.
Cuenta con plantillas, personaliza- bles mediante una interfaz de cons- tructor visual Drag & Drop.
Ofrece mucha libertad y preci- samente esa es su desventaja, se pueden conseguir resultados muy profesionales, o por el contrario no muy efectivos.
Ventajas:
Fácil de usar.
Rápido. Plantillas.
Desventajas:
Resultados no muy profesionales.
Plantillas limitadas.
En resumen.
No hay una respuesta única para todos los casos.
Cada startup tiene sus requisitos parti- culares, que le decantarán a elegir un servicio u otro. Incluso habrá startups que decidan dedicar su tiempo de desa- rrollo a crear una solución personalizada y a medida que les permita conseguir un resultado diferencial y adaptado a sus necesidades. Esta es sin duda la mejor opción para una startup ya asentada.
Pero si no se dispone del tiempo/cono- cimientos necesarios o solo se quiere algo para desarrollar un M.V.P. puede que no sea necesario dedicar el desa- rrollo completo de una web desde 0.
Utilizar Wordpress (o cualquier alterna- tiva) permite conseguir resultados sufi- cientemente profesionales en un tiempo mucho menor, con lo cual puede ser una alternativa válida. Con plugins como Elementos es posible crear prácticamen- te cualquier diseño.
Cada startup tiene que valorar su coste de oportunidad en cuanto a dedicación necesaria para tener un sitio web funcio- nal, y la solución más adecuada a cada caso.
Recursos útiles
para
inspirarse.
En esta sección encontrarás todos los recursos que te pueden
ayudar a encontrar el mejor diseño para tu página web
Inspiración
Landing Folio.
El primer paso a la hora de crear una landing page (o cualquier tipo de pro- yecto creativo) es encontrar la inspira- ción.
Con cientos de miles de páginas web, exiten ciertas tendencias a la hora de presentarlas. Las aplicaciones móviles son un claro ejemplo de ello, siguiendo la mayoría una línea de diseño común.
Por tanto, saber qué se está haciendo en la industria puede proporcionar una buena base para desarrollar tu landing page. Para eso no hay mejor herramien- ta que LandingFolio.
En Landing Folio, podrás encontrar una selección de más de 450 landing pages divididas en más de 54 categorías. Esta herramienta te permitirá sacar ideas, buscar diseños nuevos o incluso inspi- rarte gracias a las creaciones de otros usuarios.
Su filtro por categorías es lo que hace interesante a esta página web, ya que puedes buscar únicamente entre las que sean relevantes para tu proyecto.
abancainnova.com Creación de Landing Pages para startups [email protected] 10
Colores
Design Seeds.
La paleta de colores elegida es de vital importancia para una Landing Page que destaque.
Hace que tenga una coherencia, que no haya elementos discordantes y que la experiencia visual sea placentera.
Design Seeds.
En el blog de Design Seeds podrás en- contrar una gran variedad de paletas de colores obtenidas a partir de imágenes cuidadosamente seleccionadas.
Estas paletas cuentan con una gran va- riedad de tonos, desde los inspirados en la naturaleza a los que se pueden en- contrar de manera artificial.
Un punto de partida ideal para la gente que no sabe por dónde empezar a elegir su paleta.
La paleta de colores elegida
es de vital importancia para
una Landing Page que desta-
que.
Colores
Adobe Color.
Siguiendo con los colores, Adobe Color es uno de los imprescindibles de todo diseñador.
Esta herramienta gratuita de ADOBE (al menos en su funcionalidad más bási- ca), permite crear paletas de colores de manera muy sencilla, ya sea definiendo un color inicial del que partir o bien su- biendo una imagen que se tome como referencia.
Además, permite crear paletas siguiendo las distintas teorías de color y mezclas posibles, ofreciendo la posibilidad de crear distintos tipos de combinaciones (análogos, monocromáticos…)
Por si fuera poco, en la sección de Ex- plorar puedes encontrar paletas creadas por otros usuarios que puedes probar y modificar hasta encontrar las referencias necesarias.
abancainnova.com Creación de Landing Pages para startups [email protected] 12
Imágenes
Unsplash.
Las imágenes que utilices de fondo, o como recursos dentro de la página web, han de ser de la mayor calidad posible.
Puede que dispongas de recursos sufi- cientes como para hacerlo por tu cuen- ta, pero hay una manera más sencilla de encontrar imágenes para que tu página web parezca espectacular y con alta calidad: los bancos de imágenes.
Unsplash.
Unsplash es uno de los bancos de imá- genes que cuentan con un repertorio más seleccionado.
Imágenes cuidadosamente escogidas que harán que tu página web cuente con contenido de alta calidad.
Posibilidades infinitas para conseguir que tu página web tenga un aspecto real- mente llamativo.
Consejos útiles.
Los únicos tres consejos que necesitas:
1. Propuesta de Valor.
2. Simplifica.
3. Transmite confianza.
abancainnova.com Creación de Landing Pages para startups [email protected] 14
Propuesta de valor.
Una Landing Page tiene un único obje- tivo: Transmitir la propuesta de valor al usuario (y captarlo).
Cuando creamos una Landing Page, es muy fácil dejar llevar por el diseño, los adornos y el resultado estético de la página. Centrarnos más en la forma que en el contenido.
Pero lo que debe conseguir una Landing Page, es que de un vistazo, se compren- da la propuesta de valor de tu startup.
Debe quedar extremadamente claro
¿qué hace tu startup? ¿cuál es el pro- ducto/servicio que me interesa?
El consumidor, posteriormente decidirá si es bueno ese producto para él o si le encaja con sus necesidades. No debe- mos esforzarnos en vender nuestros servicios con frases marketinianas.
Debemos esforzarnos en que se com- prenda a la perfección qué ofrece nues- tra Startup.
Lo que debe conseguir una Landing Page, es que de un vistazo, se comprenda la propuesta de valor de tu startup.
Piensa en el usuario.
Cuando diseñemos una Landing Page, debemos ponernos en la piel del usuario que visita nuestra página, para lo cual es necesario definirlo:
¿Quién es tu usuario?
¿Qué busca en tu empresa?
¿Qué mensaje deseas transmitir?
¿Quién es tu Target Persona?
Una vez esté definido correctamente tu usuario, podrás personalizar los men- sajes para que ese usuario ideal (“Target Persona”) se sienta atraído por tu pro- puesta.
No pierdas su tiempo.
Es muy importante que pienses que el tiempo que pasa un usuario pro- medio en una web es muy reducido (¡Menos de 10 segundos!) Así que intenta transmitir tu propuesta de la manera más sencilla posible.
Mensajes claros, sencillos y directos convierten más que frases en las que intentes vender las cualidades de tu producto.
abancainnova.com Creación de Landing Pages para startups [email protected] 16
Simplifica.
Busca la manera de transmitir el men- saje de la manera más simple y concisa posible. El usuario que llega a tu página busca saber qué es lo que ofreces.
Elimina lo innecesario.
No necesita tener tanta información que simplemente le sobrepase, demasiado texto consigue que la gente no lo lea.
Haz que tus títulos destaquen.
Busca títulos sencillos, directos y cuida- dos en las palabras, y elabora unos tex- tos complementarios lo más reducidos posible, de lo contrario, los usuarios no leerán los textos de tu web.
No vendas humo.
No busques tener una página en la que no se dejen de citar las ventajas de tu producto.
Céntrate en las características esenciales de tu producto. Cuáles son las características que ofrece, y deja que el producto se venda a sí mismo.
Si tu producto no es capaz de tener una oferta de valor lo sufi- cientemente llamativa, quizá sea mejor idea revisarla para conse- guir mejorarla.
La llamada a la acción.
Las llamadas a la acción son quizá la parte más importante de toda la lan- ding page. Es el paso que consigue captar a tu potencial cliente.
Para que una llamada a la acción sea efectiva, lo primero que se tiene que tener claro es cuál es la finalidad de la misma. ¿Buscas dirigirlo a otra página?
¿Buscas que compren?¿Que reserven?
Necesitarás un estilo de llamada a la acción (O CTA por sus siglas en inglés) distinto para cada una de ellas.
Una clara llamada a la acción
Las CTA deben ser llamativas, en un color que destaque sobre el resto de elementos y que sea una de las cosas que hagan que tu vista se diri- ja automáticamente a ellos.
Debe ser grande, lo suficiente como para que se pueda identifi- car a distancia y con un texto claro, conciso y sencillo que explique cuál es la acción que se va a realizar al pulsar el botón.
Por último, se puede utilizar la CTA como parte del branding de la pá- gina, empleando el mismo color de la marca.
abancainnova.com Creación de Landing Pages para startups [email protected] 18
Transmite Confianza.
La confianza es uno de los pilares clave de cualquier tipo de transacción. Las páginas web no son diferentes.
El objetivo es conseguir que el usuario tenga confianza en que tu producto/ser- vicio es confiable.
La facilidad para crear páginas web y especialmente Landing Pages, hace que cada vez haya más páginas y cualquiera pueda realizar una landing que parezca creíble y real, pero que en realidad es- conda otras intenciones tras su diseño.
Es por ello, que, en la medida de lo posible es importante añadir pruebas de validación social de tu producto. .
Testimonios, opiniones, entrevistas...
todo puede ayudar.
Esto es así ya que si ya se pasa poco tiempo en una landing page de prome- dio, menor será el tiempo si el usuario desconfía que sus datos serán emplea- dos para algún fin distinto al ofrecido.
El objetivo es conseguir que el usuario tenga con- fianza en que tu producto/
servicio es confiable.
Testimonios.
Los testimonios son uno de los elemen- tos que más confianza pueden aportar a tu Landing Page.
Contar con las opiniones, las expe- riencias de la gente que ha utilizado el producto o servicio o que han ayuda- do al desarrollo del mismo puede ser de ayuda vital a la hora de transmitir la confianza.
La clave son los usuarios.
Si ya cuentas con clientes previos, píde- les que te den una cita que puedas em- plear en tu página web, a través de una valoración sincera del mismo, a poder ser incluyendo una foto que identifique a la persona.
De esta manera, un nuevo usuario sabrá que hay más gente que ya ha utilizado el producto.
abancainnova.com Creación de Landing Pages para startups [email protected] 20
Reconocimiento.
Nada elimina más los potenciales mie- dos de un cliente que el reconocimiento en medios tradicionales.
Si tu startup ha salido en algún medio, ya sea electrónico, físico o local, es bueno que lo transmitas en la web.t
De la misma manera, cuando haya algu- na gran empresa que utilice tus servicios, es muy importante que se ponga el logo de la empresa, ya que si esa empresa lo utiliza, es por algo.
zado el producto.
Equipo.
El equipo es uno de los apartados más importantes de una Landing Page.
Debes contarle al usuario quién es el equipo fundador de tu startup, as´´i como incluír cual es su experiencia pre- via.
Un equipo sólido detrás de un proyec- to puede ayudar a vender más que una primera idea de producto.
Es importante, también que estén vin- culados sus perfiles en redes sociales, debido a que de esta manera, podrá asegurarse de que son personas reales y contactar en caso necesario.
zado el producto.
abancainnova.com Creación de Landing Pages para startups [email protected] 22
Testea.
Las Landing Page, viven de probar cosas distintas.
Pequeños cambios en el diseño de la página, como el color de la llamada a la acción o el título pueden hacer que las conversiones aumenten de manera sustancial.
Es por eso que existe una herramienta llamada Test A/B que permite que se prueben distintas versiones de una pági- na a la vez con usuarios reales, para de esta manera comprobar cuál tiene mejor conversión.
Si un cambio hace que la con- versión mejore (o la métrica que quieras medir), será positivo para tu negocio, aunque no cum- pla con las reglas anteriormente mencionadas o no sea estric- tamente lo que tenías planeado desde un principio.
Adaptarse a lo que mejor fun- ciona es la clave de una buena Landing Page.
Iterar una y otra vez hasta llegar a las métricas
deseadas es parte esencial de las Landing Page.
Itera.
Una buena landing page debe ser el resultado de escuchar a tu cliente.
Tu cliente, es lo más importante para ti, como startup. Es indiferente el diseño de la web, lo bonita que sea o lo mucho que te guste. Lo que dic- tará el éxito de una Landing Page es el número de conversiones/registros/
ventas que consiga.
Por lo tanto, se debe ir iterando la página web, según el feedback de los clientes, los datos arrojados por la analítica y las versiones de la página que mayor porcentaje de conversión tenga.
Lo importante es ejecutar.
Salir al mercado, con una propuesta sólida hecha en un tiempo reducido y sometido a constante mejora. Una Landing Page te permitirá medir la tracción de tu producto con clien- tes reales de una manera sencilla, si sigues nuestros consejos.
Lo importante, es escuchar, analizar e iterar.
abancainnova.com Creación de Landing Pages para startups [email protected] 24
