Ya hemos hablado de lo que página de destino para qué sirven y en qué principios básicos se basan. Pero a pesar del hecho de que hay una serie de reglas y técnicas que asegurarán el éxito de su sitio, es un error pensar que el desarrollo de la página de destino es un trabajo de plantilla y que se puede crear una página que funcione bien en 5 minutos, solo sepa usted mismo sustituya las imágenes y cambie los textos. Por supuesto, este es un proceso creativo, y la fantasía, respaldada por la comprensión del comportamiento de su público objetivo, solo se fomenta. A continuación, presentaremos una docena de ejemplos de aterrizajes no banales, así como páginas que brindan una alta conversión.
1. Termostato nido
Un rellano de diseño muy interesante dedicado a la venta de un termostato de ambiente. A pesar de la presencia de todo tipo de datos técnicos y descripciones de funcionalidad conveniente, la página de inicio se centra en el componente visual: varias fotos del interior, así como una animación en el medio de la página, brillante en concepto y ejecución, hacen siente que después de comprar este dispositivo, su casa no empeorará más que en las imágenes en Internet. Así, el rellano no vende el termostato, sino el confort en la vivienda, que es la necesidad última del cliente.
2. Chico tímido
Sitio web de un estudio de diseño, después del cual es poco probable que desee buscar ofertas de la competencia. Un aterrizaje de cuatro pantallas puede convencerlo de que recurra a estos tipos, incluso si no lee ninguna reseña o una lista de empresas con las que ha colaborado el estudio. Lo más probable es que simplemente se desplace, admirando el efecto de paralaje y no lo note usted mismo, mientras comienza a ingresar sus datos en un agradable formulario de comentarios. 
http://boy-coy.com
3. Vodka "Valenki"
Otro ejemplo de una hermosa página de destino con un efecto de paralaje. Una página puramente de imagen que no lo obliga a realizar una compra de inmediato, sino que crea una imagen positiva para el público objetivo. Tenga en cuenta que la información sobre la calidad del producto se presenta en un volumen suficiente, pero se puede perder al observar cuán hermosos flotan los cubitos de hielo. Sin embargo, el efecto deseado ya se ha logrado. Este sitio es demasiado hermoso para ofrecer algo de mala calidad; tal conclusión subconsciente surgirá en cada visitante de cualquier sitio de buen gusto. 
http://www.valenkivodka.com
4. Tienda online de ositos de peluche
Los aterrizajes realmente interesantes pueden atraer la atención incluso de personas que están lejos del público objetivo. Mira el ejemplo de una tienda que vende enormes osos de peluche. El sitio está literalmente lleno de ideas interesantes y parece estar en diálogo con el visitante, lo que al final, con una alta probabilidad, significa una compra. 
http://medvedy.com
5. Progreso inteligente
Hermosa página de destino de un servicio popular para establecer y alcanzar objetivos. En primer lugar, vaya y vea cómo funciona, y en segundo lugar, evalúe el diseño que encarna el movimiento hacia la meta. Junto con un relleno de bloques muy competente, realmente motiva a hacer todo lo que está planeado, pero se pospuso indefinidamente. 
https://smartprogress.do
Ejemplos de venta de landing pages con alta conversión
1. Producción e instalación de ventanas de madera.
Como sabes, una landing page no debe sobrecargar al visitante, sino darle inmediatamente algo a lo que engancharse y llenar una solicitud. No discutiremos, pero algunos productos requieren una selección cuidadosa, y no saldrá adelante con uno o dos bloques. La página de destino de este fabricante de ventanas se ajustaba al máximo al programa y tocaba detalles en los que ni siquiera pensamos al elegir ventanas. Y aunque en un par de bloques, según nos parece, hubo una sobrecarga de información, esta página sigue siendo un buen ejemplo de un gran aterrizaje. 
http://goodwin-nnov.ru/
2. Seguro CASCO
Otra landing page de alta conversión. El principio de convertir a un visitante en un cliente potencial se usa aquí de manera similar al ejemplo anterior: una calculadora. Ofrecemos evaluar cuántos parámetros es posible hacer para la selección de una póliza y con qué facilidad se hace esto. Lo mismo se puede decir sobre el resto del contenido del aterrizaje: es extremadamente simple y comprensible, mientras que se describen todos los beneficios que el propietario de un automóvil desea obtener al asegurar su automóvil.
http://prostokasko.rf
3. Franquicia de acuario de entretenimiento automatizado
Un buen ejemplo de landing page de venta que proporciona una alta conversión debido a que explica claramente los beneficios a un potencial cliente, pero también deja la intriga, las ganas de conocer los detalles de un plan de negocio que promete ingresos pasivos. El diseñador es nuestro elogio especial. 
http://morewishes.ru
4. Reparación de portátiles
Un buen ejemplo de una página de aterrizaje donde relativamente un gran número de El texto (incluido el espacio que ocupa en la pantalla principal) no crea ninguna dificultad para el visitante, sino que, por el contrario, se ve orgánico y pinta con éxito todas las ventajas de la organización de reparación. Los servicios de reparación de computadoras portátiles son urgentes, por lo que los clientes potenciales no deben dar información sin medida: unos pocos bloques son suficientes, pero resueltos de la manera más hermosa e informativa posible, lo que inspira confianza.
Victoria Kuchinova
El principal problema con la mayoría de las páginas de destino modernas es que todas parecen estar hechas en copia carbón. ¿Y dónde está la creatividad, el fuego, dónde está el frenesí del diseño?
En esta colección, he recopilado fichas interesantes y efectos inusuales. Algunos de ellos fueron creados por desarrolladores y diseñadores web de Texterra, y otros se encontraron en Runet. No sin ejemplos de diseño repugnante y shiza absoluto: al final del artículo, encontrará un conocido con un hámster asesino y una doncella de nieve con un cubo.
Mire, inspírese, ponga en práctica las ideas que le gustan, mézclelas con las suyas propias y no se olvide de hacer una prueba A/B: esta es la única receta correcta para crear páginas de destino increíbles.
Y, lo más importante, recuerda que una landing page no es una herramienta autosuficiente. Para conversiones, clientes potenciales y ventas, necesita tráfico de alta calidad. Y es difícil conseguirlo sin una promoción integral.
forma extendida
Por lo general, los one-pagers utilizan un formulario de solicitud estándar con varios campos. La mayoría de las veces, el cliente debe proporcionar información de contacto: nombre, apellido, correo o número de teléfono. Pero en algunas áreas complejas es mejor cubrir el tema con más detalle. Así es como lo hicieron en Texterra: en forma de una página de inicio dellservers.ru, el cliente puede seleccionar un módulo, parámetros y tareas del servidor. Puede restablecer los valores si algo salió mal.
¿Para qué sirve? En cualquier caso, el propietario de la página de destino recibirá sus clientes potenciales, incluso si solo hay dos o tres campos en el formulario. Pero aquí será interesante para el cliente profundizar más. No solo para ordenar, sino para elegir su propia opción.
Dos botones STA
En la página de inicio del planificador de tareas en wunderlist.com/ru, hay dos llamadas a la acción a la vez, que se refuerzan entre sí: "Crear un cuenta' y 'Descargar Wunderlist'. Los usuarios hacen clic en ambos enlaces, la conversión sube y la página de destino hace su trabajo a la perfección.
Cifras específicas (resultados)
No es nuevo, pero sigue funcionando. Muestre a los clientes lo que ha logrado en números: esto es más claro que las frases abstractas “somos los mejores”, “tenemos cientos de proyectos terminados”, etc. Mire la página de inicio de smartprogress.do: puede ver de inmediato cuántas personas ya se han unido al proyecto, cuántas metas se han establecido, cuántos logros se han logrado.
Personalización
Páginas de destino de plantilla sin rostro: br-r, ¡qué podría ser más aburrido! Anime su one-pager, agregue fuego, interese a un cliente potencial. Por ejemplo, en la página de servicios de Texterra para crear sitios web, hay fotos de empleados que están directamente involucrados en esto. El visitante entra y ve: sí, no desarrolladores abstractos, pero Svyatoslav, Polina, Artem y otros bastante vivos se ocuparán de mi recurso.
Cómodo formulario de respuesta
En muchas páginas de destino y sitios web, solo puede hacer una pregunta a través de un formulario. Y esto significa que debe indicar el nombre y apellido, dejar el número de teléfono y Email. A veces, incluso tienes que ingresar captchas y códigos: ¡horror! Está claro que esto se hace con el fin de obtener clientes potenciales. Pero hay otra opción, como en la página de destino de Cerebro Target. Si está registrado en VKontakte, no necesita completar nada, tómelo y escriba. Tanto el cliente está cómodo como el propietario está bien: se deja el contacto, puede continuar trabajando.
Opiniones de los usuarios
Puede pedir a los clientes que hablen sobre sus experiencias y publicar los textos recibidos en la página de destino. Pero el problema es que el visitante no verificará de ninguna manera si se trata de reseñas reales o falsas. Es mejor ir más allá y convencer a los visitantes de esto. La página de inicio de huskypark.info, que fue desarrollada por Texterra, cita las palabras de los clientes de Instagram con enlaces a sus cuentas. Todo es justo, ven y verás.
Demostración de resultados
Gráficos 3D y realidad aumentada
La página de destino se creó para la aplicación Qubi. Este es un juego para niños mayores de 3 años y adultos. La esencia del juego es simple. En el primer paso, el usuario, de acuerdo con el esquema propuesto, pega un cubo de papel, cartón o madera real.
Luego instala la aplicación, la abre en su teléfono inteligente y "mira" el cubo a través de la cámara del dispositivo.
En la pantalla de un teléfono inteligente o tableta, el cubo cobra vida. El usuario juega una versión tridimensional de "Snake", "2048", "Labyrinth". En este caso, debes controlar el juego usando un cubo real. Para controlar el cubo con las dos manos, debe usar un soporte especial para su teléfono inteligente, que puede ensamblar usted mismo.
El modelo tridimensional del cubo se puede ver en la ilustración (gif).
Lo que el cliente quería
El cliente solicitó hacer una página de destino que enfatice la característica del juego: el uso de la realidad aumentada en 3D. En particular, quería ver el efecto de las caras móviles de un cubo tridimensional, cuya cara activa está inscrita en la pantalla del dispositivo del visitante.
Qué hemos hecho
Hemos implementado 3D utilizando transformaciones 3D CSS3. Las transiciones entre las caras del cubo se realizan utilizando JavaScript puro con seguimiento de eventos de arrastrar y tocar. Gracias a las transiciones inusuales entre pantallas, el usuario crea una sensación de tridimensionalidad de la pantalla. Esto es especialmente pronunciado en la versión de trabajo de la página de destino.
Para la versión final de la página de destino, hicimos una versión más realista del cubo. A diferencia de la versión de trabajo, en la versión final, la rotación del cubo se produce desde el exterior, no desde el interior. La sensación 3D se ve reforzada por las animaciones de los títulos.
La página de destino es totalmente receptiva.
Selección interactiva de colores de interiores y muebles.
La peculiaridad de la página de inicio de DSK.Color es la capacidad de elegir de forma independiente el color de los muebles y los elementos interiores mediante una paleta interactiva.
La compañía DSK.Color pinta cualquier superficie en diferentes colores. Puedes encargar la coloración de los muebles, electrodomésticos, bicicletas, instrumentos musicales y otros artículos. El cliente puede elegir cualquier color.
El servicio más solicitado es el de pintura de muebles y elementos de interior. Representa alrededor del 80% del trabajo del cliente.
Lo que el cliente quería
El cliente pidió hacer un aterrizaje brillante y memorable "con una llamada para colorear todo alrededor". Tenía ideas para hacer representaciones en 3D de los muebles para que el visitante "pudiera girar y ver el objeto pintado desde diferentes ángulos".
Qué hemos hecho
Le ofrecimos una idea al cliente: darle al visitante la oportunidad de elegir de forma independiente el color de los muebles y los elementos interiores.
Para ello, la landing page ofrecía una imagen de una habitación en la que el visitante puede pintar los principales objetos mediante una paleta que se abre al hacer clic. Según los colores y elementos seleccionados, el usuario puede calcular el costo de los servicios. El primer prototipo se veía así.
Al cliente le gustó mucho la idea, así que creamos un prototipo funcional de la página de destino. En él, la parte principal ya se veía así.
Acordamos con el cliente dejar la posibilidad de pintar la mesa, sillas, puerta y mueble de cocina. Estos son los principales elementos que pinta la empresa.
Tras la aprobación del prototipo, el diseñador y el maquetador se involucraron en el trabajo. El primero dibujó todos los elementos en svg (este es un formato de gráficos). El segundo maquilló y agregó una paleta de colores a las áreas svg. Después de eso, se implementó una ventana modal. Con él, el usuario puede volver a verificar colores y artículos y enviar una solicitud de servicio.
Precargadores inusuales y ordinarios
Con la ayuda de un precargador o un control giratorio, puede hacer que cualquier página de destino sea más conveniente y visualmente atractiva. En esta sección, hablaremos sobre los precargadores y veremos ejemplos de estos elementos creados por especialistas de Texterra.
Qué es un precargador y qué tareas resuelve
Un preloader o spinner es un signo que aparece en la pantalla antes de que se cargue la página. Ves estos elementos todos los días cuando usas Internet. A continuación se muestra un ejemplo de un precargador.
El precargador resuelve un problema práctico: informa al usuario que la página se está cargando y también reemplaza la imagen de carga visualmente poco atractiva. Esto necesita ser explicado.
porque características técnicas El trabajo de los navegadores Las páginas de los sitios se cargan de manera desigual. Durante la carga, el diseño puede "flotar". Si la página se carga en unos segundos, en lugar de una fracción de segundo, el usuario observa una imagen poco atractiva durante algún tiempo.
Los precargadores se implementan utilizando herramientas de desarrollo front-end estándar: HTML, CSS, JavaScript y bibliotecas y marcos adicionales, como jQuery, React.
Cómo mejoramos las páginas de destino con precargadores
Creamos precargadores únicos, incluidos los animados. Estos son algunos de nuestros trabajos.
- Qubi
Para la página de destino de Qubi, creamos un precargador que imita el menú de navegación. Esto permite al usuario comprender cómo se administra la página antes de que se cargue.
- nivelar
En el sitio web de Levellen Interiors, utilizamos un precargador en forma de logotipo de empresa. eso elemento adicional marca del sitio.
La página de destino proporciona información sobre el alquiler de locales en el centro de negocios. El secreto principal de la página de destino está en la sección "Oficinas". Aquí el usuario puede ver la disponibilidad de oficinas libres en cada piso del edificio.
Cuando pasa el cursor sobre una oficina libre, aparece el botón "Detalles".
Al pulsar el botón se dirige al usuario a una página con información sobre la oficina y sus fotos. Desde esta página, puede dejar una solicitud para alquilar una habitación.
Funciones de implementación
Nuestro diseñador dibujó las formas del espacio de la oficina, los dibujos están en formato svg. Estos dibujos se superponen a los planos de planta. Cuando el administrador del sitio en el panel de control nota que la oficina está libre, el script activa la visualización de la imagen en el plan y la capacidad de ir a la página con información y el formulario de pedido. Cuando el administrador nota que la oficina está ocupada, el script apaga la imagen en el plan.
Diseño propio
En este ejemplo, no hay trucos técnicos complejos ni efectos de diseño: todo el aterrizaje se elimina Buena foto: fondo, colores, fotos apetitosas del caviar de Astrakhan. una página astrahancaviar.ru es un buen ejemplo de cómo un diseñador te hace querer comprar un producto. ¡Y come inmediatamente!
Finalmente, sobre lo doloroso: algunos ejemplos de terribles aterrizajes. Por el contrario, facepalm, agonía impotente y todo eso. No describiré lo que está mal con ellos; le sugiero que resuelva estos problemas usted mismo. Ita-a-ak...
Sitios de venta. ¿Lo que es? Una de cada dos personas dirá: "¡Por supuesto, estas son páginas de destino!". Son one-pagers, también son landing pages, también son páginas de venta.
No te convenceré de lo contrario, porque hay mucho de verdad en estas palabras. Por lo tanto, en este artículo analizaremos qué páginas de destino se pueden llamar las mejores y por qué.
Una vez comencé a buscar los sitios más vendidos, dónde ver sus ejemplos, calificaciones y cómo evaluarlos en general. Después de todo, inicialmente se inventó un sitio de una página para aumentar las ventas de la empresa.
Recientemente, muchas cosas han cambiado. Los que antes eran relevantes se han ido, los sitios comenzaron a mejorarse, se hicieron más hermosos, con muchas animaciones, imágenes y varias características atractivas.
Criterios de evaluación
¿Sobre qué base evaluar? ¿Qué tomar como base? ¿Cómo clasificar los sitios TOP-10? ¿Dónde tomar sitios para la competencia? Todo esto complica la situación en la creación de una clasificación real y honesta de los mejores sitios.
Además, no sabemos cuántas empresas de ventas realizan a través de dichos sitios. No puedes llamarlos y preguntar: "¿Cuál es el tuyo?" o "¿De cuántas solicitudes recibes?".
Estoy seguro de que nadie responderá a esa pregunta, porque nadie piensa o dirán que se trata de información confidencial.
¡Sí, soñando! Así que lo hice más fácil. Empecé a buscar y ver valoraciones y selecciones de los mejores aterrizajes. ¿Y sabes qué?
La calificación, por supuesto, es subjetiva, ya que no tenemos indicadores de todas las páginas y no podemos examinar físicamente todos los sitios de Internet. Confiamos en nuestra experiencia y en aquellos sitios que hemos conocido en la World Wide Web durante 5 años.
YA SOMOS MÁS DE 29.000 personas.
ENCENDER
TOP 10 sitios de una página
No tome la numeración como la distribución de premios. Dado que todas las páginas de destino tienen tareas diferentes, lo que significa que compararlas entre sí no solo es poco profesional, sino también estúpido. Así que disfruta del trabajo.
1. Conjunto residencial “Parque Flora”
El sitio es una delicia total. Inmediatamente queda claro que un diseñador genial y un vendedor superior intervinieron. Miras y quieres venir y ver todo tú mismo.
Además, en el sitio ausencia completa, no hay formulario para llenar, solo un número de teléfono. Y esto es correcto en su caso, aunque para muchos pueda parecer extraño.
Conjunto residencial “Parque Flora” El único aspecto negativo es el diseñador de diseño para animaciones mal optimizadas y archivos .
El sitio tarda mucho en cargarse y esto puede afectar en gran medida la tasa de rebote. A la gente no le gusta esperar y lo dejará antes de ver la oferta.
2. Taller “Dinero”
Este no es un sitio web, sino una película completa sobre un "personaje": una billetera de madera. Si costara entre 1000 y 2000 rublos, el sitio fracasaría, ya que no hay elementos obvios: oferta, descripción, formulario de captura, etc. Pero en el segmento Luxur, todo funciona de manera diferente, y esta página es prueba de ello.
La principal desventaja de este sitio es un intento, como dicen, de sentarse en dos sillas, es decir, en una página para vender productos tanto al por menor como al por mayor.
Debe buscar distribuidores en un sitio separado, ya que los compradores minoristas y mayoristas tienen diferentes criterios de selección, lo que significa que deben mostrar diferentes imágenes y beneficios en una secuencia diferente.
Taller “Dinero” 3. Vacantes Alfa-Banco
Este banco rojiblanco es nuestro socio. Somos los autores de su blog para el club de clientes.
Pero su sitio no está aquí por “lazos familiares”, realmente tomaron una buena decisión al buscar empleados para su empresa. Y lo hicieron de una forma muy original.
Vacantes Alfa-Bank Lo único que hay que decirles (y lo haremos) es que no saquen al cliente de este sitio y hagan toda la interacción dentro de él. Por lo tanto, una persona estará más dispuesta a dejar una solicitud debido a la disposición habitual de elementos y una cadena lógica de acciones.
4. Corsé deportivo “Loni-corset”
Este sitio fue desarrollado por nosotros, y es un poco estúpido hacer una calificación y no decir que consideramos que nuestros sitios son geniales.
Además, todos nuestros sitios están en su mejor momento, puedes ver esto aquí —> . Pero como la mayoría de la audiencia de esta página son hombres, decidimos mostrar el sitio con chicas 🙂
Corsé deportivo “Loni-corset” El sitio funcionó para 4+. El único bloque que no pudimos agregar fue la prueba social de la existencia de la empresa emisora.
El cliente optó por no mostrar esta información. Por lo tanto, decimos con valentía que el resultado podría ser mayor si los compradores vieran el almacén, el equipo, la oficina y otros. Pero lo que es, es.
5. Aprobación de SRO “Gralnik Licensing”
A primera vista, este sitio debería hacerte preguntarte por qué está en la lista superior. No hay nada especial en él: diseño simple, bloques ordinarios, textos típicos.
¡PERO! Confía en mí, cuando seas su cliente objetivo, te darás cuenta de que este es un gran sitio que está completamente construido para el cliente. E incluso uno simple se hace por una razón tan común.
Aprobación de SRO “Gralnik Licensing” Por supuesto que tienen espacio para crecer. Su diseño flota en algunos bloques, y hay, por cierto, 15 de ellos. Además, tienen una separación de palabras incorrecta y los elementos principales están mal resaltados.
Pero todo esto son tonterías, porque fundamentalmente todo está hecho correctamente y escrito desde el punto de vista.
6. Proyecto “Gran Secado”
La mayoría de las mujeres (su público objetivo) han oído hablar del proyecto Crazy Drying. Sus anuncios de lanzamiento están por todo Internet. Y esto no es de extrañar cuando se invierten millones en tráfico.
Pero sin un buen sitio, no podrá obtener decenas de millones en ingresos, por lo que su sitio también está incluido en nuestro TOP.
Proyecto “Gran Secado” Se puede apreciar que la creación fue abordada con detenimiento, lo que solo valen algunos textos. Pero cometieron un gran error: no hicieron el botón de llamada al final. Esto afecta mucho la salida de visitantes, ya que no ven el cierre lógico de toda la historia.
7.
Nosotros mismos utilizamos el sistema de relación con el cliente de Bitrix24. Pero como nuestro tema no es “ ”, el sitio web del sistema Megaplan ha superado todas las expectativas.
A través de él, transmitieron todos los puntos principales de su sistema, después de lo cual comprende que esto es lo mejor para los negocios.
CRM "Megaplan"
Uno de nuestros deseos de mejora es añadir una revisión en vídeo del sistema, ya que todos los competidores directos lo tienen. Y también haga llamadas más comprensibles, es decir, reemplace los títulos (no botones) con "Comenzar gratis" o algo así.
¡Por cierto! Si desea usarlo como su sistema CRM, le aconsejo que no olvide el código de promoción "Megastart". Así recibirás un 10% de descuento en tu primera compra y 14 días de uso gratuito.
8. Banco para Emprendedores “Tochka”
Esta landing page del banco recibe un premio por su originalidad. Esta página se envía a tus amigos como un enlace de referencia.
Para mejorar el efecto, agregaríamos algunos bloques más que ejerzan presión sobre la lógica. Ahora el sitio está más centrado en las emociones y, en algunos casos, esta podría ser la decisión correcta. Pero todavía tenemos la opción de un banco, y las emociones por sí solas no pueden hacer aquí.
Banco de Emprendedores "Tochka" 9. Equipo de gimnasio Goodfit
Una interesante transición del sitio de negro a blanco con azul. Pero además de la solución de diseño original, este aterrizaje utiliza un excelente juego de encabezados. Aquí no son un delineador para el bloque, sino elementos independientes, después de leerlos, ya puede crear una imagen completa.
Para un paquete completo, no hay suficiente presentación de video en nombre del CEO. Debe estar en excelente forma física.
A todo esto, sería genial sumar números a los casos. Es decir, cuánto es el salón que recibió el cliente. Esto no es crítico, sino simplemente deseable, porque la especificidad agrega credibilidad y es simplemente conveniente para los visitantes.
Equipo de gimnasio “Goodfit” 10. Centro comercial "METRÓPOLIS"
Definitivamente la página de inicio de centro comercial más genial que he visto. Los colores están bellamente elegidos, se transmite el significado principal, la excelente facilidad de uso es inmediatamente visible cuando accede a esta página de destino. Así que haz clic y explora.
Pero voy a poner en mis 5 centavos de todos modos. Por supuesto, entiendo que las personas que están familiarizadas con este centro deben acceder a este sitio. Pero además de ellos, los que lo vean por primera vez caerán sobre él.
Por lo tanto, era lógico hacer una pequeña descripción (una descripción en pocas palabras sobre la empresa) para que el visitante supiera de inmediato dónde estaba y qué le espera allí.
Centro comercial “METRÓPOLIS” ¿Por qué solo los sitios de Runet?
Sí, en mi reseña me centré principalmente en los mejores sitios de una página en RuNet, aunque hay muchas opciones decentes en el mundo.
Y, lo más importante (y es lo más sorprendente), la página de destino en la burguesía utiliza no solo un desgaste pequeño, sino incluso grande.
Por ejemplo, uno de los servicios de taxi más famosos del mundo, Uber, tomó la siguiente opción como sitio principal: una página de destino multifuncional o, como se suele decir, una página de destino de varias páginas.
Este es un sitio web con muchas páginas de destino. Casi un sitio de varias páginas, pero sigue siendo una página de destino.
Pero deliberadamente no publiqué su página de inicio aquí, porque son diferentes. Que todos digan que repetimos todo después de Occidente, pero en este caso, pienso diferente.
Los rusos somos diferentes. Tenemos un tipo diferente de pensamiento porque vivimos en un país diferente. Por ejemplo, un estadounidense casi no tiene miedo en su cabeza de que la empresa tome el dinero y se disuelva. Como lo tienen todo protegido por diez filas, eso solo cuesta uno PayPal.
Aquí, en Rusia, este miedo está en primer plano. Por lo tanto, tienen pocos bloques convincentes en su sitio web para confiar en la empresa, y nosotros tenemos muchos.
Puedo dar docenas de argumentos más de que tendremos diferentes mejores páginas de destino con ellos. Por lo tanto, pido disculpas, pero sus opciones no estarán aquí.
Disfruta mejor de nuestras soluciones rusas, modela nuestros textos y bloques. Y en sitios extranjeros, solo tome buenas ideas para el diseño.
Brevemente sobre los principales
Ahora que ha visto a todos los solicitantes, no le insto a que se concentre ciegamente en ellos, pero definitivamente vale la pena mirar las mejores páginas de destino para ver un ejemplo.
Como mínimo, puede tomar la idea de una animación interesante de alguien. O, por ejemplo, uno de los creadores conoce perfectamente la suya y la utiliza a lo largo de todo el landing. En general, vale la pena estudiar, sacar conclusiones y adoptar.
Y por cierto, si buscas ideas para tu primera landing page, puedes intentar crearla tú mismo. Así entenderás lo que necesitas y que no es tan sencillo como parece a primera vista.
Use para esto, por ejemplo, PlatformaLP , tilda , Bloxy. Y solo entonces, te esperamos para que nos visites para un desarrollo conjunto.
La peculiaridad de este diseño es que todos los elementos son visibles, pero al mismo tiempo muy bien dispuestos. Una presentación de diapositivas simple pero hermosa también llama la atención.
Diseño simple pero lindo. La ventaja es que puedes ingresar al sitio a través de Facebook sin perder tiempo en el registro.
Un excelente ejemplo de demostración de producto de la empresa. Todos los meses la empresa actualiza la lista de productos que se muestran en la página.
Comprender lo que se vende en el sitio no es un problema gracias al contenido bien estructurado, las hermosas diapositivas y las etiquetas de precios grandes.
Las páginas de ventas más exitosas necesariamente contienen ejemplos de productos claros y fáciles de entender.
El sello distintivo de este diseño es la simplicidad. Un menú simple y un control deslizante brillante van bien juntos.
La página está bien visualizada en diferentes secciones. Para más información detallada Simplemente haga clic en la imagen que desee.
El diseño no está sobrecargado con elementos innecesarios, puede ver de inmediato todas las características y precios de los productos.
sitios de entretenimiento
Simple y de buen gusto. El propósito de la página es inmediatamente claro: ver un video documental.
El diseño de la página está muy bien pensado, fascina y literalmente hipnotiza. Gran combinación de colores y formas.
Este sitio es de primera categoría. El diseño brillantemente pensado y la abundancia de elementos interactivos no dejarán indiferente a nadie.
Esta página de la franquicia de Harry Potter presenta colores, frases y nombres familiares para los fanáticos.
Esta página no solo se ve hermosa, también es muy funcional: muchos elementos interactivos, integración con Google Maps, uso de pestañas.
Incluso después del rediseño, Uncrate no cambia su tradición de colocar todas las secciones del sitio en un conveniente menú de navegación superior.
Este sitio muestra el poder del diseño gráfico y el desarrollo web. Es mejor visitarlo y comprobarlo por ti mismo.
Un gran ejemplo de un diseño de "mosaico" que le permite organizar con estilo una gran cantidad de bloques de contenido.
El componente visual de este sitio es asombroso. Las imágenes vívidas captan instantáneamente la atención de los usuarios.
Jay-Z sabe exactamente cómo divertirse. En su sitio, los artículos, las imágenes y otros contenidos se presentan como mosaicos interactivos.
Este diseño utiliza tonos naturales que van bien con los principales temas planteados en el sitio.
Páginas de destino de la cartera
Una vez más, esta página está dominada por imágenes que, literalmente, cobran vida cuando pasas el mouse por encima.
Este ejemplo tiene una combinación de colores muy interesante. Además, todos los elementos de la página utilizan la misma estructura de fondo, como un árbol.
Aquí se utiliza con mucho éxito el estilo de la "vieja escuela", el diseño de cada elemento está pensado hasta el más mínimo detalle y es único. Gracias al desplazamiento interminable en este sitio, puede disfrutar de tanta belleza durante mucho tiempo.
Un diseño claro y reflexivo ayuda a que la página se comunique de la manera más efectiva. informacion principal a los visitantes El esquema de color combina con la marca y muestra el estilo del diseñador en acción.
La página es una excelente presentación. Cada banner está dedicado a un proyecto separado.
Un ejemplo de un diseño de mosaico inusual.
Esta página está dominada por la tipografía. El uso de diferentes fuentes ayuda a transmitir ideas.
El diseño es conciso y conciso. En la página podemos ver todo lo que necesitamos: tanto el portfolio como enlaces a otras secciones.
Iconos y nada más. Un buen ejemplo de diseño minimalista.
La página del portafolio muestra lo más importante: ejemplos de trabajo.
Venta minorista
La página contiene muchas fotos de usuarios, que se pueden hojear fácilmente con la ayuda de desplazarse y pasar el mouse.
Las fotos grandes y brillantes del producto de la compañía dan ganas de beber una lata de cerveza fría.
Nada distrae al visitante de la contemplación de las horas más hermosas.
Lo más destacado de este sitio es la presentación de diapositivas en la parte superior de la página, que muestra deliciosas delicias culinarias.
La fuente y los gráficos están perfectamente combinados, creando una percepción unificada del sitio. Solo hay tres elementos de menú, y es imposible no notarlo.
Estilo elegante, imágenes de alta calidad, excelente presentación. Nada distrae de los elementos principales.
Toyota creó un sitio estilo Pinterest para los amantes del Camry. Aquí puedes encontrar muchas fotos, artículos, estadísticas.
A pesar de que esta página se ajusta a la altura de una pantalla, tiene muchos elementos interactivos interesantes y detalles inusuales.
El diseño de la página refleja completamente el estilo de la marca: los colores, las fuentes y las imágenes se asocian inmediatamente con esta empresa en particular.
El diseño está realizado en relajantes colores claros, esta combinación de colores es ideal para el producto propuesto.
Este sitio es como un libro que capta tu atención con una trama e ilustraciones inusuales.
El botón rojo flotante en el medio de la pantalla hace su trabajo: realmente quieres hacer clic en él.
Esta página de destino utiliza un efecto de paralaje al desplazarse, lo que deleita a los visitantes.
El diseño está diseñado en el color de la marca, destaca perfectamente el botón CTA del banner principal, que dan ganas de hacer click.
La pancarta principal estilo póster de la película es definitivamente llamativa. Incluso si no sabe lo que hace esta compañía, el Capitán Dash en el cartel lo intrigará.
La cuadrícula inusual de esta página permite a los visitantes ver una gran cantidad de contenido a la vez de una manera fácil de entender.
Esta empresa ha elegido un diseño muy creativo para su sitio web. Al hacer clic en los elementos de la ventana con títulos, podemos acceder a la sección correspondiente.
Un diseño de página de alta calidad indica que se puede confiar en esta empresa.
Esta es una página de fotógrafos profesionales, y su diseño nos ayuda a ver lo más importante: las fotos. Incluso el menú está escondido en la "hamburguesa".
Los elementos brillantes hacen que esta página sea muy atractiva, pero al mismo tiempo son discretos y no distraen la atención del contenido principal.
Este diseño usa un estilo de fondo consistente de bloque a bloque para crear integridad en la página y hacer que la información sea más fácil de leer.
Conclusión
Observamos más de 50 diseños completamente diferentes, pero cada uno de ellos es bueno a su manera y expresa de manera competente la oferta única de la empresa. Al desarrollar una página de destino, es muy importante que la página coincida con su marca y sea interesante para su público objetivo.
El aterrizaje se puede llamar cualquier sitio de una página que contenga una llamada a la acción. Como regla general, los enlaces a dichas páginas están contenidos en los anuncios, por lo que después de la transición de un cliente potencial, tendrá solo unos segundos para convencerlo de que compre, se conecte, se registre, se suscriba a un boletín informativo, asista a un evento o haga algo más. Por lo tanto, dichos sitios constan de 1 página; el contenido no se puede distribuir en varias páginas. El objetivo es interesar y fijar rápidamente la ejecución de la acción, es decir, convertir el tráfico en un resultado. Es decir, la página debe encontrar compradores entre los visitantes.
La diferencia entre las páginas de destino y otros tipos de sitios es que contienen solo una oferta principal (puede haber regalos, descuentos, bonificaciones a continuación, pero el objetivo principal de la página es siempre el mismo). De esto se deduce una simple conclusión: el uso de una página es apropiado cuando la oferta cabe en un botón de llamada a la acción. La propuesta debe ser de naturaleza simple y lineal. Lo más importante para una landing page es el tráfico y ese mismo botón. El resto sirve de marco. Una página le permite controlar el orden en que se recibe la información, por lo que es importante crear una secuencia efectiva de secciones.
Ejemplos de aterrizajes de una página:
1. Casa sobre el boulevard - conjunto residencial
Vib-dom.ru es una página de destino competente y bellamente diseñada de una agencia inmobiliaria, destinada a recopilar solicitudes para la compra de viviendas en un edificio nuevo. Es de destacar que no hay botones como "devolver la llamada" o "dejar una solicitud" en la página. La página describe de manera convincente las ventajas del complejo residencial, brinda una serie de enlaces a copias digitales de permisos, informes y otros tipos de documentos que confirman la confiabilidad de las perspectivas del área residencial y comparte generosamente la información de contacto. El aterrizaje está diseñado para que el cliente, habiéndose familiarizado con las características del proyecto, llame él mismo al departamento de ventas o visite una de las oficinas de la empresa. Es decir, la llamada a apelación es discreta, la descripción del complejo es un motivo natural de interés.
El diseño de la página es genial. Los agradables colores pastel se asocian con la comodidad y, por cierto, corresponden aproximadamente a la combinación de colores del complejo residencial, a juzgar por la foto. Resultó armoniosamente, todo está en estilo uniforme. Las fotografías son excelentes, dan un posicionamiento ventajoso del proyecto. Las descripciones de los diseños de los apartamentos son claras y comprensibles. Los argumentos a favor de las ventajas son de peso, el texto es conciso y de alta calidad. Sin agua y declaraciones largas, cada frase lleva información útil a un cliente potencial. La página ha existido durante aproximadamente 2 años: frente a usted hay una página de destino de larga duración. Esto se debe a los detalles del nicho: comenzaron a atraer clientes al comienzo del desarrollo. Interesante de una sola línea.
2. Viaresto - equipamiento digital para cafeterías y restaurantes
Viaresto.ru es una página excelentemente diseñada de una empresa que suministra, instala y mantiene equipos digitales de videovigilancia, sonido, cajas registradoras, Wi-Fi y otras cosas en diversas instituciones públicas. Contenido de información extremo, argumentos de persuasión cuidadosamente seleccionados, presentación textual y estructural competente, excelente soporte gráfico para las descripciones: todo esto en conjunto causa una fuerte impresión. A pesar de la gran cantidad de información y elementos, la página de destino no se siente sobrecargada, es interesante de leer, porque todo se presenta en detalle y al grano.
El diseño es bastante complejo, se utilizan una gran cantidad de tonos de color y elementos gráficos. No todos son homogéneos, sin embargo, la página se percibe como un todo, tiene una trama. A medida que se desplaza, las "ubicaciones" semánticas cambian y, con ellas, los enfoques del diseño. Estructuralmente, todo es lógico, está claramente construido y tiene sabor a varios efectos de animación. Descripciones de características clave de los servicios, secuencia de acciones en cooperación, precios, reseñas de clientes, cartera de clientes y socios, además de contactos detallados con un formulario para solicitar una consulta como desencadenante de una llamada a la acción. El pie de página resume brevemente el contenido de la página de destino, que, por cierto, ya tiene 4 años, otro hígado largo de alta calidad.
3. Re: contenido - pagina de estudio web
Recontent.ru es una página de inicio para recopilar aplicaciones para crear sitios web. Utiliza una estructura simple y eficiente. Debido a las peculiaridades del nicho, el desarrollador decidió interesar a los clientes solo mostrando ejemplos de trabajos terminados. Argumentación suficiente: según estos ejemplos, todo está perfectamente claro, no es necesario explicar más. Toda la página consta de secciones que contienen capturas de pantalla de sitios con una simple animación de zoom, una breve descripción del proyecto y un enlace al mismo. Todo esto, para variar, está empaquetado en bloques multicolores. Se ve bien, pero nada más.
El diseño es adaptativo y, debido a la estructura elegida, extremadamente simple. El encabezado contiene contactos, el logotipo original del estudio y un disparador de llamada a la acción en forma de resumen para ordenar el sitio. Hay otro tipo de botón en la página con un enlace a un breve formulario para solicitar comentarios. Es decir, obtenemos 2 botones con diferentes formas, pero casi el mismo significado. La adaptabilidad se indica como el único argumento de ventaja y se dan miniaturas de versiones móviles de sitios listos para usar. A continuación, se repite el formulario de pedido de devolución de llamada y se agrega información de contacto detallada. Un aterrizaje normal, en el que casi toda la carga semántica se desplazó a ejemplos de trabajo. Pero no había ventajas de plantilla.
4. Pechatnikov - página de inicio de la imprenta
Pechatnikov.rf: una página de tipografía muy bien diseñada. Un logotipo característico con una referencia a los pioneros del antiguo eslavo, que insinúa la autenticidad del oficio y aumenta su importancia en nuestra era digital. El sombrero parece atmosférico, aunque los elementos en él están dispuestos asimétricamente. A version móvil esto no se ve Hay un menú para una navegación rápida a través de las secciones. Por cierto, este aterrizaje es de varias páginas: los íconos con imágenes de servicios contienen enlaces a páginas con sus descripciones. Esto no contradice la idea de una landing page, también pueden ser multipágina. La esencia de la oferta es ponerse en contacto con la imprenta. No puede publicar dos docenas de servicios en una página; resultará demasiado largo, no terminarán de leerlo. Por lo tanto, la creación de páginas estáticas adicionales está totalmente justificada aquí.
El diseño del sitio es adaptativo, atractivo, aunque estructuralmente simple. La variedad de presentación se logra mediante el uso de muchos íconos únicos. Hay una lista de servicios, que en sí misma es comprensible por el nombre de los nombres. Atención especial pagado a los contactos en el área del pie de página: son grandes, claramente legibles, hay un mapa. La página también anuncia un socio: una papelería. Lo más probable es que esta sea una oficina. Resulta un par de publicidad, bastante rentable. Aquí no hay botones de llamada a la acción, su papel lo desempeñan los bloques de contacto expresivos en el encabezado y el pie de página, que enmarcan la lista de servicios proporcionados. Buen aterrizaje.
5. Sitio web del fabricante para cabinas de intérprete
Sinhro-kabina.ru: una página de inicio para recopilar solicitudes para la compra de equipos muy específicos: varios modelos de cabinas diseñadas para traducción simultánea. El texto sobre la empresa establece que la empresa es la primera y única de su tipo. Lo más probable es que no mientan, es un producto de perfil muy estrecho. En la imagen del encabezado se puede ver de qué se trata, aunque es de bastante mala calidad. Probablemente, tales fotos son difíciles de obtener.
La estructura de la página es extremadamente simple: secciones alternas con descripciones de varios modelos de sincrocabinas. Las características son casi las mismas en todas partes, es difícil entender las diferencias entre los modelos, pero se pueden observar varias propiedades útiles. Sin embargo, no son informativos. El mensaje principal de la página es que hay una empresa que produce un producto tan específico, tiene una dirección, número de teléfono, correo e incluso un perfil de VK. Puedes llamar e informarte más.
Resumiendo
Las páginas de aterrizaje son efectivas si las secciones están bien organizadas y la oferta se presenta de manera de calidad. Su diseño debe ser adaptativo, ya que muchos cambiarán a ellos desde las redes sociales desde los teléfonos inteligentes. Un buen diseño es deseable pero no obligatorio. Lo principal es el contenido de la información y la persuasión. Bueno, un botón, contactos, redes sociales: es necesario que una persona comprenda de inmediato dónde está y dónde escribir o llamar si está interesado.
Las páginas de destino no convierten a los visitantes en compradores, sino que buscan entre la audiencia a aquellos que tienen la predisposición y los recursos para realizar la acción indicada en la página. La conclusión es que la página de destino contiene una oferta preparada, por lo que priva al tormento de la elección. Solo queda convencer al cliente potencial de que esta elección es la correcta. Cuanto más detalladamente formule los argumentos a favor de la oferta y más brillantes muestre los beneficios, mejor.