Elaborar el encabezado perfecto del sitio web es fundamental.
Es el primer lugar donde probablemente buscará el visitante de su sitio web para determinar si su sitio web puede satisfacer sus necesidades.
Con esto en mente, el diseño del encabezado debe ser atractivo y permitir que el usuario navegue por el sitio sin problemas. Omitir el paso de hacer un encabezado profesional que hable de su marca puede hacer que los visitantes no se molesten en leer su contenido o, lo que es peor, que no regresen. Ya sea que esté diseñando un blog o un sitio web, esta publicación descubrirá tres elementos a considerar al diseñar una imagen de encabezado que tenga el mayor impacto. ¡Sigue leyendo!
Comience por crear gráficos, imágenes y otros conceptos visuales que encapsulen la esencia de su producto o servicio único.
Asegúrese de que el encabezado sea verdaderamente indicativo de su negocio y su historia. Para solidificar el conocimiento de la marca, incluya también su logotipo en el encabezado. Como el encabezado es el primer elemento que debe considerar en el diseño de su sitio web, tómese el tiempo para hacerlo bien, ya que esta imagen a menudo dictará el estilo y la combinación de colores del resto de su sitio.
Este encabezado altamente artístico es un guiño a la imaginación del profesional. Su explosión de patrones y objetos es memorable e inspira al espectador a aprender más sobre el trabajo de este profesor.
Este sitio web enumera las actividades de verano disponibles dentro de la organización que están dirigidas a los niños. El encabezado de vector estilizado funciona bien con su marca y se dirige al público objetivo principal de los niños y los padres de los niños.
El servicio y la ciudadanía se encuentran entre los objetivos de la Comisión de Servicio de Luisiana. Las personas que sostienen carteles para enfatizar este punto a través de una presentación de diapositivas animada hacen que el encabezado sea mucho más impactante y memorable.
Las organizaciones sin fines de lucro generalmente se enfrentan a presupuestos ajustados en términos de diseño web. Este ejemplo, para Cups Health and Education Centres, demuestra cuán creativo se puede ser con recursos limitados.
Un registro inteligente, un eslogan y un diseño de personajes conforman este encabezado profesional para Vectips. Los caracteres vectoriales ilustrados son otra tendencia popular en el diseño de encabezados, ya que agregan un sentido de personalidad, carácter y amabilidad al diseño.
Su imagen de encabezado no debe ser molesta y, muchas veces, un encabezado pequeño y sucinto será suficiente para sitios web con mucho contenido.
Para los sitios centrados en productos, los encabezados grandes le permiten atraer visualmente a sus visitantes y atraerlos para que realicen un recorrido o una prueba. Otras veces, el contenido debe incluirse en el encabezado para explicar un producto o servicio con más detalle.
Una agencia creativa tiene mucha libertad en el diseño de su cabecera. En el caso de The Pixel, su encabezado ilustrado encaja en el tema general de su sitio web. La parte superior de la casa del árbol sirve como encabezado, mientras que el resto del árbol forma la base para el resto del sitio web. La navegación, el logotipo y el eslogan también ocupan un lugar destacado aquí.
Con productos o servicios que no se explican fácilmente, es posible que se requieran bienes inmuebles en el encabezado para ilustrar el punto. Este es el caso de UFeedMeBack, un servicio que permite a los diseñadores recibir comentarios de diseñadores establecidos, quienes colocan esta información en su encabezado.
Por el contrario, el sitio web rico en contenido Abduzeedo mantiene un encabezado pequeño, lo que permite que domine el contenido debajo. Esto es típico de los sitios web estilo revista con grandes cantidades de contenido.
El tercer elemento a considerar es el contenido que utilizará para comunicarse inmediatamente con los visitantes del sitio. El encabezado es donde los visitantes de su sitio buscarán para determinar inmediatamente el propósito del sitio web.
Por ejemplo, si ofrece un servicio específico, los clientes querrán ver pruebas de trabajos anteriores. Esto generalmente significa incluir el trabajo en su encabezado para facilitar el acceso. Existen varios métodos para organizar su trabajo anterior de una manera atractiva.
El carrusel de imágenes es una opción popular si desea incluir varias imágenes en su encabezado. Si su sitio web tiene muchas características, o si desea mostrar su cartera, esta puede ser su mejor opción.
Este diseñador de iconos utiliza un carrusel en la presentación de su trabajo. Este elegante dispositivo de interfaz es una forma profesional de mostrar muestras de su trabajo al mundo al ingresar a su sitio.
El traffik CMS utiliza dos carruseles para mostrar la información y las capturas de pantalla de su producto. Si lo hace, permite al visitante leer los diversos beneficios del producto en ráfagas más cortas.
Los sitios temáticos son otro ejemplo de sitios web que pueden beneficiarse de un carrusel para mostrar su cartera.
Las capturas de pantalla son otra opción popular para mostrar tu trabajo. Lo mejor de todo es que no requieren bibliotecas de Javascript.
Se presenta una captura de pantalla del CMS en ekklesia 360. También es costumbre que los servicios de aplicaciones web incluyan un botón de llamada a la acción en el encabezado para que el espectador pruebe la demostración o compre ahora.
Wufoo utiliza capturas de pantalla para mostrar lo fácil que es crear uno de sus formularios en línea.
En sitios web orientados a productos, un botón de llamada a la acción suele ser obligatorio en un encabezado. En el caso de Wufoo, se colocaron dos bajo el logotipo y el eslogan, lo que fomenta la participación de los espectadores.
El sitio web de REI presenta claramente productos y promociones con un claro llamado a la acción.
El encabezado suele ser la primera impresión que un visitante tiene de su sitio web. Cree algo memorable y llamativo que comunique inmediatamente su marca y el propósito del sitio web.
¿Hay otros elementos a considerar al diseñar un encabezado? ¡Cuéntanos en los comentarios!
