![\"\"](\"\/pt\/wp-content\/uploads\/sites\/3\/2019\/12\/Homepages-Tesla.png\")
<\/p>\nQuando se trata do seu site, as primeiras impress\u00f5es s\u00e3o tudo.<\/p>\n
Pesquisas mostram que voc\u00ea tem apenas 5 segundos para convencer os visitantes do site de que eles devem ficar para ver o que voc\u00ea tem a oferecer.<\/p>\n
Como a maioria dos visitantes do site chegam primeiramente \u00e0 sua p\u00e1gina inicial, \u00e9 nesse ponto que as melhorias ter\u00e3o um impacto maior no desempenho geral.<\/p>\n
Neste artigo, voc\u00ea encontrar\u00e1 alguns dos mais belos designs de homepages. Confira abaixo as dicas que vamos oferecer e quais s\u00e3o alguns \u00f3timos exemplos de homepages de sucesso.<\/p>\n
Se voc\u00ea j\u00e1 folheou uma revista, saber\u00e1 do que estamos falando.<\/p>\n
Ao se deparar com uma p\u00e1gina realmente atraente, seu olhar ser\u00e1 atra\u00eddo imediatamente, e voc\u00ea n\u00e3o resistir\u00e1 e ir\u00e1 parar durante alguns segundos sobre ela para ler.<\/p>\n
Navegar na web n\u00e3o \u00e9 diferente.<\/p>\n
V\u00e1rios elementos podem ser usados para chamar a aten\u00e7\u00e3o do visitante com rela\u00e7\u00e3o \u00e0s homepages: imagens, fontes, cores, layout …<\/p>\n
<\/p>\n
Produtos bonitos s\u00e3o f\u00e1ceis de serem vendidos. \u00c9 por isso que empresas como Tesla<\/a> e Apple sempre exibem seus novos produtos em suas homepages.<\/p>\n Dica: se o seu produto ou servi\u00e7o \u00e9 simples de explicar, torne a imagem o foco principal da sua p\u00e1gina. Produtos e servi\u00e7os mais complexos ou abstratos (como a Honey, que oferece cupons ao fazer compras on-line) tendem a depender do texto e cores para atrair a aten\u00e7\u00e3o do usu\u00e1rio.<\/p>\n Dica: Avalie com cuidado a apar\u00eancia das imagens. Pexels e Unsplash podem fornecer imagens impressionantes de gra\u00e7a, enquanto sites premium como o Shutterstock oferecem acesso a mais de 200 milh\u00f5es de imagens.<\/p>\n Agora que voc\u00ea conseguiu chamar a aten\u00e7\u00e3o dos usu\u00e1rios, deixe claro o que voc\u00ea tem a oferecer.<\/p>\n Muitos donos de sites ficam surpresos quando as pessoas que usam o site n\u00e3o conseguem explicar para que ele serve depois de alguns minutos na p\u00e1gina.<\/p>\n Independentemente do n\u00edvel de conhecimento do seu p\u00fablico, \u00e9 importante evitar jarg\u00f5es t\u00e9cnicos ou descri\u00e7\u00f5es complexas, pois o p\u00fablico pode ter dificuldades de entender o que voc\u00ea est\u00e1 falando.<\/p>\n Aqui est\u00e3o as perguntas que sua p\u00e1gina inicial precisa responder:<\/p>\n A p\u00e1gina inicial da ActiveCampaign \u00e9 um \u00f3timo exemplo de como simplificar a descri\u00e7\u00e3o de um produto complexo. Afinal, embora seu p\u00fablico-alvo (profissionais de marketing) entenda a proposta deles, os donos das empresas que precisam tomar a decis\u00e3o de compra talvez n\u00e3o entendam.<\/p>\n Conforme voc\u00ea for rolando a p\u00e1gina para baixo, o ActiveCampaign deixa claro o que faz.<\/p>\n As homepages devem sempre ser elaboradas com um objetivo espec\u00edfico em mente. Aqui est\u00e3o alguns exemplos:<\/p>\n O objetivo que voc\u00ea escolher deve sempre estar alinhado com a meta da sua empresa ou organiza\u00e7\u00e3o.<\/p>\n O principal objetivo do Squarespace<\/a> \u00e9 claro: fazer com que o usu\u00e1rio comece uma avalia\u00e7\u00e3o gratu\u00edta. Os bot\u00f5es em alto contraste com o fundo da p\u00e1gina s\u00e3o \u00f3timos para fazer essa oferta aos usu\u00e1rios.<\/p>\n Dica<\/strong>: quanto mais complexo ou caro for o seu produto ou servi\u00e7o, maior a probabilidade de voc\u00ea precisar de uma op\u00e7\u00e3o secund\u00e1ria de bot\u00e3o para os visitantes do site. Se voc\u00ea precisar de duas frases call-to-action, fa\u00e7a com que pare\u00e7am diferentes, pois assim as pessoas tendem a tomar outra atitude.<\/p>\n Sem um layout com um design adequado, mesmo as imagens mais impressionantes e o texto mais poderoso podem resultar em homepages com um desempenho insuficiente.<\/p>\n A maneira mais f\u00e1cil e acess\u00edvel de garantir um bom layout \u00e9 usar um template de site com um design profissional.<\/p>\n Esteja voc\u00ea fazendo o seu site com um designer ou construindo a p\u00e1gina voc\u00ea mesmo, confira quais s\u00e3o os segredos para um \u00f3timo design abaixo:<\/p>\n Assim como muitos dos exemplos deste artigo, a homepage da Bitrise<\/a> \u00e9 uma obra-prima do design. As cores, fontes, espa\u00e7amento e recursos visuais trabalham juntos para oferecer um design simples, mas atraente, orientado para o objetivo principal de fazer com que o usu\u00e1rio se inscreva.<\/p>\n Dica: em muitos casos, menos \u00e9 mais. Homepages com um design exagerado n\u00e3o s\u00e3o apenas caras para produzir e atualizar, mas geralmente n\u00e3o apresentam desempenho t\u00e3o bom quanto seus concorrentes com um design mais simples.<\/p>\n Para que sua homepage se destaque, o texto precisa ser de qualidade.<\/p>\n Se voc\u00ea n\u00e3o \u00e9 um escritor profissional, n\u00e3o h\u00e1 necessidade de entrar em p\u00e2nico.<\/p>\n \u00c0s vezes, mudar apenas algumas palavras pode fazer toda a diferen\u00e7a.<\/p>\n Aqui est\u00e3o algumas dicas para ajudar a melhorar o texto da sua p\u00e1gina inicial:<\/p>\n Dica: Uma \u00f3tima maneira de escrever um texto melhor \u00e9 entrevistar alguns dos seus clientes para entender como seu produto ou servi\u00e7o pode ajud\u00e1-los, com quais palavras e termos t\u00e9cnicos eles est\u00e3o familiarizados, etc.<\/p>\n Tudo o que o Grammarly<\/a> faz \u00e9 sobre “voc\u00ea”, n\u00e3o sobre eles. Esse corretor de textos em ingl\u00eas \u00e9 excelente para quem n\u00e3o tem confian\u00e7a nessa l\u00edngua.<\/p>\n O Grammarly entende que muitas pessoas batalham para ter confian\u00e7a ao escreverem. \u00c9 por isso que eles destacam esse ponto problem\u00e1tico com mensagens positivas para chamar a aten\u00e7\u00e3o dos usu\u00e1rios. Confira algumas das frases que eles usam:<\/p>\n Imagine como seria um site imobili\u00e1rio ou de viagens sem imagens …<\/p>\n Mesmo com um texto incr\u00edvel, ainda haveria a sensa\u00e7\u00e3o de estar faltando alguma coisa.<\/p>\n Conforme mencionamos anteriormente, quanto mais visual for o seu produto ou servi\u00e7o, mais voc\u00ea precisar\u00e1 confiar nas imagens para que ele se destaque.<\/p>\n A homepage do AirBnB n\u00e3o possui textos – apenas uma bela imagem e um pouco de incentivo para que o usu\u00e1rio comece a pesquisar.<\/p>\n Infelizmente, nem sempre \u00e9 t\u00e3o f\u00e1cil.<\/p>\n \u00c0s vezes, para realmente mostrar um ponto, \u00e9 mais f\u00e1cil combinar texto e imagens.<\/p>\n A confian\u00e7a \u00e9 o componente principal de qualquer novo relacionamento online.<\/p>\n As pessoas que visitam seu site pela primeira vez precisam se sentir seguras e confiantes de que est\u00e3o tomando a decis\u00e3o certa ao interagir com a sua marca.<\/p>\n A maneira mais f\u00e1cil de construir um relacionamento honesto e confiante \u00e9 atrav\u00e9s da influ\u00eancia social.<\/p>\n A p\u00e1gina inicial do Shopify Plus<\/a> tem o objetivo claro de criar confian\u00e7a entre os clientes corporativos que procuram uma plataforma de com\u00e9rcio eletr\u00f4nico.<\/p>\n A influ\u00eancia social pode ser feita de v\u00e1rias maneiras:<\/p>\n Dica: verifique se o site est\u00e1 em uma rede segura (https). Isso cria confian\u00e7a nos visitantes do site, informando que suas informa\u00e7\u00f5es s\u00e3o criptografadas.<\/p>\n N\u00e3o h\u00e1 melhor maneira de criar uma rela\u00e7\u00e3o com os visitantes do seu site do que faz\u00ea-los interagir diretamente com voc\u00ea atrav\u00e9s do site.<\/p>\n Essas intera\u00e7\u00f5es podem ser feitas de v\u00e1rias maneiras, como:<\/p>\n A homepage do site Resultados Digitais<\/a> \u00e9 um \u00f3timo exemplo de uma p\u00e1gina que interage da forma certa com os seus visitantes. O Chatbot \u00e9 visualizado facilmente no momento que a p\u00e1gina \u00e9 acessada, e eles deixam seu objetivo bem claro ao oferecer um bot\u00e3o de teste gr\u00e1tis como elemento central da p\u00e1gina.<\/p>\n Seu site pode ser visualizado em uma variedade de dispositivos e navegadores.<\/p>\n Garantir que seu site tenha uma \u00f3tima apar\u00eancia em todas essas condi\u00e7\u00f5es pode ser a diferen\u00e7a entre o sucesso e o fracasso do seu trabalho.<\/p>\n Aqui est\u00e3o alguns testes \u00fateis que voc\u00ea pode executar para garantir que tudo esteja bem.<\/p>\n Dica: plataformas para cria\u00e7\u00e3o de sites de qualidade, como o Wix<\/a>, criam p\u00e1ginas otimizadas para dispositivos m\u00f3veis.<\/p>\n Sua p\u00e1gina inicial n\u00e3o precisa parecer id\u00eantica no computador e no celular para funcionar bem.<\/p>\n Em alguns casos, retirar algumas informa\u00e7\u00f5es desnecess\u00e1rias para dispositivos menores pode ser ben\u00e9fico. O Stripe<\/a>, por exemplo, removeu a imagem maior da vers\u00e3o para celular.<\/p>\n Se voc\u00ea seguir todas as dicas deste guia, j\u00e1 estar\u00e1 a caminho certo para obter uma p\u00e1gina inicial otimizada.<\/p>\n Basicamente, tudo o que mencionamos neste artigo desempenha um papel importante para ranquear o seu site de forma eficiente nas ferramentas de busca.<\/p>\n No entanto, voc\u00ea ainda precisa cobrir os outros conceitos b\u00e1sicos relacionados ao SEO na p\u00e1gina, como:<\/p>\nHoney<\/h3>\n
![\"\"](\"https:\/\/www.webolto.com\/pt\/wp-content\/uploads\/sites\/3\/2019\/12\/Homepages-Honey.png\")
<\/p>\n#2 -O seu p\u00fablico entende o que voc\u00ea faz?<\/h2>\n
\n
ActiveCampaign<\/strong><\/h3>\n
![\"\"](\"\/pt\/wp-content\/uploads\/sites\/3\/2019\/12\/Homepages-Activecampaign.png\")
<\/p>\n#3 – Deixe o seu objetivo claro<\/h2>\n
\n
Squarespace<\/h3>\n
![\"\"](\"\/pt\/wp-content\/uploads\/sites\/3\/2019\/12\/Homepages-Squarespace.png\")
<\/p>\n#4 – Design<\/h2>\n
\n
Bitrise<\/h3>\n
![\"\"](\"\/pt\/wp-content\/uploads\/sites\/3\/2019\/12\/Homepage-Bitrise.png\")
<\/p>\n# 5 – Escreva um texto que fa\u00e7a as pessoas sentirem algo<\/h2>\n
\n
Grammarly<\/h3>\n
![\"\"](\"\/pt\/wp-content\/uploads\/sites\/3\/2019\/12\/Homepage-Grammarly.png\")
<\/p>\n\n
# 6 – Imagens valem mais que mil palavras<\/h2>\n
Airbnb<\/h3>\n
![\"\"](\"\/pt\/wp-content\/uploads\/sites\/3\/2019\/12\/Homepage-Airbnb-1-1.png\")
<\/p>\n#7 – Confian\u00e7a<\/h2>\n
Shopify Plus<\/h3>\n
![\"\"](\"\/pt\/wp-content\/uploads\/sites\/3\/2019\/12\/Homepage-Shopify.png\")
<\/p>\n\n
#8 – Interaja com os seus visitantes<\/h2>\n
\n
Resultados Digitais<\/h3>\n
![\"\"](\"\/pt\/wp-content\/uploads\/sites\/3\/2019\/12\/Homepage-Resultadosdigitais.png\")
<\/p>\n#9 – Compatibilidade<\/h2>\n
\n
Stripe<\/h3>\n
![\"\"](\"\/pt\/wp-content\/uploads\/sites\/3\/2019\/12\/Homepage-Stripe.png\")
<\/p>\n#10 – Otimiza\u00e7\u00e3o para mecanismos de busca<\/h2>\n
![\"\"](\"\/pt\/wp-content\/uploads\/sites\/3\/2019\/12\/Homepage-Ahrefs.png\")
<\/p>\n![\"\"](\"\/pt\/wp-content\/uploads\/sites\/3\/2019\/12\/Homepage-Infojobs.png\")
<\/h3>\n![\"\"](\"\/pt\/wp-content\/uploads\/sites\/3\/2019\/12\/Homepage-Catho.png\")
<\/h3>\n![\"\"](\"\/pt\/wp-content\/uploads\/sites\/3\/2019\/12\/Homepage-Samsung.png\")
<\/p>\n![\"\"](\"\/pt\/wp-content\/uploads\/sites\/3\/2019\/12\/Homepage-Xtech.png\")
<\/p>\n![\"\"](\"\/pt\/wp-content\/uploads\/sites\/3\/2019\/12\/Homepage-Netshoes.png\")
<\/p>\n![\"\"](\"\/pt\/wp-content\/uploads\/sites\/3\/2019\/12\/Homepage-Huawei-1.png\")
<\/p>\n![\"\"](\"\/pt\/wp-content\/uploads\/sites\/3\/2019\/12\/Homepage-Gogoro.png\")
<\/p>\n![\"\"](\"\/pt\/wp-content\/uploads\/sites\/3\/2019\/12\/Homepages-Arco.png\")
<\/p>\n![\"\"](\"\/pt\/wp-content\/uploads\/sites\/3\/2019\/12\/Homepages-mixpanel.png\")
<\/p>\n","protected":false},"excerpt":{"rendered":"