Cmo crear una landing page en 12 pasos

about:reader?url=https://platzi.com/blog/estructu...

Cmo crear una landing page en 12

pasos
Carlos Jimnez unavacaverde

Un landing page es la punta de lanza de toda campaa de

marketing online. Su nico objetivo es generar conversin. Es
decir, convertir visitantes en clientes. En este artculo
explicar el proceso creativo de su construccin. Para lograrlo,
quisiera plantear una analoga que puede hacer la diferencia
entre tener cualquier landing page y uno efectivo para nuestro
producto o servicio.
Vladimir Propp, un folclorista ruso a finales del siglo XIX escribi
La Morfologa del Cuento. Se trata de una investigacin de
cuentos e historias tradicionales rusas en donde destac
elementos comunes a todas ellas. Aos despus Joseph
Campbell sintetiz estos aspectos en el libro El Hroe de las mil
Caras. Sobre la estructura que propone Campbell se
construyen la mayora de pelculas que narran el viaje del
hroe. Pelculas tan comerciales y exitosas como Matrix, El
Seor de los Anillos, Star Wars, Avatar, etc.
1 de 8

20/07/15 14:14

Cmo crear una landing page en 12 pasos

about:reader?url=https://platzi.com/blog/estructu...

Una vez que conocemos estas estructura,s es imposible dejar de

ver estos patrones en el cine. Y aunque en un primer momento
la sensacin es de descubrir una frmula predecible, terminas
entendiendo que esta receta funciona como una plataforma
sobre la que es mucho ms sencillo construir un producto
exitoso y en dnde la creatividad tiene mucho campo de
exploracin.
Esta misma estructura de momentos importantes y con gran
exploracin en el medio se puede aplicar en la construccin de
un landing page. Cmo se plantea esta analoga?

1. Mundo ordinario
El mundo normal del hroe antes de que la historia empiece.
Este es un mundo ordinario, un mundo triste y lamentable. Sin
objetivo claro, sin hroe y lo peor, sin historia. Abajo podrs
ver un ejemplo de un landing page que cumple con estas
caractersticas. Te invita a hacer clic?

2. La llamada de la aventura
Al hroe se le presenta un problema, desafo o aventura
Ahora necesitamos una meta, definir cul es el verdadero
2 de 8

20/07/15 14:14

Cmo crear una landing page en 12 pasos

about:reader?url=https://platzi.com/blog/estructu...

objetivo. La razn principal de nuestro sitio, queremos vender

galletas, cursos online, reparar licuadoras o alquilar muecas
inflables?

3. Reticencia del hroe o rechazo de la llamada

El hroe rechaza el desafo o aventura, principalmente por
miedo al cambio
No es fcil elegir al hroe. El primer error es ofrecer
demasiadas opciones, subproductos, complementos o
servicios adicionales. Pero hay que enfocarse y determinar el
objetivo fundamental del landing.

4. Encuentro con la ayuda sobrenatural

El hroe encuentra un mentor que lo hace aceptar la llamada, lo
entrena o le ofrece su principal arma
El arma principal de este landing es el call to action. El botn
atractivo, concreto, persistente y consistente grficamente que
hace la conversin. Comprar, registrarme, acceder. Abajo
puedes ver algunos ejemplos.

3 de 8

20/07/15 14:14

Cmo crear una landing page en 12 pasos

about:reader?url=https://platzi.com/blog/estructu...

5. Cruce del primer umbral

El hroe abandona el mundo ordinario para entrar en el mundo
especial o mgico
Above the fold es un trmino que viene de los peridicos
impresos y que en la web se aplica al rea visible del sitio antes
de hacer scroll. All deben estar presentes el call to action y el
gran ttulo. Este es la puerta, una invitacin puntual a ser parte
de una gran experiencia.

6. Pruebas, aliados y enemigos

El hroe se enfrenta a pruebas, encuentra aliados y confronta
enemigos, de forma que aprende las reglas del mundo especial
Este punto reside en el bombardeo de caractersticas. Nuestro

4 de 8

20/07/15 14:14

Cmo crear una landing page en 12 pasos

