{"id":10914,"date":"2017-02-09T12:11:12","date_gmt":"2017-02-09T14:11:12","guid":{"rendered":"https:\/\/king.host\/blog\/?p=10914"},"modified":"2024-06-03T18:03:54","modified_gmt":"2024-06-03T21:03:54","slug":"aumentar-vendas-online","status":"publish","type":"post","link":"https:\/\/king.host\/blog\/empreendedorismo\/aumentar-vendas-online\/","title":{"rendered":"Como usar o design para melhorar as vendas online do e-commerce"},"content":{"rendered":"<p>Aumentar as vendas online de um site de e-commerce envolve diversas provid\u00eancias.<br \/>\nA primeira, \u00e9 desenvolver um design e identidade visual online bem caprichados, assim como contar com um programador experiente, para ter certeza de que as coisas est\u00e3o com uma apar\u00eancia profissional e sem \u201cbugs\u201d no site. Com isso, seu usu\u00e1rio j\u00e1 pode ter uma boa ideia sobre sua empresa.<\/p>\n<p><strong>Outras boas pr\u00e1ticas recomendas s\u00e3o as seguintes:<\/strong><\/p>\n<ul>\n<li><strong>Layout responsivo:<\/strong> isto \u00e9, que se adapta sem problemas a diferentes formatos e dispositivos.<\/li>\n<li><strong>Velocidade de abertura:<\/strong> nada de p\u00e1ginas que demoram para carregar, ningu\u00e9m tem tempo a perder, principalmente seus clientes. Um <a href=\"https:\/\/brasil.uxdesign.cc\/o-qu%C3%A3o-r%C3%A1pido-um-website-deve-carregar-em-2016-69deec865c52#.23bnc2pqo\" target=\"_blank\" rel=\"noopener\">estudo da Amazon<\/a> revela que a cada segundo que a p\u00e1gina demora para abrir, as convers\u00f5es caem em 7%.<\/li>\n<li><strong>Usabilidade:<\/strong> tudo f\u00e1cil de entender e intuitivo, sem complica\u00e7\u00f5es para escolher produtos e converter a compra.<\/li>\n<li><strong>A regra dos 3 cliques:<\/strong> apesar de j\u00e1 um pouco antiga, essa regra deve ser levada em conta, mais de 3 cliques para realizar qualquer a\u00e7\u00e3o em seu site de e-commerce vai cansar seu usu\u00e1rio. Por\u00e9m, em alguns casos, isso \u00e9 inevit\u00e1vel, como na hora de fazer transa\u00e7\u00f5es seguras de check out.<\/li>\n<li><strong>Elemento de confian\u00e7a:<\/strong> depoimentos, selos de seguran\u00e7a, v\u00eddeos explicativos, avalia\u00e7\u00f5es, listas de clientes e outros elementos como estes podem melhorar a convers\u00e3o de sua landing page.<\/li>\n<\/ul>\n<p>Na hora de criar um layout para site de e-commerce com o objetivo de aumentar as vendas online, a pergunta n\u00e3o deve ser: Quanto custa um site?<\/p>\n<p>O racioc\u00ednio deve ser mais amplo e envolve saber qu\u00e3o melhores ser\u00e3o seus resultados em fun\u00e7\u00e3o de seus investimento, \u00e9 preciso calcular o ROI, o retorno sobre o investimento e a\u00ed, fazendo um trabalho de design bem feito, com certeza, a conta vai fechar positivamente.<\/p>\n<p>Existem algumas t\u00e9cnicas que ajudam a descobrir o caminho certo, com ajuda da tecnologia:<\/p>\n<p><strong>Heatmapping<\/strong><\/p>\n<p>Ferramentas como o <a href=\"https:\/\/www.clicktale.com\/\" target=\"_blank\" rel=\"noopener\">Click Tale<\/a> ou o <a href=\"https:\/\/www.crazyegg.com\/\" target=\"_blank\" rel=\"noopener\">Crazzy Egg<\/a> mapeiam os pontos quentes do site, os mais clicados pelos usu\u00e1rios e podem fornecer imagens como esta:<\/p>\n<p><strong>Eye tracking<\/strong><\/p>\n<p>N\u00e3o apenas usar o mapeamento do movimento dos olhos, mas usar elementos de design para fazer com que os olhos do usu\u00e1rio se direcionarem para onde queremos.\u00a0Por exemplo: uma imagem de uma mulher olhando para o produto pode fazer o usu\u00e1rio fazer o mesmo, assim como uma c\u00e2mera de seguran\u00e7a, no layout de seu site, direcionada para um CTA, pode aumentar a visualiza\u00e7\u00e3o deste elemento.<\/p>\n<p>Um <a href=\"https:\/\/blog.kissmetrics.com\/eye-tracking-studies\/\" target=\"_blank\" rel=\"noopener\">estudo apresentado pela Kissmetrics<\/a> mostrou como, em alguns casos, \u00e9 dado destaque demais para alguns \u201cfeatures\u201d que n\u00e3o s\u00e3o Calls to Action, desviando a aten\u00e7\u00e3o do usu\u00e1rio e, por outro lado, como o olhar de um \u201cpersonagem\u201d no layout da p\u00e1ginas, a presen\u00e7a de v\u00eddeos e a forma adequada de diagramar textos pode influenciar toda maneira dos usu\u00e1rios navegarem em seu site.<\/p>\n<p><strong>Mensagens \u201cIn-app\u201d para engajar usu\u00e1rios<\/strong><\/p>\n<p>S\u00f3 o fato de ter um chat no cantinho de sua p\u00e1gina a disposi\u00e7\u00e3o de quem entra em seu site, j\u00e1 pode gerar diversos leads, que deixam seus e-mails diretamente a conversa. E mais, \u00e9 poss\u00edvel usar mensagens direcionadas e automatizadas para novos usu\u00e1rios que chegam, ou anunciar novos recursos para reconquistar antigos usu\u00e1rios que visitam a p\u00e1gina, por meio de diferentes layouts.<\/p>\n<p>Para ajudar voc\u00ea a saber mais sobre como aumentar vendas online com ajuda do design, eu fui buscar a opini\u00e3o do <a href=\"https:\/\/www.linkedin.com\/in\/rafaeldamasceno\/\" target=\"_blank\" rel=\"noopener\">Rafael Damasceno<\/a>, o primeiro profissional no Brasil a atuar 100% focado em <a href=\"http:\/\/www.gosupersonic.com.br\/cro\/\" target=\"_blank\" rel=\"noopener\">CRO<\/a>, CEO e co-fundador da <a href=\"http:\/\/gosupersonic.com.br\/\" target=\"_blank\" rel=\"noopener\">Supersonic<\/a>. A Supersonic fez um trabalho incr\u00edvel na <a href=\"http:\/\/wedologos.com.br\/\" target=\"_blank\" rel=\"noopener\">We Do Logos<\/a>, com excelentes resultados em termos de melhoria de convers\u00e3o.<\/p>\n<h2>Dicas de design para aumentar vendas online<\/h2>\n<p>Rafael explica que o design de todo e qualquer e-commerce deve ter foco absoluto em duas fun\u00e7\u00f5es:<\/p>\n<ol>\n<li>Facilitar o processo de compra do usu\u00e1rio<\/li>\n<li>Persuadir o usu\u00e1rio a comprar<\/li>\n<\/ol>\n<p>Na verdade, muita gente ainda tem preconceito quanto a persuadir o usu\u00e1rio com aux\u00edlio do design. N\u00e3o se tratam de truques de Photoshop nem daquelas fotos que n\u00e3o t\u00eam nada a ver com o produto final, s\u00e3o t\u00e9cnicas para facilitar a jornada de compra de seu cliente atrav\u00e9s de seu e-commerce, com ajuda de um design atraente, inteligente, intuitivo e, \u00e9 claro, persuasivo!<\/p>\n<p>Confira como Rafael Damasceno consegue tudo isso, ao usar cada das duas fun\u00e7\u00f5es do design em sites.<\/p>\n<h3>Como facilitar o processo de compra do usu\u00e1rio<\/h3>\n<p>Facilitar o processo de compra do usu\u00e1rio \u00e9 a mais popular dessas abordagens, e \u00e9 mais comumente trabalhada em bons e-commerces.<\/p>\n<p>Rafael enfatiza:<\/p>\n<p>\u201cA ideia \u00e9 que o design apresente as informa\u00e7\u00f5es necess\u00e1rias de forma clara e que todas as \u2018tarefas\u2019 que o usu\u00e1rio deve cumprir para realizar sua compra sejam f\u00e1ceis. A busca por produtos, e compara\u00e7\u00e3o dos mesmos, precisa ser intuitiva e alinhada com os objetivos do p\u00fablico\u201d.<\/p>\n<p><strong>E isso \u00e9 verdade:<\/strong> quantas vezes voc\u00ea se deparou com sites e e-commerces muito bonitos, at\u00e9 \u201cpo\u00e9ticos\u201d, mas nada pr\u00e1ticos na hora de achar o que voc\u00ea precisa, com menus confusos e filtros dif\u00edceis de operar?<\/p>\n<p>\u201cAl\u00e9m disso, &#8211; prossegue Rafael &#8211; o processo de cadastro (se realmente \u00e9 necess\u00e1rio um cadastro&#8230;) e de checkout n\u00e3o podem gerar qualquer tipo de frustra\u00e7\u00e3o ou d\u00favida\u201d.<\/p>\n<p>\u00c9 por isso que funcionalidades como o \u201cone click checkout\u201d e checkouts transparentes, em que o cliente nem percebe que saiu do site para usar um meio de pagamento, s\u00e3o t\u00e3o populares nos melhores sites de e-commerce.<\/p>\n<h3>Como persuadir o usu\u00e1rio a comprar<\/h3>\n<p>Mas, como comentamos, a segunda fun\u00e7\u00e3o do design, a de persuadir os usu\u00e1rios e, com isso, aumentar vendas online, \u00e9 ignorada pela grande maioria dos e-commerces.<\/p>\n<p>Rafael alerta que a persuas\u00e3o n\u00e3o deve ser vista de forma negativa. Ela nada tem a ver com iludir ou mentir.<\/p>\n<p>\u201cO que eu quero dizer com \u2018persuadir o usu\u00e1rio\u2019 \u00e9 que o design deve ajudar a convencer o usu\u00e1rio de que fazer sua compra naquele e-commerce ser\u00e1 bom para ele. E o design pode ajudar de diversas maneiras\u201d.<\/p>\n<p>Rafael lista algumas perguntas importantes que o designer deve se fazer ao construir o site:<\/p>\n<ul>\n<li>Qual \u00e9 a melhor maneira de expor um determinado argumento de venda?<\/li>\n<li>Texto, imagem, v\u00eddeo ou anima\u00e7\u00e3o?<\/li>\n<li>Em que momento do ciclo de compra uma informa\u00e7\u00e3o deve ser apresentada?<\/li>\n<li>Qual a maneira mais eficiente de apresentar pre\u00e7os, custos de fretes, descontos e outros valores?<\/li>\n<\/ul>\n<p>\u201cTodas essas perguntas devem ser levadas em conta com muita aten\u00e7\u00e3o no design de qualquer e-commerce\u201d.<\/p>\n<p>Continuando a expor seus argumentos de <a href=\"http:\/\/www.gosupersonic.com.br\/como-criar-landing-pages-eficientes\" target=\"_blank\" rel=\"noopener\">como criar landing pages eficientes<\/a>, Rafael relembra que a \u00fanica forma confi\u00e1vel de garantir que seu design esteja sempre evoluindo para cumprir bem essas duas fun\u00e7\u00f5es \u00e9 atrav\u00e9s de Testes A\/B:<\/p>\n<p>\u201cEles s\u00e3o a ess\u00eancia da ci\u00eancia da<a href=\"http:\/\/www.gosupersonic.com.br\/cro\/\" target=\"_blank\" rel=\"noopener\"> Otimiza\u00e7\u00e3o de Convers\u00e3o (CRO)<\/a>, que deve ser ferramenta constante no dia a dia de quem realmente quer transformar a maior parte de seus visitantes em clientes\u201d.<\/p>\n<p>Seja atrav\u00e9s de melhorias no design ou em qualquer outro aspecto de um e-commerce, a evolu\u00e7\u00e3o e os testes s\u00e3o fundamentais.<\/p>\n<p>Quer conhecer mais algumas dicas de Rafael Damasceno? Ent\u00e3o acompanhe este v\u00eddeo da RD Summit 2015:<\/p>\n<p><iframe src=\"https:\/\/www.youtube.com\/embed\/yKAIzasq0NM\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p><a href=\"https:\/\/www.intercom.com\/customer-feedback\" target=\"_blank\" rel=\"noopener\">Confira esse exemplo de landing page<\/a> criada pela Intercom e entenda o poder do design para aumentar as vendas e convers\u00f5es online.<\/p>\n<p>*Este post foi escrito por <a href=\"http:\/\/pedrorenan.com.br\/\" target=\"_blank\" rel=\"noopener\">Pedro Renan<\/a>, CMO da <a href=\"http:\/\/www.wedologos.com.br\/\" target=\"_blank\" rel=\"noopener\">We do Logos<\/a>, founder da Logovia, especialista em Inbound e Marketing de conte\u00fado.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aumentar as vendas online de um site de e-commerce envolve diversas provid\u00eancias. A primeira, \u00e9 desenvolver um design e identidade visual online bem caprichados, assim como contar com um programador experiente, para ter certeza de que as coisas est\u00e3o com uma apar\u00eancia profissional e sem \u201cbugs\u201d no site. Com isso, seu usu\u00e1rio j\u00e1 pode ter [&hellip;]<\/p>\n","protected":false},"author":288,"featured_media":10920,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1192,1306],"tags":[],"class_list":["post-10914","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-empreendedorismo","category-vender-mais-online"],"_links":{"self":[{"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/posts\/10914","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/users\/288"}],"replies":[{"embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/comments?post=10914"}],"version-history":[{"count":9,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/posts\/10914\/revisions"}],"predecessor-version":[{"id":36249,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/posts\/10914\/revisions\/36249"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/media\/10920"}],"wp:attachment":[{"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/media?parent=10914"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/categories?post=10914"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/tags?post=10914"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}