¿Cómo Crear Una Landing Page Efectiva?

¿Qué es una Landing Page?

Una landing page es una página de aterrizaje diseñada para atraer a los prospectos clientes. Por lo general, esta página tiene una llamada a la acción, sea para generar una llamada telefónica, registrarse para un evento, entre otras acciones. Esta landing page se comunica directamente de los prospectos clientes pertenecientes a un segmento de mercado reducido o nicho, lo cual, permite llevar un mensaje enfocado en las necesidades particulares de este mercado.

¿Cuál es el Propósito de una Landing Page?

La idea de una landing page, específicamente para convertir visitantes en prospectos. Se desea llevar un mensaje corto y preciso, respondiendo a las preguntas más básicas que se tiene sobre algún producto o servicio. Esta landing page está diseñada para guiar al prospecto para que realice una acción, que permitirá cumplir con el objetivo estratégicamente planificado.

Pero, ¿Por qué hacer una Landing Page, si tengo un Sitio Web?

En un sitio web, contiene la información de tus productos o servicios. Sin embargo, una landing page está más enfocada en una campaña que corre por un periodo de tiempo. También puedes comunicar los distintos componentes y especificaciones de un producto o servicio.

Una landing page es como un trailer de una película su objetivo es contar una historia, de una manera relevante y emocionante que el haga que la persona desee comprar una taquilla para el estreno. Utilizando esta misma analogía, una landing page cuenta la historia de un producto o servicio, no es una venta directa, más bien es como poder hacer que la persona desee accionar a llamar o dejar su información.

En una landing page no debe de haber distracciones, ni múltiples llamadas a la acción. No debe de tener enlaces que saquen al usuario de la historia que se está contando y debe ser interesante y atractiva, que brinde confianza y de gusto navegar.

¿Cómo Crear Una Landing Page Efectiva?

Lo que deseamos es poder llevar a un visitante al punto de convertirse en un prospecto cliente. Esta página nos ayudará a incrementar el por ciento de conversión.

• Debemos conectar los analíticos para poder medir las acciones y conversiones de la página.

• Lo primero que deben de encontrarse los visitantes es tu “Elevator Pitch”:

“Un elevator pitch es una presentación corta que se utiliza para darnos a conocer a nosotros, nuestra empresa, productos y servicios, etc. La idea es presentarte a ti y a tus servicios de manera que despiertes el interés de la persona con la que estés comunicando.”

• Debes diseñar una landing page que sea irresistibles.

“Para esto debes de visitar otras landing pages para que tengas una idea. Es muy importante que se vea profesional y que comunique lo que realmente deseas.”

• Los formularios deben de ser lo más reducido posible.

“Recuerda que no es una venta, lo que deseas es tener un contacto con la persona para luego continuar una relación. Mientras más información solicites, menos personas la llenarán”

• Utiliza un formato estilo bosquejo con listas y “bullets”.

• Evita los errores ortográficos.

“Esto puede afectar la percepción de los visitantes sobre lo que estás mostrando.”

• Construye tu Credibilidad.

“Utiliza los premios que has obtenido, los testimoniales, las calificaciones y los comentarios positivos de tus clientes.”

• Utiliza Videos.

“Si tu presupuesto te lo permite, crea un buen video. Este video puede comunicar en 1 o 2 minutos lo que deseas mostrar.”

• Optimiza el Tiempo de Carga de la Página

“Somos impacientes por naturaleza y si la página se toma más de 3 segundos en mostrar algo nos vamos. Además el algoritmo de Google lo ve con buenos ojos para calificarte en el SEO”

• Si colocas un número telefónico, debe poderse oprimir para llamar “Click To Call”.

• El diseño debe de estar optimizado para equipos móviles

“La landing page debe de diseñarse con la mentalidad del equipo móvil primero mobile first.  El comportamiento de las personas ha cambiado drásticamente, ya su primera conexión con tu información es muy probable que sea con su equipo móvil.”

Si la información te ha sido útil, puedes compartirla con tu red de amistades.  ¡Hasta la próxima!

¿Cómo Crear Enlaces Dentro de la Misma Página?

Segunda parte del comentario que José dejó en uno de los videos de YouTube: “Me gustaría saber como se hace para tener ese pequeño triángulo que aparece en la parte central inferior de la pantalla en la página, es para que al dar clic Envíe a la sección siguiente.”

1ra parte: https://lopezpagan.com/como-alinear-imagen-en-div-verticalmente-con-css-y-html/

 

