lun

01

dic

2014

¿Cómo diseñar correctamente la página de inicio de una empresa?


Pecamos de repetición, pero nunca viene mal decir que la página de inicio de una página web determina el éxito o el fracaso de la misma. ¿Tan tajante? Efectivamente: la capacidad que tenga nuestra web para retener a las visitas y hacer que estas conviertan (es decir, compren o interaccionen con nuestra página web) es lo que hace que una página sea buena o no. Para ello, hay que destacar con el diseño y crear una estructura clara de la información de nuestra página de inicio.

Pirámide invertida de la información

Básicamente esta técnica consiste en dosificar la información de mayor a menor importancia. Es la técnica que se utiliza en el periodismo tradicional para captar a los lectores pues de esta forma se logra retener la atención de las visitas (o lectores en este caso). Esto no hace referencia única y exclusivamente al texto; las imágenes o vídeos también forman parte de esta información y más si trasladamos este concepto al mundo web. De hecho, el diseño juega un papel primordial a la hora de presentar la información en una página y el reto es buscar el equilibrio con el diseño.

Distribución información y diseño
Distribución información y diseño

Siguiendo este principio, la página de inicio se estructuraría del siguiente modo: en la parte superior predominaría el diseño y muy poco texto para aumentar el impacto visual. El texto podría ser de un tamaño mayor y ser por ejemplo un eslogan con el que se identifique la empresa. Conforme nos desplazamos hacia abajo, la información escrita va aumentando en cantidad y en protagonismo: se van dando más detalles mientras que el diseño va disminuyendo de importancia.

 

Esta distribución de la información y el diseño contribuye a:

  • Retener a las visitas, dado que el diseño es el factor que más influye a la hora de captar la atención de las visitas.
  • Aumentar la credibilidad de la marca: al darle un lugar protagonista a imágenes como el logotipo o una imagen principal, se transmite ante todo profesionalidad.
  • Informar desde el primer instante: las visitas captan desde el primer instante qué servicio o producto se ofrece o cómo pueden interactuar con la página web.

¿Cómo estructurar la página web en tres partes?

No existe una regla universal para estructurar la página de inicio. A pesar de eso, la suma de los pequeños detalles hace que el contenido se vea mejor. Así pues, es importante que cuidemos las reglas básicas del menú de navegación, de los títulos o las imágenes dentro de la web.


No obstante, en este artículo nos vamos a centrar en la distribución conceptual de la información y vamos a hacer una simple separación imaginaria en tres partes. Para explicarlo, vamos a tomar como ejemplo la página de No pierdas tus libros, un proyecto de La práctica.

PRIMERA PARTE: ESPACIO PARA LA MARCA

En esta primera parte, como decíamos, la visita tiene que saber desde el comienzo donde está. Es por eso que es necesario destacar el logotipo de la marca y una imagen de gran impacto que retenga a la visita.

El menú de navegación da a los usuarios el control sobre la página web. Este tiene que tener una estructura ramificada e ir desde un punto más general (como "tienda online") a una categoría más concreta (como  puede ser un producto).


Otro buen ejemplo, puede ser la página web de los asesores financieros albers-partner.de que (aunque esté en alemán) desde el primer momento se ve el logotipo, a qué se dedican y resaltan una imagen representativa de la ciudad de Hamburgo, que es donde ofrecen sus servicios. O esta página otra página: rebecca-winter.co.uk que ofrece asesoramiento y coaching a padres.

SEGUNDA PARTE: DESTACA LOS PRODUCTOS O SERVICIOS

En esta segunda parte, los productos y servicios toman el papel protagonista. Es un buen momento para poder enlazar con otras partes de la página web, como la tienda online o más información. Puedes utilizar imágenes o iconos que se conviertan en enlaces. En este sentido destacamos las páginas corrotoarquitectura.es que con un toque minimalista sólo presenta imágenes que nos dirigen a otros puntos de la página web o babyclasic.com que presenta tres columnas con más información, además de jugar con los colores y los iconos.

TERCERA PARTE: INFORMACIÓN SIEMPRE VISIBLE

En este ejemplo se resalta además esta tercera parte con otro color para diferenciarse aún más de las partes anteriores. En este espacio se ha de incluir una forma de contacto. Con eso sería suficiente, aunque es también un espacio en el que podemos ofrecer un "segundo" menú de navegación o enlaces a los apartados más destacados de la web. También puede ser un buen lugar para promocionar las redes sociales.

Finalmente y como últimas recomendaciones podríamos decir que la información también es necesario dosificarla entre las diferentes páginas: no podemos tener toda la información en la página de inicio y en el resto de las subpáginas grandes espacios en blancos.


También es necesario buscar  ser conciso, claro y procurar evitar toda la información (tanto textos como imágenes) que pueda causar distracciones o ruido al mensaje principal; a fin de cuentas, la página de inicio es como la portada de una revista.

¿Sin tiempo o sin inspiración? Te ayudamos con el diseño


Ya sea que quieras mejorar el diseño de tu página o empezar con un nuevo diseño desde cero, Jimdo te ofrece los servicios profesionales de diseño a tu medida.

MÁS INFORMACIÓN
Elena Benavente / Relaciones públicas
Elena Benavente / Relaciones públicas


