Cómo diseñar una buena Página de Inicio

Para diseñar una buena página, debe dejar de lado sus gustos y enfocarse en el usuario o público objetivo, ya que, son ellos quienes visitarán su web.

Para que este artículo tenga un orden, se ha divido en tres partes, Header, Body y footer, que pertenecen a la composición de una página web.

¿Cómo diseñar el Header de una página?

En el header van las secciones de la web y el logo de la empresa. Antes de diseñar, ya deberá tener las secciones y subsecciones que tendrá su página.

• Header con barra: En este caso no se usa mucha cabecera y el logo no es tan grande. El uso de la barra permite visualizar de manera correcta el logo y las secciones. Además, de acompañar en toda la navegación.

• Header sin y con barra: Si quiere destacar la imagen y el mensaje de su slide, este tipo de header puede ser una buena opción.

En la primera carga, la página aparecerá con el header transparente y solo se verá las secciones y su logo. Luego, al navegar por la página, el header pasa de ser transparente a un color sólido.

Para la ubicación del logo se recomienda:

• Logotipo a la izquierda:  Que el logotipo no se vea muy grande y que guarde relación al diseño. Trate de no exagerar en el tamaño del logo.
• Logotipo en el centro: Si su logo necesita mayor presencia puede ubicarlo al centro del header. Al igual que este ejemplo:

¿Qué debe ir en el body?

Imagen principal

La imagen principal de una página web es la más importante, ya que, es lo primero que ve el usuario. Antes de diseñar la web, es preferible elegir la imagen o video que utilizará para su slide.

Escoja una fotografía o video que refleje el mensaje que quiere comunicar. Algunos sitios web utilizan el slider o carrusel con varias fotografías, pero esa tendencia ya quedó en el olvido porque no es efectiva.

Usar un video como imagen principal es tendencia, pero procure que el peso sea menor, ya que su web debe cargar rápidamente.

CTA (Call to action)

En la imagen principal puede agregar un botón CTA, si es importante enlazar a otra página de interés. Al botón CTA se le denomina como llamada a la acción y puede servir para que su cliente:

• Le envíe un correo.
• Añada un producto al carrito.
• Se suscriba al newsletter.
• Lea un contenido estratégico.
• Se registre en tu web.

Pero si no lo necesita, descártelo.

Mensaje

Para crear el mensaje, deberá tener en cuenta que los usuarios que entran por primera vez a su página deben comprender a qué se dedica la empresa en segundos. Le recomiendo estos 3 consejos:

• Defina qué comunicar pensando en sus usuarios.

• Decida el tono de comunicación para su mensaje, si será amigable, puede emplear un lenguaje informal o más cercano, si es serio, un lenguaje formal y respetuoso.

• Elabore mensajes claros y precisos.

Ejemplo | Forward: Esta empresa utiliza como imagen principal un video, mensaje y CTA. Usted podrá ver que el video y el mensaje tienen el mismo concepto.  Un doctor privado con nueva tecnología para administrar su salud.

 Contenido debajo de la imagen principal

Le propongo destacar sus servicios y características. Cree contenido que invite a seguir navegando por toda la página.

Trade canvas: Esta página destaca sus productos y resalta sus características acompañadas de botones que invitan a leer más.

Strava: Esta página tiene un gran contenido para informar sobre su servicios a nuevos usuarios y lograr que se unan a su comunidad.

¿Qué debe ir en el Footer?

El footer no es para volcar todos los enlaces que tiene en su web, sino para páginas que son importantes y no están en el header. En esta sección siempre están los Términos y condiciones, política de cookies y la información de contacto. Le recomiendo agregar las redes sociales y listo.