Los 20 mejores ejemplos de arriba del pliegue para inspirar

Publicado: 2022-07-05

Como tiene de 30 a 60 segundos en un discurso de ascensor, tiene 3 segundos para mantener a sus visitantes en su página de destino. O se irán...

Es por eso que debe prestar la máxima atención a su parte superior del pliegue .

Proporcione todos los detalles de su marca de manera integral en una pantalla simultáneamente para que pueda generar el impacto que desea en sus clientes.

imagen de portada en la parte superior de la tapa sobre un fondo rosa con una figura que señala un ejemplo de la parte superior de la tapa y el título junto a ellos

Para saber qué es la mitad superior de la página y qué tan importante es, recopilamos los 20 mejores ejemplos de la mitad superior de la página que pueden inspirarte para tu negocio o ayudarte a mejorar el actual.

¿Qué hay por encima del pliegue?

Arriba del pliegue se refiere a la primera parte del sitio web o la pantalla antes de desplazarse.

Esta es probablemente la parte más emocionante de la página de destino porque, como constantemente mencionamos la importancia de la misma, la parte superior del pliegue representa la parte esencial porque, en primer lugar, los visitantes interactúan con ella .

arriba del pliegue se muestran ejemplos en diferentes dispositivos tecnológicos con teclado, mouse, una planta y elementos

A través de los siglos, hemos sido testigos de la mejora de arriba del pliegue en realidad; sin embargo, mudarse a áreas digitales da nueva vida al concepto de la mitad superior de la página, y vemos los sitios web en la parte superior de la página.

Por lo tanto, hacemos nuestros arreglos de acuerdo con la utilidad y la eficacia del sitio web calculando el tiempo que pasaremos navegando.

Finalmente, debe tener en cuenta los efectos de la parte superior del pliegue.

Los 20 mejores ejemplos de arriba del pliegue

Hay 20 ejemplos fascinantes en la parte superior de la página para abrir una nueva ventana a tu mente y creatividad.

1. Ahrefs

Ahrefs es una herramienta de SEO todo en uno y brinda un servicio muy elevado, tanto sus herramientas gratuitas como sus planes con varias características.

Página web de Ahrefs como ejemplo de la parte superior de la página sobre fondo azul, lema y una estrella brillante

En cuanto a lo anterior, el pliegue de Ahrefs es un ejemplo de un tipo simple pero efectivo. La página encaja en los bordes de un llamativo azul, los aspectos esenciales en la cabecera, y el botón CTA , que llama a los visitantes a registrarse en la parte inferior.

Además, dado que Ahrefs es consciente del significado de las palabras, dirige la atención de los visitantes diciendo: "Todo lo que necesita para clasificarse más alto y obtener más tráfico". Resume las necesidades y los deseos de los interesados.

Otro detalle es que Ahrefs comparte la prueba social correspondiente a los últimos siete días, y el icono de la caja de chat que se encuentra abajo a la derecha lleva al Centro de Ayuda para conquistar el corazón de los visitantes.

2. Todos los pájaros

Allbirds es una marca de calzado y ropa que extrae su fuerza de la sostenibilidad y el uso de materiales naturales.

La página web de Allbirds como un ejemplo de la parte superior del pliegue se proporciona con contenido visual como piernas que caminan con el enfoque en los zapatos hechos de forma natural.

La parte superior del pliegue de Allbirds es convincente, y cuando echa un vistazo rápido al encabezado, verá los botones necesarios que simbolizan las categorías que tiene Allbirds.

Además, si observas en detalle el lado derecho del encabezado, hay símbolos de perfiles, ayuda y la bolsa de compras para que los visitantes los personalicen . En el lateral izquierdo da la pista de otra colección para la temporada.

La imagen que utiliza da la calidad y la idea de sostenibilidad con el lema que utiliza. Bajo el slogan, hay dos opciones de género que tiene Allbirds, y se espera que los visitantes elijan entre ellas para moverse entre los productos naturales.

3. manzana

Aunque todo el mundo está muy familiarizado con Apple, es una empresa de tecnología famosa que produce varios productos electrónicos, servicios en línea y software.

La página web de Apple como ejemplo de la parte superior de la página se muestra con una imagen de Macbook Pro 13 sobre un fondo negro

Cuando los usuarios hacen clic por primera vez en la página de Apple, la imagen del centro les llama la atención. La marca lo hace a propósito para presentar y promocionar el nuevo producto.

Además, fomenta la promoción con los botones 'Más información' si se pregunta sobre el nuevo dispositivo y 'Comprar' si se está dispuesto a comprar.