Comentarios: 24 (Discusión cerrada)
  • #1

    forojerista (lunes, 01 diciembre 2014 13:06)

    Muy buenas ideas y buenas estructuras para el buen desarrollo.
    Jimdo siempre a la vanguardia de lo que acontece.
    Gracias por los buenos consejos, es todo un detalle enseñarnos el buen funcionamiento de usos para mejoras futuras.

  • #2

    MiPsico Consulta Psicológica Online (lunes, 01 diciembre 2014 13:20)

    Muchas gracias Elena, cómo nos cuidáis!! :)

  • #3

    loteriasyestancos (lunes, 01 diciembre 2014 13:22)

    Gracias por los consejos Elena, siempre ampliando temas.

  • #4

    Héctor José Rizco Intriago (lunes, 01 diciembre 2014 14:31)

    Es muy motivante iniciar sesión en la página y encontrar, primero que nada, estas recomendaciones tan necesarias para mejorar lo que hacemos. ¡Gracias, Elena! ¡Gracias, Jimdo! ¡Y adelante, que hacia atrás ni para tomar viada!
    Saludo y abrazos para todas y todos.

  • #5

    Inma (lunes, 01 diciembre 2014 16:14)

    Necesito ayuda para poder poner mi pagina de la web en google.

  • #6

    ofertaraiz (lunes, 01 diciembre 2014 16:26)

    Gracias por los aportes. Son muy valiosos.

  • #7

    Fredy Leonel Xicay Ajsivinac (lunes, 01 diciembre 2014 20:37)

    Gracias por esos aportes tan interesantes, los voy a tomar muy en cuenta.

  • #8

    sumademexico (martes, 02 diciembre 2014 01:33)

    Apenas estoy iniciando hacer mi pagina, y no se nada de computo. Haber si me pueden ayudar. Gracia
    Saludos

  • #9

    aurora (martes, 02 diciembre 2014 08:10)

    Tomaré nota ya que creo que tengo que dar un aire a mi pagina de inicio, una pregunta para poner subpáginas en el menu de navegación y que no tenga que llenarlo todo de apartados? eso aun no se puede hacer o ya si? es que si es asi no se como hacerlo y seria mucho mas elegante tener subpáginas para que no se llene todo de apartados. Saludos

  • #10

    Carlos Javier Canseco Ortega (martes, 02 diciembre 2014 09:23)

    Hola pueden visitar mi pagina y darme sus criticas constructivas? cabe resaltar que utilizo el Flat Design

  • #11

    abogadosdeseguros (martes, 02 diciembre 2014 19:59)

    excelentes consejos, gracias

  • #12

    Herbalfarma (martes, 02 diciembre 2014 21:59)

    Genial, a tomar nota entonces!

  • #13

    Manuel Ángel (miércoles, 03 diciembre 2014 10:52)

    Es un tema que siempre nos ronda la cabeza y sabemos que es de crucial importancia para esa fracción de segundo antes de que el visitante decida abandonar. Siempre estamos pensando como mejorar esa atracción inicial, así pues, estas pistas nos vienen genial para pulir detalles.

    Muchas gracias Elena, tomamos nota :)

  • #14

    corrotoarquitectura (miércoles, 03 diciembre 2014 11:18)

    Buenos días.

    Desde Corroto Arquitectura os queremos agradecer el habernos puesto como ejemplo de un buen diseño de página. Seguimos trabajando para completar todas aquellos detalles que gracias a vuestra ayuda nos hacen mejorar día a día.

    Un saludo

  • #15

    j-designs (miércoles, 03 diciembre 2014 22:39)

    Muy bueno el nuevo diseño de los blogs, queda muy bien el título sobre la imagen estática. Un saludo a todos desde España y a quien aún no lo use, le recomiendo Jimdo. Yo puedo crearles su página web profesional, aplicaciones para smartphones (móviles y tabletas) con iOs, Android y wPhone. ¡También creo software (programas) a medida para Windows! Contácteneme en mi página web http://j-designs.jimdo.com/. Saludos y suerte ;)

  • #16

    monar-ca-naria (jueves, 04 diciembre 2014 22:43)

    Muy buenos consejos, muchas gracias, salu2

  • #17

    agraltamecanica (jueves, 04 diciembre 2014 23:26)

    muchas gracias por los consejos, saludos

  • #18

    Ricardo Pizarro Iturrieta (domingo, 07 diciembre 2014 21:40)

    quiero armar una página empresa gracias

  • #19

    carpinteria-metalica-garcia (martes, 09 diciembre 2014 18:19)

    Buen aporte para una correcta estructuración de la página de inicio de nuestras webs

  • #20

    tpvtodospodemosviajar (jueves, 11 diciembre 2014 19:24)

    Muchas gracias, me han enseñado a hacer mis propias paginas web con calidad y un enfoque de mercadotecnia excelente en el arranque de la empresa con poco presupuesto. Saludos.

  • #21

    cuadrosdeplastilina (martes, 16 diciembre 2014 18:29)

    gracias jimdo

  • #22

    Maquinariadehosteleria (miércoles, 17 diciembre 2014 15:40)

    Muy buen artículo, interesante y útil.
    Saludos

  • #23

    cerecyt (miércoles, 17 diciembre 2014 18:07)

    Excelente Información Muchas Gracias

  • #24

    J. F. F. R. (miércoles, 17 diciembre 2014 20:37)

    Muy buen artículo, una información excelente, sin duda.
    (cartoonja está ahora en cartooningja.jimdo.com)
    JF