Descarga el código: https://github.com/lopezpagan/youtube-tutorials/tree/master/coY906cABsY

¿Cómo Alinear Imagen en DIV Verticalmente con CSS y HTML?

¿Cómo Alinear Imagen en DIV Verticalmente con CSS y HTML? surge del comentario que José dejó en uno de los videos de YouTube: “Me gustaría saber como se hace para tener ese pequeño triángulo que aparece en la parte central inferior de la pantalla en la página, es para que al dar clic Envíe a la sección siguiente.”

Este video responde a la primera parte de la pregunta.

2da parte: https://lopezpagan.com/como-crear-enlaces-dentro-de-la-misma-pagina/

Descarga el código: https://github.com/lopezpagan/youtube-tutorials/tree/master/gnj6e6Hmfa0

Diseño de Páginas Web en Puerto Rico

Páginas Web

Las páginas web se han vuelto una pieza fundamental a la hora de comenzar un negocio. Todo negocio incluyendo un negocio tradicional debe tener una página web. Una página web para negocios es la base fundamental para comunicar su propuesta de valor, mostrar su servicios y expresar los beneficios de sus productos. Continue reading “Diseño de Páginas Web en Puerto Rico”

¿Qué es un Banner de Publicidad?

Definición de lo que es un Banner de Publicidad.

Un web banner es un formato de anuncio publicitario en una publicación online. Esta forma de publicidad por internet consiste en incluir una pieza publicitaria dentro de una página web. Continue reading “¿Qué es un Banner de Publicidad?”

¿Cómo Organizar el Diseño de un Web Banner Publicitario en Illustrator?

Si eres diseñador, este tutorial te ayudará a organizar los elementos del diseño de un web banner publicitario realizado en Adobe Illustrator. Puedes hacerlo en Adobe Illustrator o en Adobe Photoshop.  Si eres diseñador, este tutorial te ayudará a organizar los elementos del diseño de un web banner publicitario realizado en Adobe Illustrator. Puedes hacerlo en Adobe Illustrator o en Adobe Photoshop.

¿Qué es Flexbox y Cómo se Utiliza?

¿Qué es Flexbox?

Un modo de estructura en CSS3 que provee una forma sencilla y limpia de organizar los elementos en un contenedor.

  • NO USA FLOATS
  • Es adaptable y “mobile-friendly”
  • Posicionar los elementos-hijos es más sencillo
  • Los márgenes del contenedor de Flex no colapsan con los márgenes de su contenido
  • El orden de los elementos puede ser cambiado de manera sencilla sin cambiar el código de HTML.

Esta presentación explica qué es Flexbox y cómo se utiliza. Contiene varios ejemplos y enlaces como recursos.


Descarga la presentación / diapositiva: https://www.slideshare.net/lopezpagan/que-es-flexbox-y-como-se-utiliza

La Consultoría, la Estrategia y la Programación Web

La combinación de la consultoría, la estrategia y la programación web te permite dar soluciones pensadas y desarrolladas desde la base real del problema hasta la solución misma. Esto hace que tengas una visión clara y a gran escala que te ayuda a tener una perspectiva más amplia de los problemas existentes.

Una página web por sí sola, no resuelve el problema de la necesidad que tiene una empresa de atender a los clientes. Necesitan una estrategia. Al mismo tiempo, una estrategia sin el debido conocimiento técnico podría ser un riesgo para realización de la idea y el resultado final sería muy desastroso. Continue reading “La Consultoría, la Estrategia y la Programación Web”

¿Cómo Mostrar Resultados en Formato JSON con MySQL y PHP?

¿Para qué deseamos mostrar los resultados en formato JSON?

  • El formato JSON nos permite acceder a los datos desde el Front-end con JS, jQuery, Vue.JS, ReactJS, etc.
  • Nos permite desarrollar la vista (Front-end) separada totalmente de la programación (Back-end).
  • Nos permite acceder a los datos desde cualquier equipo, app, lugar, sitio web, etc.

 

Descarga el código: https://github.com/lopezpagan/youtube-tutorials/tree/master/4jC0GFDxNNg

¿Cómo Crear una Clase en PHP?

Este video explica de manera sencilla como crear una clase en PHP.  Trabajar con clases en PHP es una gran manera de optimizar su código y hacerlo increíble.

Las clases o la programación orientada a objetos (OO) se ven a veces como algo complicado de hacer, pero mientras más practiques y trabajes en ellas más hábil y experto te volverás.

Descarga el código: https://github.com/lopezpagan/youtube-tutorials/tree/master/gdpgELDBSLk