En el encabezado de la página, hay muchas opciones relacionadas con las funciones de Apple, lo cual es bastante útil para que los visitantes tomen medidas.

Debajo del encabezado, vemos la colaboración realizada con UNICEF para las víctimas de la guerra. La firma quiere enfatizarlo colocando la declaración en la parte superior del pliegue para mostrar que es una marca con conciencia social.

4. Bobos

Bobo's es una marca de alimentos que produce barras y alimentos de avena veganos, saludables, orgánicos, sin gluten y certificados sin OMG.

El ejemplo de la mitad superior de Bobo incluye un lema cta, una parte del teclado, un cuaderno, una taza de café, un Bobo y una mano que lo señala.

La parte superior del pliegue de Bobo le da una vivacidad debido al color naranja. Los diseñadores eligen sabiamente los artículos para resaltar la salubridad de las barras.

Junto a los artículos, los usuarios son informados y puestos en el centro de la acción con el botón 'Comprar ahora'.

En la parte superior, examinamos cuatro categorías: 'Tienda', para la compra de los productos; 'Acerca de nosotros', que brinda los detalles sobre la marca y su aventura, 'Qué hay dentro', que muestra los ingredientes de Bobo's, y Blog brinda los escritos informativos beneficiosos para los consumidores.

Encima del encabezado, podemos ver una campaña que sugiere envío gratuito si los visitantes deciden comprar algunos productos.

Además, el detalle ligero pero efectivo es el botón de Recompensas de Bobo ubicado a la derecha debajo. Conduce a recompensas cuando realiza una compra y tiene varias ventajas. Se puede comentar como un movimiento estratégico, pero es absolutamente poderoso.

5. Calvin Klein

Calvin Klein es famoso por su ropa interior, bolsos, ropa y muebles para el hogar que se consideran contemporáneos.

dos figuras con productos de Calvin Klein en el centro y escritos para descubrir la venta sobre un fondo naranja

Calvin Klein también prefiere una página diferencial pero directa arriba del pliegue. La separación de la página es lo primero que atrae, y en la parte superior de la página, Calvin Klein anuncia la oportunidad de venta.

En la misma fila con el logo de Calvin Klein, hay categorías, una barra de búsqueda y las opciones para personalizar para cada usuario.

Por todo el centro, dos figuras que llevan la marca promocionan los productos. Junto a las cifras, la página ofrece tres opciones para comprar como otro paso inteligente.

Al final, hay una barra que conduce a otra página, sin embargo, llamar a los visitantes es una opción interactiva para la mitad superior cuando enfatizamos que es la herramienta más poderosa para impresionar.

6. Dyson

Dyson es una empresa multinacional que se ocupa de diferentes dispositivos tecnológicos de vivienda e innovaciones para el futuro.

una ilustración de un hombre que produce Dyson y las explicaciones de cta en una página de atmósfera oscura

Aunque el negro no es un color brillante, sabemos que es asertivo, como Dyson. Por lo tanto, el encabezado y los títulos son lo suficientemente bonitos e intrigantes si una persona hace clic en la página a propósito.

El sitio web que organiza los productos según la ubicación presenta un contenido visual animado porque su objetivo principal es mostrar la mejora y la forma en que ha ido.

Encima de la página doble también se muestra la barra de búsqueda y la oportunidad preparada por Dyson para los clientes con un botón CTA, ya que es una marca que atrae a la multitud.

7. EyeBuyDirect

EyeBuyDirect es una empresa de anteojos que produce muchos tipos de anteojos, incluso recetados y sin receta.

un hombre y una mujer con anteojos EyeBuyDirect y una oferta de descuento junto a ellos

Afectar a los clientes con una entrega rápida y CTA es crucial, y respaldarlos con ventanas emergentes y cuadros de notificación da la idea de involucrar a los visitantes en la página.

EyeBuyDirect tiene un encabezado fácil de usar como los nombres anteriores y utiliza la ayuda visual en el centro. Las figuras de la imagen usan las gafas de EyeBuyDirect, mostrando una seria y la otra bastante feliz; la marca hace referencia a la disponibilidad de estados de ánimo con EyeBuyDirect.

La marca apoya la visualidad con un código de campaña especializado por un periodo de tiempo.

A la izquierda debajo de la pantalla, vemos una oferta de bienvenida para los que vienen a visitarnos por primera vez, y hay un comunicado sobre los productos de la marca.

La declaración puede considerarse suficiente al principio porque aquellos que quieran aprender la utilidad de la marca pueden obtener la esencia de aquí.

8. FOMO

