![\"\"](\"\/blog\/wp-content\/uploads\/2020\/08\/Site-Conhe\u00e7a-Conube_v1-1.png\")
<\/a><\/p>\nNesta postagem vamos apresentar uma s\u00e9rie de dicas para\u00a0criar layout de sites\u00a0e como fazer com que eles sejam mais efetivos, convertendo mais vendas ou outras a\u00e7\u00f5es de seu interesse, como a coleta de informa\u00e7\u00f5es de usu\u00e1rios para transform\u00e1-los em leads, por exemplo.<\/p>\n
6 dicas de cria\u00e7\u00e3o de layout de sites e aumento de convers\u00e3o<\/strong><\/h2>\n1- O conceito de \u201cAbove the Fold\u201d<\/strong><\/h3>\nQuando abrimos uma p\u00e1gina na internet temos uma vis\u00e3o imediata de uma parte de seu conte\u00fado. Para acessar o resto, \u00e9 necess\u00e1rio usarmos a barra de rolagem para ir descendo a p\u00e1gina atr\u00e1s de mais informa\u00e7\u00f5es.<\/p>\n
Segundo o conceito \u201cAbove the Fold\u201d, todas as informa\u00e7\u00f5es importantes para converter seus usu\u00e1rios devem aparecer nesta primeira visualiza\u00e7\u00e3o. Entre essas informa\u00e7\u00f5es, normalmente se destacam:<\/p>\n
\n- Chamada principal<\/li>\n
- Pequeno texto explicativo do neg\u00f3cio<\/li>\n
- Call to Action<\/li>\n
- Formul\u00e1rio curto para coletar dados<\/li>\n<\/ul>\n
N\u00e3o apenas estas, mas s\u00e3o as mais importantes na maioria dos casos.<\/p>\n
2- Velocidade de abertura da p\u00e1gina<\/strong><\/h3>\nO mundo voa e tempo \u00e9 dinheiro. As pessoas usam a internet para agilizar a vida e n\u00e3o para esperar seu site abrir. Se isso n\u00e3o ocorrer em uns 3 a 4 segundos (estourando), as pessoas j\u00e1 desistiram. Por isso, nada de um layout para site t\u00e3o complexo e cheio de anima\u00e7\u00f5es que demore demais para abrir. Isso n\u00e3o significa fazer uma web page tosca. Apenas saiba dosar o que est\u00e1 fazendo. As imagens, por exemplo, t\u00eam que ser leves. N\u00e3o \u00e9 necess\u00e1ria uma resolu\u00e7\u00e3o superior a 72\u00a0DPIs<\/a>\u00a0para aparecerem com clareza na internet. Pense nisso tamb\u00e9m na hora de\u00a0criar logotipo para site<\/a>: que seja simples e leve!<\/p>\n3- F\u00e1cil de usar<\/strong><\/h3>\nA chamada\u00a0usabilidade<\/a> exige um layout para site simples de entender, intuitivo e f\u00e1cil de usar, sem obrigar o usu\u00e1rio a gin\u00e1sticas mentais para saber o que fazer para chegar aonde quer e encontrar a informa\u00e7\u00e3o que procura. Na maioria das vezes, o excesso de cliques para se conseguir uma a\u00e7\u00e3o ser\u00e1 a ru\u00edna da usabilidade de seu site e de sua taxa de convers\u00e3o.<\/p>\n4- Elementos de confian\u00e7a<\/strong><\/h3>\nAinda existe muito preconceito com o e-commerce, pessoas que n\u00e3o confiam na seguran\u00e7a da internet e se recusam a converter vendas em sua p\u00e1gina. Para elas, o layout de site deve conter alguns elementos que tragam confian\u00e7a, dentre eles, podemos citar:<\/p>\n
\n- Selos e certificados de seguran\u00e7a conhecidos do mercado<\/li>\n
- Depoimentos de clientes, se poss\u00edvel em v\u00eddeos<\/li>\n
- Acesso f\u00e1cil a suas m\u00eddias sociais, para mostrar coment\u00e1rios positivos<\/li>\n
- Cita\u00e7\u00e3o de not\u00edcias de jornais sobre sua empresa<\/li>\n
- Dados de faturamento, n\u00famero de clientes e outros que possam influenciar positivamente os usu\u00e1rios<\/li>\n
- Avalia\u00e7\u00f5es de produtos<\/li>\n<\/ul>\n
5- Call to Action em destaque<\/strong><\/h3>\nO Bot\u00e3o Call to Action (CTA) normalmente aciona a a\u00e7\u00e3o que voc\u00ea deseja converter, como uma venda, assistir a um v\u00eddeo ou baixar um conte\u00fado. Usualmente o layout para site reserva cores chamativas, como o vermelho ou laranja, que s\u00e3o mais efetivas para o CTA. Mas isso pode variar, n\u00e3o \u00e9 uma regra infal\u00edvel. Al\u00e9m disso, um bom CTA costuma ter um verbo de a\u00e7\u00e3o e \u00e9 curto, passando tamb\u00e9m um certo senso de urg\u00eancia. Ele pode ser complementado por frases que instigam a curiosidade e deixam bem claro o que vai acontecer ao se clicar no bot\u00e3o, sem gerar falsas expectativas.<\/p>\n
6- Formul\u00e1rios com poucos campos<\/strong><\/h3>\nDa mesma forma que ningu\u00e9m aguenta esperar uma p\u00e1gina abrir, as pessoas tendem a n\u00e3o querer preencher formul\u00e1rios cheios de campos. Via de regra, quanto menos campos no formul\u00e1rio, maior a possibilidade de se conseguir as informa\u00e7\u00f5es do usu\u00e1rio. Nome, telefone e email s\u00e3o mais que suficientes, na maioria das vezes.<\/p>\n
Mas talvez voc\u00ea precise qualificar melhor seu lead para poder desenvolver a\u00e7\u00f5es mais estrat\u00e9gicas e com destinat\u00e1rios mais bem segmentados e quer descobrir a idade, localiza\u00e7\u00e3o, cargo na empresa ou outros dados. Nesses casos, voc\u00ea poder\u00e1 tentar criar formul\u00e1rios mais extensos, com o risco de conseguir menos engajamento do p\u00fablico. \u00c9 uma quest\u00e3o de tomar a decis\u00e3o certa na hora certa ou variar seus formul\u00e1rios conforme suas necessidades do momento.<\/p>\n
Estas foram algumas dicas de como fazer layout para site. Como voc\u00ea viu, \u00e9 preciso investir na qualidade dos designers envolvidos. Para isso, voc\u00ea pode optar por uma solu\u00e7\u00e3o econ\u00f4mica que tem atra\u00eddo muitos empres\u00e1rios na hora de criar logo para site<\/a>, e at\u00e9\u00a0criar nome para marca<\/a>: usar sites de concorr\u00eancia criativa, como o We Do Logos.<\/p>\n* Este texto foi escrito por Pedro Renan, CMO da\u00a0We Do Logos<\/a>, founder da Logovia e especialista em Inbound e Marketing de conte\u00fado.<\/em><\/b><\/p>\n
Quando abrimos uma p\u00e1gina na internet temos uma vis\u00e3o imediata de uma parte de seu conte\u00fado. Para acessar o resto, \u00e9 necess\u00e1rio usarmos a barra de rolagem para ir descendo a p\u00e1gina atr\u00e1s de mais informa\u00e7\u00f5es.<\/p>\n
Segundo o conceito \u201cAbove the Fold\u201d, todas as informa\u00e7\u00f5es importantes para converter seus usu\u00e1rios devem aparecer nesta primeira visualiza\u00e7\u00e3o. Entre essas informa\u00e7\u00f5es, normalmente se destacam:<\/p>\n
- \n
- Chamada principal<\/li>\n
- Pequeno texto explicativo do neg\u00f3cio<\/li>\n
- Call to Action<\/li>\n
- Formul\u00e1rio curto para coletar dados<\/li>\n<\/ul>\n
N\u00e3o apenas estas, mas s\u00e3o as mais importantes na maioria dos casos.<\/p>\n
2- Velocidade de abertura da p\u00e1gina<\/strong><\/h3>\n
O mundo voa e tempo \u00e9 dinheiro. As pessoas usam a internet para agilizar a vida e n\u00e3o para esperar seu site abrir. Se isso n\u00e3o ocorrer em uns 3 a 4 segundos (estourando), as pessoas j\u00e1 desistiram. Por isso, nada de um layout para site t\u00e3o complexo e cheio de anima\u00e7\u00f5es que demore demais para abrir. Isso n\u00e3o significa fazer uma web page tosca. Apenas saiba dosar o que est\u00e1 fazendo. As imagens, por exemplo, t\u00eam que ser leves. N\u00e3o \u00e9 necess\u00e1ria uma resolu\u00e7\u00e3o superior a 72\u00a0DPIs<\/a>\u00a0para aparecerem com clareza na internet. Pense nisso tamb\u00e9m na hora de\u00a0criar logotipo para site<\/a>: que seja simples e leve!<\/p>\n
3- F\u00e1cil de usar<\/strong><\/h3>\n
A chamada\u00a0usabilidade<\/a> exige um layout para site simples de entender, intuitivo e f\u00e1cil de usar, sem obrigar o usu\u00e1rio a gin\u00e1sticas mentais para saber o que fazer para chegar aonde quer e encontrar a informa\u00e7\u00e3o que procura. Na maioria das vezes, o excesso de cliques para se conseguir uma a\u00e7\u00e3o ser\u00e1 a ru\u00edna da usabilidade de seu site e de sua taxa de convers\u00e3o.<\/p>\n
4- Elementos de confian\u00e7a<\/strong><\/h3>\n
Ainda existe muito preconceito com o e-commerce, pessoas que n\u00e3o confiam na seguran\u00e7a da internet e se recusam a converter vendas em sua p\u00e1gina. Para elas, o layout de site deve conter alguns elementos que tragam confian\u00e7a, dentre eles, podemos citar:<\/p>\n
- \n
- Selos e certificados de seguran\u00e7a conhecidos do mercado<\/li>\n
- Depoimentos de clientes, se poss\u00edvel em v\u00eddeos<\/li>\n
- Acesso f\u00e1cil a suas m\u00eddias sociais, para mostrar coment\u00e1rios positivos<\/li>\n
- Cita\u00e7\u00e3o de not\u00edcias de jornais sobre sua empresa<\/li>\n
- Dados de faturamento, n\u00famero de clientes e outros que possam influenciar positivamente os usu\u00e1rios<\/li>\n
- Avalia\u00e7\u00f5es de produtos<\/li>\n<\/ul>\n
5- Call to Action em destaque<\/strong><\/h3>\n
O Bot\u00e3o Call to Action (CTA) normalmente aciona a a\u00e7\u00e3o que voc\u00ea deseja converter, como uma venda, assistir a um v\u00eddeo ou baixar um conte\u00fado. Usualmente o layout para site reserva cores chamativas, como o vermelho ou laranja, que s\u00e3o mais efetivas para o CTA. Mas isso pode variar, n\u00e3o \u00e9 uma regra infal\u00edvel. Al\u00e9m disso, um bom CTA costuma ter um verbo de a\u00e7\u00e3o e \u00e9 curto, passando tamb\u00e9m um certo senso de urg\u00eancia. Ele pode ser complementado por frases que instigam a curiosidade e deixam bem claro o que vai acontecer ao se clicar no bot\u00e3o, sem gerar falsas expectativas.<\/p>\n
6- Formul\u00e1rios com poucos campos<\/strong><\/h3>\n
Da mesma forma que ningu\u00e9m aguenta esperar uma p\u00e1gina abrir, as pessoas tendem a n\u00e3o querer preencher formul\u00e1rios cheios de campos. Via de regra, quanto menos campos no formul\u00e1rio, maior a possibilidade de se conseguir as informa\u00e7\u00f5es do usu\u00e1rio. Nome, telefone e email s\u00e3o mais que suficientes, na maioria das vezes.<\/p>\n
Mas talvez voc\u00ea precise qualificar melhor seu lead para poder desenvolver a\u00e7\u00f5es mais estrat\u00e9gicas e com destinat\u00e1rios mais bem segmentados e quer descobrir a idade, localiza\u00e7\u00e3o, cargo na empresa ou outros dados. Nesses casos, voc\u00ea poder\u00e1 tentar criar formul\u00e1rios mais extensos, com o risco de conseguir menos engajamento do p\u00fablico. \u00c9 uma quest\u00e3o de tomar a decis\u00e3o certa na hora certa ou variar seus formul\u00e1rios conforme suas necessidades do momento.<\/p>\n
Estas foram algumas dicas de como fazer layout para site. Como voc\u00ea viu, \u00e9 preciso investir na qualidade dos designers envolvidos. Para isso, voc\u00ea pode optar por uma solu\u00e7\u00e3o econ\u00f4mica que tem atra\u00eddo muitos empres\u00e1rios na hora de criar logo para site<\/a>, e at\u00e9\u00a0criar nome para marca<\/a>: usar sites de concorr\u00eancia criativa, como o We Do Logos.<\/p>\n
* Este texto foi escrito por Pedro Renan, CMO da\u00a0We Do Logos<\/a>, founder da Logovia e especialista em Inbound e Marketing de conte\u00fado.<\/em><\/b><\/p>\n
![\"\"](\"\/blog\/wp-content\/uploads\/2020\/08\/E-Book-Como-Abrir-Empresa_v1.png\")
<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"