¿Qué debería el "por encima del pliegue" del sitio web B2B? (Con 5 muestras que realmente pueden cerrar el trato)

El verdadero problema en la vida: ¿por qué el sitio web B2B es hermoso? ¿Nadie contactó?
¿Alguna vez te has sentido así? Su sitio web de negocios B2B está bien diseñado, hermoso, moderno, la información o el servicio de productos están completamente puestos. Al tiempo que también gasta un presupuesto para que las personas ingresen a la web todos los días, pero ... ¿por qué es tan solo? "Solicitar una cotización" o "demostración" es casi cero. Los visitantes se detuvieron como la estación de tren. Bueno, entonces continúa una conversación de negocios una vez
Si se encuentra con la situación, "el tráfico solo ha liderado". Esto no es para enfrentar este problema solo. Estos son los síntomas clásicos del sitio web que se perdió la "oportunidad de oro en los primeros 5 segundos" desafortunadamente. El área llamada "por encima del pliegue" o la primera parte de la pantalla que el usuario vio sin tener que desplazarse hacia abajo. Es el campo de batalla para juzgar el destino más importante y su sitio web puede ser derrotado en este campo de batalla.
Solicite ilustraciones: pantalla dividida en comparación con el lado izquierdo como una imagen de una persona que mira la pantalla de la computadora con confusión, dolor de cabeza con el lado derecho como persona con una sonrisa satisfactoria mientras usa el mismo sitio web, pero el nuevo diseño. Hay un mensaje distintivo de que "5 segundos para juzgar el futuro de su negocio"
¿Por qué ocurrió ese problema: puntos ciegos que no se ven en "el primer punto de control"
La razón por la que funcionan el pliegue anterior de muchos sitios web B2B no es completamente efectivo. No porque el diseño no sea hermoso, sino porque es "comunicación" no es lo suficientemente bueno. La mayoría de los problemas son causados por estos malentendidos:
- Fascinado por el diseño hasta que olvide las tareas principales: a menudo damos importancia a la hermosa animación o el diseño exótico de que olvida que la función más importante de esta área es la "comunicación valiosa" para ser lo más clara posible.
- Use el vocabulario técnico que se comprende a sí mismo: palabras como "soluciones innovadoras" o "asociaciones sinérgicas" pueden sonar geniales. Pero para los clientes que vienen por primera vez, no dice que "haga cualquier cosa" y "ayude a resolver cualquier problema para él".
- No hay un signo "claro": los visitantes entran y se interesan. Pero no sé qué hacer con el botón de llamada a la acción (CTA) puede ser demasiado pequeño, el color se tragó el fondo o ninguno, lo que hace que se pierdan y finalmente se presionen.
- No entiendo el viaje de los clientes. B2B: La decisión de los clientes de la organización es complicada y pasa tiempo buscando "expertos" para ayudar a resolver. Su "problema comercial" no es solo una tienda en línea general. Por lo tanto, el valor del valor debe ser realmente preciso y en su dolor.
Investigaciones de expertos en UX como el Grupo Norman Nielsen confirmaron durante muchos años que, aunque el comportamiento de desplazamiento es normal, la información que el usuario está interesado disminuirá suavemente al desplazarse hacia abajo. Esto significa que el área de pliegue anterior sigue siendo el "inmobiliario más caro" en su página web.
Solicitud de ilustraciones: las imágenes infográficas simples muestran el cerebro del cliente con un signo de interrogación (?) Mientras mira el pliegue anterior, el sitio web está lleno de términos técnicos y no tiene un botón CTA claro.
Si se deja, cómo afectará: el precio que debe pagarse es más costoso de lo esperado.
Tener un débil por encima del pliegue no se trata solo de perder oportunidades, sino que es un "costo" que su negocio está pagando todos los días sin saberlo. Las consecuencias son más intensas de lo esperado:
- Gasto publicitario desperdiciado: está pagando a que la gente haga clic. Y luego presione inmediatamente, es como verter agua en la arena. No queda nada para cosechar en absoluto.
- Perdió una oportunidad de negocio de alto valor: imagine tener una ventaja potencial que está lista para cerrar los dígitos 6-7 a su sitio web. Pero en cambio no pude encontrar la información o el botón de contacto ... ese fue el ingreso que desapareció frente a los ojos
- Romper la imagen de la marca: sitio web que se comunica confundido. Haga que su marca parezca poco profesional. Poco confiable y no preste atención a los detalles que son extremadamente peligrosos en el mercado B2B. La confianza lo es todo
- Peor rango de SEO: cuando el usuario entra y presione rápidamente "inesperado" (sin eliminar) y reducirá gradualmente su rango a largo plazo. Los diseños de UX/UI para empresas B2B de alto valor no son solo hermosas. Pero es un factor importante de SEO
Solicitud de ilustraciones: la imagen plateada está flotando desde la pantalla de la computadora que abre el sitio web B2B que se ve confundido, con un gráfico de tasa de rebote.
¿Hay alguna solución? Y dónde debe comenzar: ¡Abra 5 textos que deben tener!
La buena noticia es que este problema se puede resolver. Y ni siquiera tiene que tener que desmantelar todos los nuevos sitios web, simplemente ajustamos los "5 elementos importantes" en la sección de pliegue anterior para que sea claro y trabaje juntos de manera eficiente. Puede cambiar el visitante al cliente de inmediato.
El principio principal es responder 3 preguntas de los visitantes en 5 segundos: "¿Dónde está esto?", "¿Qué hay para mí?" Y "¿Qué debo hacer a continuación?"
- Titular que se comunica (encabezado de la propuesta de valor): esta es la parte más importante. Debe responder: "¿Qué haces y ayuda a resolver el problema para alguien?" El más claramente en una oración. Olvídese primero las palabras elegantes y concéntrese en los "resultados" que recibirán los clientes.
- Subvaliente explicativo: 1-2 Las oraciones cortas que expanden el titular pueden decir que usted hace "cómo" o lo hace "para quién"
- La imagen o el video que refleja los resultados (compilaciones de imágenes): use un héroe (imagen de héroe) o videos de alta calidad que muestren "los resultados del servicio" o "los productos están funcionando" no solo hermosas fotos de stock. No relacionado
- El principal llamado a la acción-acción-CTA: debe tener el botón principal. "Solo un botón" es el más prominente. Informe al usuario lo que desea hacer lo más posible, como "solicitar una demostración" o "obtener una cotización.
- Señales de confianza / prueba social: especialmente en el mercado B2B. Ponga el logotipo de los grandes clientes que usó para proporcionar, premios o estadísticas interesantes, como "más de 500 empresas líderes"
La combinación perfecta de estos elementos es el corazón de la optimización que realmente cambiará el juego para su sitio web B2B.
Solicitud de ilustraciones: la hermosa infografía muestra el diseño del pliegue anterior, con 1-5 puntos a cada parte (titular, Sub-Headline, Visual, CTA, señales de confianza) con una breve explicación.
Ejemplos de lo real que solía lograrse: ¡5 sitios web B2B que usan por encima del pliegue para cerrar el trato!
Qué buena teoría no tanto como ves lo real, veamos cómo la empresa B2B de clase mundial usa 5 elementos anteriores para crear poderosos por encima del pliegue.
1. Asana:
- Titular: "Trabaja en grandes ideas, sin el trabajo ocupado". (Gran trabajo sin tener que estar ocupado con el trabajo) - Comunicar claramente los resultados es reducir el trabajo innecesario.
- Sub -headline: " Desde las cosas pequeñas hasta el panorama general, Asana
organiza el trabajo para que los equipos sepan qué hacer, por qué es importante y cómo hacerlo
" . " Comienza", Clear Black Button
- Prueba social: Clientes de clase mundial como Amazon, Google, Deloitte debajo de
2. Shopify:
- Titular: "La plataforma de comercio global" (Plataforma comercial para Worldwide) - ¿Qué tan claro es?
- Sub -headline: "Construya su negocio con una plataforma que ayude, en línea, en línea y con un ojo en el medio". - Expandiendo la capacidad
- Visual: la imagen de la tienda que se ve bien y exitosa
- CTA: "Iniciar prueba gratuita", Big Green Botton, visto desde KLA
- Prueba social: declaró que "confiaba por miles de negocios en todo el mundo".
3. Slack:
- Cabezal: "Muévete más rápido con tus herramientas en un solo lugar" (trabaje más rápido con todas las herramientas en un solo lugar) - Concéntrese en "Velocidad", que es lo que todo lo comercial necesita
: Sub -headline: "Automatice las tareas de rutina y concéntrese en lo que más importa". - Expandir los beneficios
- Visual: el programa que muestra la aplicación que funciona con otras aplicaciones
- CTA: hay 2 botones claros. Elija según las necesidades
- Prueba social: logotipo, muchos clientes líderes
4. Hubspot:
- Titular : "
Una potente plataforma CRM que es fácil de usar" (CRM CRM fácil) - Solpe los competidores que a menudo son difíciles de usar
. Marketing, ventas, gestión de contenido y servicio al cliente. " - Dígale la integridad - Visual: el tablero general que se ve limpio y fácil de entender
- CTA: " Obtener una demostración "y" comenzar gratis "
- Prueba social: números disponibles, usuarios y coco
5. Caterpillar (CAT):
- Titular: )
- Comunique la fuerza y necesaria en la industria pesada.
- Sub -headline: No, pero usa la imagen para contar la historia . Reflejando el poder y confiable Este es un ejemplo de diseño de la página de destino para excelentes
: CTA: "Explorar productos y servicios" y "encontrar un concesionario" claramente
- Prueba social: la marca Caterpillar en sí es la prueba social más fuerte.
Solicitud de ilustraciones: imágenes de collage que incluyen la captura de pantalla. El pliegue anterior de los 5 sitios web está bellamente arreglado.
Si quieres seguir, ¿qué hacer? (Se puede usar de inmediato): Lista de verificación 6 pasos para ver el pliegue
Listo para mejorar su sitio web, ¿verdad? Intente seguir la lista de verificación de 6 pasos.
- Establezca su objetivo número 1: pregúntese: "¿Cuál es la única acción más importante que desea que los visitantes hagan en esta página?"
- Movilizar el cerebro. Escriba la propuesta de valor: intente escribir muchos tipos de titulares utilizando fórmulas simples: [el resultado final que los clientes necesitan] + [para cualquier persona] + [que ayuda a resolver problemas] como "plataformas de contabilidad para independientes. Eso ayuda a ahorrar el documento tiempo 10 horas por mes".
- Elija el CTA más potente: el texto en el botón debe ser estimulado para hacer y decir los resultados. No es una palabra ancha como "enviar información". Eche un vistazo a las muestras de CTA para que el sitio web de B2B encuentre más inspiración.
- Elija la imagen correcta: la imagen se usa para comunicarse y mejorar su titular. La imagen del producto está funcionando? ¿Su imagen de equipo está sirviendo a los clientes? O el gráfico que muestra crecimiento? Elija el más poderoso
- Recopile la mejor prueba social: elija los 3-5 clientes más famosos que puede usar o seleccionar 1 testimonio más potente para mostrar.
- Estructura (estructura alámbrica) Antes de la acción real: no ser hermosa. Simplemente use el papel y el bolígrafo para ver dónde se colocarán los 5 elementos. Para ver la imagen general y la prioridad antes de que el equipo de desarrollo realmente lo haga
Comprender que "qué decir" para que los clientes de la organización crean es la clave, intente leer más. ¿Cómo escribir páginas 'por qué tienes que elegirnos' para pulir tus valores para que sea agudo?
Solicitud de ilustraciones: hermosas imágenes de la lista de verificación con cada icono (objetivo, cerebro, botón del mouse, imagen, logotipo, papel de borrador)
Preguntas que las personas tienden a preguntarse y las respuestas que se limpian
Pregunta: "Por encima del pliegue" sigue siendo importante? ¿En este día y todos entonces desplazan todas las pantallas para ver la web?
Respuesta: ¡Más importante! Como se mencionó anteriormente, es la decisión de que el visitante "perderá su tiempo para desplazarse hacia abajo para ver?" Si los primeros 5 segundos, no puedes hacer que se interese. Presionará inmediatamente sin posponer en cualquier lugar. Intente leer en el análisis de profundidad aquí: ¿ Sigue por encima del pliegue sigue siendo importante?
Pregunta: ¿Cuántos botones CTA se deben tener en la sección de pliegues anteriores?
Respuesta: La mejor regla es "con el botón CTA primario más prominente" y puede tener "CTA secundario" que es menos prominente (como usar un enlace. O botones translúcidos). Se pueden colocar cerca el uno del otro, como el botón principal es "demócratas" (color sólido) y el botón secundario es "ver video" (aireado) para opciones. Pero no confuso
Pregunta: Para el sitio web de B2B, ¿debería ser mejor usar fotos o fotos de Stock Photo?
Respuesta: Fotos reales del equipo, oficina o sus productos que se toman profesionalmente. Siempre construirá credibilidad y vínculos mejor que las imágenes de archivo porque muestra una identidad real, pero si es necesario usar imágenes de stock elige invertir con imágenes de alta calidad que se vean naturales y transmitan los "resultados" que los clientes recibirán. No es una foto de un extranjero sonriendo en una sala de reuniones falsas
Pregunta: Somos una pequeña empresa. No hay un logotipo de cliente famoso para mostrar. ¿Qué tengo que hacer?
Respuesta: ¡Está bien! Puede usar la prueba social de otras maneras, como testimonios o cumplidos de los clientes. (Solicite el permiso primero) para mostrar con su nombre y compañía, muestre el caso de caso de caso, que dice que usted ayuda al cliente a resolver cualquier problema y obtener mejores resultados, o mostrar la cantidad de proyectos exitosos. Estas cosas crean una buena credibilidad, no inferior al logotipo.
Solicitud de ilustraciones: Icono de marca de interrogación grande (?) Con Bóng đèn (bombilla) que es brillante además de transmitir una respuesta clara
Resumen para ser fácil de entender + quiero intentar hacer
En resumen, "el primer punto de control" o el pliegue anterior de su sitio web B2B tendrá que actuar como la mejor recepcionista. Es capaz de contar toda la historia de su negocio en 5 segundos con 5 componentes importantes: titular nítido, subtitea clara, potente visual, CTA de navegación y prueba social que aseguran
La inversión es mejorar el espacio pequeño. Esta es una de las inversiones más valiosas que puede hacer por su negocio. Puede cambiar el destino del sitio web desde solo "hermoso folleto en línea" para convertirse en una "herramienta de creación de leads y cerrar las ventas en el trabajo para usted las 24 horas".
Ahora ... intente abrir su sitio web. Y solo mire la parte que no tiene que desplazar la pantalla, pregunté a sí mismo honestamente que "si soy el cliente que vino por primera vez, ¿lo entenderé en 5 segundos? ¿Y qué debo hacer a continuación?"
Si la respuesta es "no" o "no estoy seguro" ... ¡es hora de cambiar!
Si desea un equipo profesional que tenga experiencia en la creación de una página web que realmente pueda cambiar a los clientes, considere y UX/UI que se centre en nuestra conversión más alta. Estamos listos para dar consejos para encontrar la mejor solución para su negocio.
Solicitud de ilustraciones: las personas señalan el botón "Solicitar una demostración" en la pantalla de la computadora con sonrisas de confianza. La parte posterior es un gráfico de conversión que se eleva.
Blog reciente

¡Agregue clientes para alquilar con SEO! En profundidad, la estrategia de SEO para las empresas de alquiler, especialmente desde el SEO local hasta la página del producto.

¡Deja de perder el tiempo haciendo un reportable! Enseñe cómo conectarse a N8N con Google Looker Studio (Data Studio) para crear un tablero y un marketing automático.

¡Haga que el usuario "huele" la información deseada! Aprenda el principio de "aroma de información" para diseñar la navegación y UX que guíe a los usuarios a la meta y agregue la conversión.