FOMO es una de las herramientas de prueba social más famosas y valiosas para que las empresas atraigan visitantes y tengan una tasa de conversión más alta.

dos figuras hablando y señalando a la multitud con el objetivo de aumentar las ventas

FOMO coloca el logotipo en la parte superior izquierda como de costumbre y agrega una explicación para ser más precisos porque FOMO en sí mismo tiene un significado de "miedo a perderse", como puede que le resulte familiar.

El encabezado es para las categorías en las que FOMO puede liderar, y estas son las más importantes cuando una empresa viene a ver qué tiene FOMO.

Si tiene un perfil para iniciar sesión, puede iniciar sesión; sin embargo, FOMO no te obliga a hacerlo porque puedes comprender las fuentes y el estilo es muy informal e incluso genial.

En el centro, hay una imagen de lo que es la prueba social con una prueba :) La página explica lo que ha estado haciendo y llama a los visitantes a tomar acción con la oportunidad de tener una prueba gratuita.

9. Fósil

Fossil es una marca de moda con muchos artículos relacionados con accesorios y tiene muchas submarcas.

una mujer con un reloj de pulsera mirando la cámara y un guión

Fossil presenta una parte superior de la página interactiva con una sesión comercial para mostrar la vitalidad de la marca. Además, presenta el Gen 6 Hybrid, recién lanzado al mercado, al ofrecer dos opciones para conocer más sobre ellos y comprarlo con botones en el centro.

Otro detalle a destacar es que la página destaca profundamente las campañas por la estacionalidad, y tienen mucho que ofrecer en ese sentido.

El encabezado puede ser uno de los encabezados más útiles entre todos los que se encuentran arriba de los encabezados de la página porque muestra las opciones antes de hacer clic y los visitantes pueden elegir la que deseen.

PD : Fossil gana otro punto con la parte superior del encabezado porque muestra la responsabilidad de la empresa, el estado de los pedidos de los clientes, las páginas de perfil y, lo que es más importante, la opción de lugares de envío.

10. HubSpot

HubSpot es una empresa de software de éxito en marketing entrante, ventas y software de servicios per se. Es el jack-of-all-trades en cierto modo.

una tabla de estadísticas y texto de llamada sobre un fondo naranja

Cuando visitas HubSpot, el cuadro de chat te da la bienvenida al principio y te ofrece ayuda si la necesitas. La vista general de la página consta del color rojo, por lo que te inspira a tomar acción por tu negocio.

Al ofrecer opciones gratuitas y premium, HubSpot brinda a los visitantes detalles sobre sí mismo para aclarar las cosas y los invita a obtener más información.

La parte del encabezado alberga muchas opciones, incluidas las opciones de idioma, contacto con ventas y atención al cliente, perfil y páginas de información.

Además, puede acceder fácilmente a los detalles del software y las opciones de precios, lo que aumenta la calidad de la experiencia del usuario.

11. Instatus

Instatus es una herramienta de página de estado válida con una parte superior intrigante y otras características prácticas para evitar el tiempo de inactividad.

una pagina negra con diferentes analisis de estado y una escritura como salto gigante para paginas de estado

La parte superior del pliegue de Instatus puede parecer oscura cuando se compara con la otra parte superior de los pliegues. Sin embargo, lo importante aquí es la facilidad de uso de la página. Por lo tanto, podemos hacer inferencias de que Instatus da los elementos necesarios en la pantalla.

Es imposible darse cuenta de su lema y ver los cuadros interactivos utilizados para tener ideas sobre la empresa. Después de ver las funciones, puede optar por obtener una página de estado instantánea a un precio asequible.

El encabezado simplemente está diseñado para explicar por qué se debe usar, cómo funciona para mostrarse en las fotos, cuánto se debe pagar y más. Si sigue la línea, aún puede presenciar el esfuerzo de Instatus para incluir a los visitantes llamándolos para que comiencen gratis.

12. Cosméticos Kylie

La marca de cosméticos construida por la famosa figura Kylie Jenner produce productos de maquillaje y cuidado de la piel limpios y veganos.

Kylie con cabello rosado y Stassie con cabello azul abrazándose promocionando los cosméticos Kylie con las explicaciones del anuncio de la colaboración

En la parte superior del pliegue superior de Kylie Cosmetics, hay secciones tratadas por la marca para elegir los campos que le interesan. Según su elección, las subsecciones varían, y solo la barra de búsqueda y los perfiles permanecen iguales. .

Dado que la empresa lleva a cabo una colaboración con Stassie Karanikolaou en los días actuales, el enfoque principal se centra en esto, y una parte considerable de la página está organizada para las funciones de esta cooperación con un botón CTA.

