O deseño da páxina de inicio (ou páxina de inicio) é o deseño visual e estrutural da primeira páxina dun sitio web que os visitantes ven cando visitan o sitio por primeira vez. A páxina de inicio xoga un papel fundamental na creación da primeira impresión do sitio e axuda aos visitantes a atopar a información que necesitan ou a navegar máis polo recurso.
1. Deseño da páxina de inicio de Shopify
Como moitas das outras páxinas de destino desta publicación, a páxina de destino de mostra Shopify faino sinxelo. Por exemplo, o título centrado no usuario é só unhas poucas palabras e a páxina depende de viñetas simples en lugar de parágrafos para transmitir os detalles e os beneficios da proba. Só hai algúns campos que deben cubrirse antes de comezar. Todo isto facilita que poidas vender en liña usando a túa ferramenta.
2. Deseño da páxina de inicio do fociño
As páxinas de destino axudan aos usuarios a decidir se o seu produto ou servizo paga a pena o seu valioso tempo e enerxía. Que mellor forma de comunicar a túa proposta de valor de forma clara e directa que relacionando os teus visitantes co propio problema que soluciona a túa aplicación?
Os comentarios de Instagram son máis
BozaUnha aplicación para Mac que silencia as notificacións en pantalla cobre isto completamente mostrar sen dicir mentalidade na súa páxina de destino mínima. Os visitantes desta páxina son recibidos por un rápido disparo de notificacións incómodas na esquina superior esquerda da pantalla. A animación non só é divertida, senón que tamén transmite de forma convincente a utilidade da aplicación sen longas descricións.
3. Deseño da páxina de inicio de TransferWise
TransferWise permíteche enviar e recibir diñeiro en varias moedas, e a súa páxina de destino, que se mostra a continuación, desglosa cada acción individual para que non te distrairán as opcións que non che correspondan.
Se queres enviar diñeiro, podes cubrir o formulario de transferencia. Para recibir diñeiro, só tes que ir á pestana do medio e para rexistrarte en TransferWise usando a túa tarxeta de débito, vai á pestana do extremo dereito.
Cada pestana desta páxina de destino crea a súa propia chamada á acción dependendo do que te rexistres, cada un cun marco verde brillante para resaltar o teu seguinte paso despois de tres posibles puntos de partida.
4. Deseño da páxina de inicio de Airbnb
Para axudar a converter os visitantes en anfitrións, Airbnb ofrece unha personalización tentadora: unha estimación aproximada das ganancias medias en función da túa localización. Podes introducir información adicional sobre a túa posible colocación nos campos para obter unha avaliación aínda máis personalizada.
Se xa visitaches unha páxina da que estás convencido, unha chamada á acción clara na parte superior da páxina facilita a conversión no lugar.
5.Equipo
peculiar non adoita ser a primeira palabra que se lle ocorre cando pensas no software de RRHH, pero a páxina de destino visual de Teambit é só iso. Un formulario sinxelo cun campo vai acompañado dunha adorable oficina chea de personaxes animais, todos eles moi feliz con Teambit, se estás interesado. Ao carón de cada sección de información da páxina de destino aparece un animal de debuxos animados, o que invita aos visitantes a desprazarse cara abaixo para obter máis información. Deseño da páxina de inicio
Páxina de destino Teambit é unha gran proba de que non precisa ter un produto ou servizo "divertido" para crear unha páxina de destino divertida.
6. Deseño da páxina de inicio de Wistia
En primeiro lugar, esta é a páxina de destino Wistia pola súa conta gratuíta de Wistia. Inmediatamente notas o formulario cun campo para crear unha conta: o fondo azul cun deseño mínimo contrasta moi ben co campo de formulario branco brillante.
A lonxitude do campo do formulario combinada coa localización destacada elimina case toda a fricción ao crear unha conta... pero se tes dúbidas, sempre podes desprazarte a continuación para ler as preguntas frecuentes. Ao separar os dous cun forte contraste de cores, Wistia facilita moito o proceso de conversión.
7. Fluxo web. Deseño da páxina de inicio
Fluxo web, unha ferramenta de deseño para desenvolvedores web, recolle moita información nun GIF e tres campos de formulario. Sería bo ter todo o formulario de rexistro nunha soa liña; non só fai que a páxina sexa máis curta, senón que encher todos os campos de esquerda a dereita mostra aos usuarios o preto que están de facer clic no cuarto botón azul e comezar de forma gratuíta.
O GIF animado debaixo do formulario móstrase no mesmo marco do sitio web para que os usuarios poidan ver como funciona o produto. и rexistrarse sen desprazarse nin ir a unha nova páxina.
Deseño da páxina de inicio do libro electrónico
8. Deseño da páxina de inicio de Nauto
Nauto, unha plataforma de datos de coches autónomos, está contribuíndo a que a condución autónoma sexa máis segura para as empresas que xestionan flotas. Por suposto, os seus clientes necesitarán toda a información para vender nesta plataforma. Nauto teno super sinxelo libro electrónico, cuxa páxina de destino ofrécelle un breve formulario de contacto e estatísticas de vista previa para demostrar por que este recurso é tan importante.
O botón verde "Descargar agora" quizais fose adrede (o verde significa "ir" despois de todo).
Desprázate cara abaixo e verás outro CTA "Obter eBook" para lembrar aos usuarios o que hai na tenda. Tamén verás tres estatísticas de accidentes de tráfico para animar aos usuarios a aprender máis. Mírao a continuación.
9. Deseño da páxina de inicio do marketing industrial forte
Esta páxina de destino atrae inmediatamente co seu título irresistible e contundente: "Non me fagas zoom". Isto fala directamente da experiencia xeral que temos a maioría de nós cando nos desprazamos polos nosos teléfonos ou tabletas, e tamén é un pouco descarado.
Pero iso non é o único que me interesou nesta páxina de destino. Observe como a cor vermella está estratexicamente situada na parte superior e na parte inferior do formulario, achegándoche aínda máis ao evento de conversión.
Ademais, este deseño é meta para arrancar: ten un aspecto e funciona moi ben dispositivos móbiles. Teña en conta que moitos visitantes accederán ás súas páxinas de destino nos seus teléfonos intelixentes ou tabletas, e se deseño do teu sitio web non lles convén, poden renunciar e deixar a túa páxina.
Os especialistas en mercadotecnia de forza industrial fixeron o campo fontes e formularios o suficientemente grandes como para que os visitantes non teñan que, por exemplo, facer zoom para ler e interactuar co contido.
10. Velaro Live Chat
Ás veces, os máis pequenos detalles marcan a maior diferenza. Por exemplo, son eles os que fan a páxina de destino Chat en directo de Velaro incrible.
Ese pequeno símbolo PDF enriba da imaxe do elemento axuda a determinar en que formato estará a descarga. Unha frecha antes do subtítulo axuda a destacar aínda máis a copia importante que os visitantes queren ler. Do mesmo xeito que IMPACT, tamén teñen unha caixa de verificación marcada automaticamente subscricións ao boletín no seu formulario, que, se se converte nunha caixa de verificación adicional, é unha boa forma de aumentar o número de subscritores. Todos estes detalles pequenos e aparentemente insignificantes axudan a sumar un deseño de páxina de destino sólido e sorprendente. Deseño da páxina de inicio
11. IMPACTO Branding e deseño / Deseño da páxina de inicio
Casa IMPACTO foron durante moito tempo unha fonte de inspiración para os deseñadores. Encántame o deseño sinxelo da páxina, desde a copia do título grande e a imaxe detallada, ata o contorno que rodea a forma, ata as cores e fontes que son moi agradables á vista.
O manual gratuíto que IMPACT ofrece para descargar aquí tampouco destaca a propia descarga no botón azul que che permite enviar o formulario cuberto. Pola contra, IMPACT invítache a "xerar máis conversións" centrándote no que podes obter coa lectura da guía.
Páxinas de destino para obter máis información
12
Non me estraña iso Unbounce está na parte superior desta lista; realmente escribiron o libro sobre a creación de páxinas de destino de alta conversión. Aínda que hai moitas cousas sorprendentes sobre esta páxina de destino, dúas que me gustan moito son: 1) o uso dunha caixa de chat en lugar dun formulario clásico e 2) a información detallada, pero ben empaquetada, debaixo do formulario/Inicio. Deseño da páxina
O primeiro axuda a dirixir a atención sobre o propósito da páxina (para que enche un formulario) dun xeito discreto e que non se sinta como unha tarefa. O segundo dálle a esa páxina un impulso SEO (os buscadores terán máis contido para rastrexar) e elimina a ansiedade das persoas que necesitan saber máis sobre un contido antes de enviar a súa información, sen distraer á xente da xanela do chat.
13. Bills.com. Deseño da páxina de inicio
A xente adoita pensar nas páxinas de destino como páxinas estáticas do teu sitio web. Pero coas ferramentas adecuadas, podes facelos interactivos e personalizados.
Toma o exemplo de abaixo con Bills.com. Para saber se se beneficiaría da súa consulta, responde a tres preguntas antes de que che mostre o formulario. Comeza con isto:
Despois respondes dúas preguntas máis como a seguinte:
E aquí está o formulario da páxina de destino final onde enche a súa información:
Non estou seguro de como funciona o algoritmo (ou se o hai), pero mentres o encheba tiña algunha preocupación non calificacións. Unha vez que descubrín o que fixen, quedei entusiasmado por cubrir o formulario, que seguro que a maioría das persoas que teñen débedas e utilizan esta ferramenta. Ao facer que esta oferta sexa máis exclusiva antes de que o formulario apareza na páxina de destino, aposto que Bills.com o fará de forma significativa aumento da conversión.
14. Deseño da páxina de inicio de Trulia
De verdade fixo algo moi parecido a Bills.com coa súa páxina de destino. Comeza cunha forma sinxela de pedir "enderezo" (que soa menos arrepiante que "o teu enderezo", aínda que iso é o que queren dicir). Debaixo deste sinxelo campo de formulario hai un botón laranxa brillante que contrasta ben coa imaxe do personaxe detrás do formulario e destaca que a estimación será personalizada para a túa casa.
Por suposto, o enderezo en si non é suficiente para estimar o valor da casa. Simplemente denota o entorno da casa. É por iso que a páxina seguinte inclúe preguntas adicionais sobre a propiedade en si, como o número de camas e baños. Abaixo podes ver unha copia de "Díganos onde enviar o informe" - coa exención de responsabilidade de que ao introducir esta información estás de acordo en contactar co axente inmobiliario. Este é un gran exemplo de como unha empresa valora aos seus visitantes desde o principio, ao tempo que establece as expectativas dos visitantes sobre o que sucederá como resultado.
15. Deseño da páxina de inicio de Landbot
landbot, un servizo que crea páxinas de destino baseadas en chatbots, coloca o seu propio produto no centro da súa páxina de destino baseada en chat. Os visitantes son recibidos por un bot amigable, completo de emojis e GIF, que os anima a proporcionar información nun formato conversacional en lugar do tradicional.
16. Webprofits
Para un pouco de contraste... e das longas páxinas de destino? Con só algúns trucos, podes facer que incluso a páxina de destino máis longa pareza curta. A seguinte páxina de destino de Webprofits mostra como facelo. Deseño da páxina de inicio
Hai un botón CTA destacado na parte superior dereita para obter máis información, cun bo contraste no fondo para que destaque e unha frecha cara abaixo para animar o desprazamento. Ao non colocar o campo de formulario por diante, axudan a reducir a fricción e ofrecen aos visitantes a oportunidade de aprender máis antes de que se lles presente unha opción de conversión.
Tamén permiten comprender o que é realmente fai Beneficios web . O resto da páxina ofrece detalles do que recibirá cando envíe a súa información. Ademais, inclúe CTA estratéxicas que che axudarán a volver á parte superior para cubrir o formulario, como "Falemos".
17. H.BLOOM
Ás veces só tes que parar e admirar unha páxina de destino polo fermoso que é. Cando se utiliza unha foto de alta resolución e moito espazo en branco na páxina de destino H.BLOOM agradable de mirar.
Ademais da súa beleza, a páxina ten algúns elementos de conversión xeniais: un formulario superior, unha descrición clara e concisa do que ocorrerá cando enche o formulario e ata un botón laranxa "Enviar". O único que cambiaremos? Copia no botón Enviar: pode ser máis específico para a proposta que se ofrece. Deseño da páxina de inicio
18. Conversionlab
Aínda que non incluiría unha publicación de formulario de exemplo nunha publicación sobre páxinas de destino, este sitio é especial. Páxina de inicio é o sitio enteiro; as ligazóns de navegación simplemente lerán á información a continuación. Deseño da páxina de inicio
Cando fai clic en "Obter axuda nas páxinas de destino", todo o sitio móvese para deixar espazo para o formulario. Aquí tes o que parece antes de facer clic:
E, cando fagas clic nese CTA, mira como ten o formulario:
Gústame que non teñas que abandonar a páxina para cubrir o formulario, pero o formulario non será intrusivo para os visitantes ocasionais do sitio.
Ideas/Deseño da páxina de inicio
Unha páxina de inicio ben optimizada pode converter os clientes en clientes potenciales ao capturar información que che axudará a comprender, comercializar e deleitar mellor aos teus visitantes. Dado que as páxinas de destino son fundamentais para as conversións, é importante asegurarse de que estean ben planificadas, deseñadas e executadas. Aquí tes algunhas cousas a ter en conta ao crear dirixido pages:Estética atractiva: só a cor da túa páxina de destino e unha interface de usuario limpa poden axudar. Os visitantes quererán saber máis sobre os teus produtos e ver probas do valor que ofreces. Bótalle un ollo ao número 10 da nosa lista, Inbound Emotion, para ver un gran exemplo dunha páxina web incrible.
Menos é máis: deixa que a frase ou as imaxes fagan a maior parte da conversa, pero asegúrate de incluír todos os títulos descritivos e texto de apoio para que a túa páxina de destino sexa clara e convincente. Isto aplícase a case todos os compoñentes da páxina: espazos en branco, copia sinxela e formularios máis curtos.
Deseño da páxina de inicio
Mantén os visitantes na páxina: ao eliminar a navegación principal ou calquera vínculo de retroceso que distrae, é menos probable que se produza algún tipo de fricción de xeración de leads que poida levar aos visitantes a abandonar a túa páxina.
Compartindo nas redes sociais. Unha forma sinxela de atraer visitantes á túa páxina de destino é mediante os botóns de compartirredes sociais, para que poidan distribuír o teu contido aos seus seguidores das redes sociais. Despois de todo, os clientes son o centro do seu volante de mercadotecnia.
Probas A/B: é importante que as páxinas de destino funcionen correctamente e, dado que a psicoloxía do consumidor ás veces pode resultar sorprendente, sempre é mellor probar con diferentes versións das túas páxinas para ver cal ten a taxa de conversión (CVR) máis alta. Consulta o posicionamento da oferta, os tipos de CTA ou mesmo o esquema de cores.
Chamada á acción: CTA, onde a carne está na páxina de destino, ou o punto de inflexión, onde está a perspectiva de converterse en contactos. As CTA poden pedirlles aos visitantes que se subscriban, descarguen, enchen un formulario e compartan redes sociais etc., pero en xeral, as CTA son necesarias para involucrar máis activamente á túa audiencia coa túa oferta. Para xerar clientes potenciales, os CTA deben ser audaces e atractivos, pero o máis importante é que deben transmitir valor de forma eficaz.
Deixe un comentario