about:reader?url=https://platzi.com/blog/estructu...

producto o servicio cuenta con algunas caractersticas

importantes que es importante resaltar. En este punto debemos
darle a cada una de ellas el tiempo que se merecen.
Es necesario hacerlas notar y describirlas para invitar al
usuario a interesarse por lo que estamos vendiendo. Este es el
verdadero viaje.

7. Acercamiento
El hroe tiene xitos durante las pruebas
KISS (keep it simple stupid): la navegacin de un landing debe
ser la experiencia ms amable y fluda que puedas ofrecer. Haz
que completen el viaje. La mejor solucin es el scroll, si quieres
animaciones o transiciones interesantes no exijas un clic, que
sea el scroll lo que las dispare.
Pero no abuses, si la pgina es muy lenta no importa cunta
expectativa hayas generado o qu prometas, abandonaran
el landing sin remedio. La experiencia en el recorrido del
landing debe dejar al usuario la sensacin de xito, solo hizo
scroll y cosas maravillosas pasaron en el medio.

8. Prueba difcil o traumtica

5 de 8

20/07/15 14:14

Cmo crear una landing page en 12 pasos

about:reader?url=https://platzi.com/blog/estructu...

La crisis ms grande de la aventura, de vida o muerte.

La decisin de compra no es fcil as que no ofrezcas muchas
opciones. Ayuda al usuario a tomar la decisin. Es mucho ms
efectivo tener un landing por cada producto que un landing
para muchos productos. Si tienes diferentes planes destaca
uno, revisa tus nmeros y destaca una opcin. Las tablas de tres
planes con una sugerida funcionan muy bien para estos casos.

9. Recompensa
El hroe se ha enfrentado a la muerte, se sobrepone a su miedo
y ahora gana una recompensa
Ofrece una muestra, un trial, una beta, un sneak-peak, un
pequeo regalo que no te cueste, que le d al visitante la
sensacin de irse con algo as no adquiera el producto. Pero a

6 de 8

20/07/15 14:14

Cmo crear una landing page en 12 pasos

about:reader?url=https://platzi.com/blog/estructu...

cambio, y esto es importantsimo! pdele el e-mail.

10. El camino de vuelta

El hroe debe volver al mundo ordinario.
El usuario ya recorri el landing. Ley o escane lo que
ofrecemos pero la validez que le dan las personas a la
experiencia de otras es mayor a la que puede ofrecer la empresa
misma. Por esta razn es importante que consideres mencionar
en tu landing page a clientes satisfechos, reconocimientos
obtenidos, empresas aliadas o cualquier voz ajena a
tu proyecto.

11. Resurreccin del hroe

Otra prueba donde el hroe se enfrenta a la muerte y debe usar
todo lo aprendido.
Vuelve el call to action. Despus de contarle la historia, es
importante recordarle el objetivo e intentar capturar al lead que
ha recorrido la pgina. No importa que tengamos un call to
action fijo en la botonera superior. Durante el recorrido, el
usuario va a estar inmerso en el contenido y ofrecerle el call to
action al cierre equivale a preguntar te gust?

7 de 8

20/07/15 14:14

Cmo crear una landing page en 12 pasos

about:reader?url=https://platzi.com/blog/estructu...

12. Regreso con el elxir

El hroe regresa a casa con el elixir y lo usa para ayudar a
todos en el mundo ordinario
Puede que un lead no se haya convertido. Pero si la historia que
le trazamos fue convincente, este lead que no concret la
compra puede generar otros. Es decir, compartir, dar likes y
eventualmente, convertir.
Finalmente el mensaje que quiero dejar es que el landing puede
definirse dentro de una estructura de momentos importantes
que garantizan su eficacia. Abordado como plataforma, tiene
todo el potencial creativo para generar una gran experiencia y es
all donde los diversos elementos de diseo hacen la diferencia.
Esta es slo una pequea prueba de todo lo que aprenders en
el curso de Estrategia Digital y Marketing Online de Platzi.
Regstrate y aprende todo sobre las herramientas y tcnicas
para convertir a esos usuarios que visitan tu web en clientes
seguros.

8 de 8

20/07/15 14:14