Además, como rostros de esta marca y la cooperación, la propietaria, Kylie, y su socia en colaboración, Stassie, tienen una foto en la parte superior de la página.

13. Pequeños Césares

Little Caesars es una famosa marca de pizzas que ofrece a los clientes varias opciones de comida frita además de pizza.

una pizza y su promoción con su precio con la oferta de pedidos

Cuando tienes hambre, nada puede detenerte o distraer tu atención, suponemos, y considerar la parte superior de la página de Little Caesars es bastante simplista, ya que utiliza los detalles necesarios pero nada más. Es tan probable evaluarlo como muy útil.

La página le da la bienvenida con un 'Hola, invitado' y le muestra lo que hay en su bolsa de compras. Sin embargo, lo que es más significativo aquí son las campañas que ofrece, y Little Caesars muestra las más asequibles y atractivas en el centro.

Comenzar su pedido es más sencillo que todos estos, y puede elegir las opciones que mejor se adapten a sus necesidades. ¿Prefieres recogida o entrega? ¡Elige comer ahora mismo!

14. Melula

Melula es una marca de moda infantil que se centra en zapatos y complementos para el calzado.

un tejido colorido y tres palos de madera sobre un fondo azul

Melula's above the fold es el más simple y colorido que ponemos en esta lista. Como la inocencia de la infancia, la marca utiliza tonos suaves y elementos para hacerse entender.

Su mensaje es realmente explícito, y hacer que los visitantes den un paso en la página se puede proporcionar con el breve botón CTA.

La posibilidad de envío gratuito a todo el mundo se destaca en la parte superior de la tienda y en las páginas debajo de esta.

15. Oskar Gydell

Oskar Gydell es una empresa de joyería fundada en Suecia que trabaja para producir joyas únicas y hechas a mano.

una mano con brazaletes de Oskar Gydell tocando la arena

A diferencia del otro sobre los pliegues, Oskar Gydell ofrece las opciones de moneda según su ubicación y brinda estos detalles en el encabezado.

Ofrece envío gratis si es más de $ 86 USD. Además, puede ver lo que ofrece la tienda en línea antes de hacer clic y elegir continuar comprando al lado de contacto y la página 'Acerca de nosotros'.

Como estamos en pleno verano, no caigamos en la tristeza y veamos la promoción de Oskar Gydell con sus joyas porque encima del pliegue lo muestra con una imagen purista y llamada a la acción.

16. Ventana emergente inteligente

Popupsmart es una herramienta sin código fácil de usar para crear ventanas emergentes y aumentar la generación de clientes potenciales de las empresas que las utilizan.

un ejemplo emergente con la introducción de Popupsmart y un script de invitación

La parte superior del pliegue está diseñada orientada a objetivos porque cuantos más detalles brinde la marca, peor puede ser la situación.

Por lo tanto, Popupsmart comparte las funciones necesarias y las promesas a un usuario con nombres como Greenpeace, UNICEF, Rakuten y Wienerberger, usándolos como pruebas sociales.

Junto a la información necesaria para familiarizarse con Popupsmart, vemos la promoción de las rebajas de verano con un ejemplo de popup que pretende generar leads porque los visitantes deben saber a qué se van a enfrentar.

En cuanto al encabezado, la simplicidad también se logra con solo la información necesaria, como las soluciones, el recorrido del producto para facilitar las cosas, algunos escaparates para guiar y el precio. Más tarde, verá los botones 'Comenzar' para ser parte de la acción.

17. Shopify

Shopify es uno de los software de comercio electrónico más conocidos y una plataforma de compras para muchos nombres distintos.

la visualización de un producto con la explicación de Shopify y una barra de correo electrónico

No se pudo mostrar más que esto para Shopify. Y sí, estamos hablando de la bolsa de la compra. Es el resumen completo de la marca porque, como plataforma de comercio electrónico, muestra los productos y los detalles y las cosas que Shopify puede hacer.

El encabezado de Shopify es suficiente para quienes visitan el sitio web con un propósito y los lleva a secciones directas.

En cuanto a las explicaciones, vemos un método similar con HubSpot y Popupsmart como una forma efectiva de presentarse a los visitantes e invitarlos a compartir sus direcciones de correo electrónico para comenzar una prueba gratuita.

18. Tesla

Tesla es una empresa fundada por Elon Musk, y se ocupa de la industria automotriz y la energía limpia.

un nuevo Tesla Model 3 en la carretera

