fbpx

Página de Inicio y Páginas de Aterrizaje

Lección 36 de 100. Módulo de Diseño Web/Arquitectura

Las mejores ideas vienen como chistes. Haz tus pensamientos tan divertidos como puedas.

David Ogilvy

Nuestro usuario accede a nuestra web desde diferentes canales como las redes sociales o buscadores como Google pero también es posible que provenga de un enlace de una web externa o que nos conozca previamente y entre a través de la barra de direcciones introduciendo nuestro dominio.

Así pués tenemos que preguntarnos ¿que es lo primero que queremos que vean de nosotros? ¿Cuáles son las páginas que deseamos que entre? ¿Cómo queremos dirigirlos hacia nuestro contenido?. Para esto necesitamos definir nuestra Home y las páginas de venta o de aterrizaje.

DEFINICIONES

¿Qué es una homepage?

Nuestra homepage es el nombre de la página principal de un sitio web donde los visitantes pueden encontrar hipervínculos a otras páginas del sitio. Por defecto, la página de inicio en todos los servidores web es index.html  En wordpress podemos elegir cual de nuestras páginas queremos que se la home, incluso lo podemos cambiar después. Lo normal es que el logo de nuestra web tenga un enlace hacía la homepage porque es muy usual que cuando un nuevo usuario nos descubre por primera vez pinche en el logo para ver la estructura y contenidos de nuestro sitio.

¿Qué es una landing page?

Es una página web independiente, creada específicamente para una campaña de marketing o publicidad. Es donde un visitante “aterriza” después de hacer clic en un enlace en un correo electrónico o en anuncios de Google, Bing, YouTube, Facebook, Instagram, Twitter o lugares similares en la web.

A diferencia de las páginas web, que generalmente tienen muchos objetivos y fomentan la exploración, las páginas de destino están diseñadas con un solo enfoque u objetivo , conocido como un llamado a la acción (o CTA, para abreviar).

PLANTILLAS PARA DISEÑAR TU WEB

Descárgate las  plantillas necesarias para elaborar tu página Web y comienza a trabajar en tu proyecto con garantía de éxito.

Herramientas de Diseño Web

MONTAJE 

Para crear una Home tienes primero que crear una página normal con los consejos que te daré a continuación y en wordpress tienes que hacer lo siguiente que nos explican en este video los compañeros de Raiola

 

¿Qué tiene que tener tu homepage?

Muestra tu identidad claramente

Tiene que ser responsive y verse bien en todos los dispositivos, Pc, Móvil, Tablet y TV

Establecer enlaces útiles y CTA convincentes (llamadas a la acción como botones cuadros con enlaces)

El usuario tiene que identificarse rápidamente con el contenido, sentir que es útil o le emociona.

Use imágenes de alta calidad y combinadas

Adopta un esquema de color equilibrado

Abandona la barra lateral el ancho completo de página se está imponiendo sobre todo por la navegación de móvil

Hazlo simple y minimalista, mantén espacios en blanco

Introduce un video destacado si el sitio lo requiere

Optimizar el tiempo de carga

Muestra pruebas sociales y comentarios de los usuarios

Crea un relato o Involucre su cultura corporativa

Destaca el Blog y características que den utilidad

Agregar un cuadro de búsqueda

Adjunte una imagen destacada a su homegape o un logotipo o fotografía de la empresa o de los trabajadores

Tipografía y fuente, utiliza diferentes tipografias pero sin ser exagerado (2 o 3) y juega con los tamaños de las letras.

Consejos para Crear un Landing Page

Nuestra página de ventas tiene que estar muy enfocada al usuario porque normalmente entrará a través de un anuncio y será rápidamente escaneada, raramente se detiene el usuario a leer a menos que le guste mucho.

Así pues tiene que sermuy dinámica con imagenes y video para incitar al potencial cliente a descubrir nuestra web.

Lo más importante en una landing pages es que incite al usuario al deseo de comprar o al menos de seguir descubriendo la información del producto o servicio para ser posteriormente contactado.

Para que Genere Confianza nuestra landing page estos consejos son útiles aunque no tienen porqué ser un dogma ya que en la venta (se online u offline) lo que funciona es la creatividad y saber adaptarse a cada persona, a cada cliente para que confie en nosotros.

    1. Utiliza formatos que inciten al registro
    2. Utiliza testimoniales
    3. Bullets destacando lo fundamental
    4. Buen copy en el título
    5. Debe ser muy simple
    6. Sin distracciones
    7. Palabras precisas
    8. Botones de share en redes sociales
    9. Solicita la información necesaria para calificar el lead
  1.  
  1.  
  1.  
  1.  
  1.  
  1.  
  1.  
  1.  

HERRAMIENTAS 

Elegantthemes nos proporciona cientos de homepages y landings ya hechas que solamente tenemos que adaptar a nuestra negocios

En esta web se dan premios para diseñadores web, encontrarás miles de páginas en las que inspirarte

https://www.awwwards.com/

En la web de canva tienes ejemplos de Homepages

https://www.canva.com/templates/search/websites/

CAJA DE HERRAMIENTAS DE IKREA.DIGITAL

Accede a Recursos y Herramientas muy útiles para elaborar tu negocio. Te puedes descargar plantillas, planes de negocio, hojas de excell, informes y mucho más elaborado por los profesores del curso de Ikrea.Digital

Ver Caja de Herramientas

¿Quieres que te acompañemos en el montaje de tu negocio? Cuéntanos un poco y te ayudamos con Mentorías personalizadas.

11 + 15 =

MÁS INFORMACIÓN:

Ejemplos de landing pages por Jose Facchin

https://josefacchin.com/landing-page-que-es-ejemplos-template/

Las últimas tendencias en diseño web @lgarcia

https://www.40defiebre.com/tendencias-diseno-web

Anterior Instrucción

Menu y Widgets

  Siguiente Instrucción

Tienda Online

¿Quieres ver todas las instrucciones para montar tu Negocio Digital?

¿Quieres compartir experiencias, dudas e información útil?

Entra en Nuestro grupo de Telegram para estar al día con las últimas Novedades y conocer Mercaderes digitales como tu con tus mismos intereses y sueños.

Me gustaría seguirte en mis Redes Sociales, son estas:

 

Mercaderes Digitales – Reservados todos los derechos

Curso Marketing Digital Diseño Web Arquitectura Página de Inicio y de Aterrizaje