Podemos decir que Tesla y Apple comparten el mismo método de presentación porque en el centro de la página se promociona el nuevo modelo de Tesla, el Model 3. Además, es posible hacer un pedido personalizado a su gusto o ver el inventario existente.

Cuando nos movemos a la parte superior de la página, vemos un encabezado muy útil con diferentes opciones en la parte superior del pliegue , ya que presenta otros modelos y calidades.

Para exhibir la conciencia ambiental que tiene, Tesla comparte con sus visitantes el Informe de Impacto 2021, que encontramos asertivo y justo.

19. Walmart

Walmart es una corporación minorista que consta de diferentes tipos de tiendas para los consumidores, con sede en Arkansas.

dos y más bolsas y cajas de compras de Walmart con diferentes secciones de comercio electrónico

Uno de los más concurridos por encima de los pliegues es el de Walmart. Sin embargo, no es malo si dirige una corporación minorista porque necesita mostrar a los visitantes lo que tiene.

Ofrece categorías en el encabezado y te permite elaborarlo según tu ubicación, necesidades y fechas.

Walmart también presenta una parte interactiva en el centro porque a medida que pasa el tiempo, existen nuevas oportunidades, ventas y descuentos para los consumidores.

Se puede considerar como una de las páginas superiores más fáciles de usar a pesar de su aglomeración, ya que todo está donde debe estar.

20. Zapier

Zapier es famoso por la automatización y la integración, que muchas marcas quieren tener para una mejor gestión de sus negocios.

dos pantallas separadas con un hombre sentado en un escritorio estudiando en un lado y llamada a la acción con funciones en el otro lado

La parte superior de la página de Zapier también ubica la visualidad en la parte derecha y la respalda con explicaciones justo al lado para mantener la atención de los visitantes en el centro.

Además, con una parte de automatización animada, Zapier demuestra que tiene autoridad en el campo de la automatización. Ofrece promesas de automatización llamando a los visitantes a la acción con un botón como siempre.

El encabezado encaja con el resto de la página ya que la empresa sigue una forma simple y efectiva de mantener a los visitantes y mantener una atmósfera útil en movimiento a través de la página.

Preguntas más frecuentes

¿Tiene usted alguna pregunta? ¡Respondamos!

¿Cómo debería ser un ejemplo de la mitad superior de la página?

Hay algunos criterios con los que debe tener cuidado de la siguiente manera:

  • La simplicidad es lo mejor, no crees ninguna complejidad.
  • Sé muy claro, no te andes con rodeos.
  • Evite el uso de citas y textos largos.
  • Utilice imágenes y ayuda visual.
  • CTA ayudará a sus visitantes a tomar medidas y organizar sus botones en consecuencia.
  • Cree una parte superior de la página fácil de usar y atractiva.

¿Por qué necesita una buena parte superior del pliegue?

Porque si no te importa la parte superior de la página, tendrás que aumentar tu tasa de conversión y la participación de los usuarios.

También da la idea de cuánto te preocupas por tu producto y su promoción a los visitantes.

Sería mejor si recordaras que los visitantes quieren sentirse fascinados y valiosos. Si omite este detalle en la parte superior del pliegue , eso creará una impresión equivocada sobre usted.

¿Por qué la parte superior del pliegue es más importante que la parte inferior del pliegue?

Porque arriba del pliegue en primer lugar saluda a los visitantes y crea el impacto real. Debajo del pliegue, que se refiere a la última parte de la página, se encuentra el segundo paso durante el proceso de navegación. Es decir, debajo del pliegue está el segundo rango en importancia, y lo ves cuando te desplazas hacia abajo. También puedes decir que debajo del pliegue no es un factor causal para los visitantes después de que estén convencidos de que eres profesional.

Envolver

Aunque tratamos con toda la página, la parte superior del pliegue es lo primero que llama la atención.

Por lo tanto, es muy importante dar importancia a tener una página superior efectiva.

Esperamos que disfrute de los ejemplos y que puedan ser la inspiración que está buscando para su sitio web.

Otros blogs inspiradores

Si quieres inspiración para tu negocio, también puedes echar un vistazo a estos.

  • Los mejores ejemplos de llamadas a la acción (CTA) que impulsan las ventas en 2022
  • Los 17 mejores ejemplos de páginas de destino de SaaS y por qué funcionan
  • Aumente las tasas de conversión de formularios con 10 formas simples pero poderosas
  • Optimización de la página del producto 101: los mejores consejos y ejemplos
  • Creación de listas de correo electrónico: 13 métodos probados para hacer crecer su lista de correo electrónico en 2022