{"id":789,"date":"2013-10-16T13:07:51","date_gmt":"2013-10-16T16:07:51","guid":{"rendered":"http:\/\/blog.iset.com.br\/?p=789"},"modified":"2019-10-09T14:47:25","modified_gmt":"2019-10-09T17:47:25","slug":"dicas-de-design-para-aumentar-a-taxa-de-conversao-da-sua-loja","status":"publish","type":"post","link":"https:\/\/www.iset.com.br\/blog\/dicas-de-design-para-aumentar-a-taxa-de-conversao-da-sua-loja\/","title":{"rendered":"Dicas de design para aumentar a taxa de convers\u00e3o da sua loja"},"content":{"rendered":"<p dir=\"ltr\">Um <strong>desafio recorrente entre empresas e marcas<\/strong> (sejam elas pequenas ou grandes) que possuem sites para <strong>promover e vender seus produtos e servi\u00e7os \u00e9 o de aumentar a taxa de convers\u00e3o de suas lojas virtuais<\/strong>. Para quem n\u00e3o conhece o termo, <strong>taxa de convers\u00e3o \u00e9 a medida do n\u00famero de potenciais clientes que chagam a realizar uma a\u00e7\u00e3o<\/strong>. No contexto de um site, \u00e9 normalmente o <strong>percentual de visitantes que fazem uma compra<\/strong>.<\/p>\n<p dir=\"ltr\">Por vezes, detalhes que passam despercebidos ao <strong>lojista influenciam negativamente o consumidor<\/strong>, que deixa de comprar determinado item por uma <strong>falha de acessibilidade do site<\/strong> ou por um bot\u00e3o de compra pouco vis\u00edvel. Como o<strong> <a title=\"iSET - Tudo que sua loja virtual precisa est\u00e1 aqui.\" href=\"http:\/\/www.iset.com.br\" target=\"_blank\" rel=\"noopener noreferrer\">iSET<\/a><\/strong> quer ver as <strong>vendas da sua loja online deslancharem<\/strong>, trazemos aqui algumas <strong>dicas de design que far\u00e3o a diferen\u00e7a na hora de aumentar o n\u00famero de convers\u00f5es da sua p\u00e1gina.<\/strong><\/p>\n<h2 dir=\"ltr\">D\u00ea aten\u00e7\u00e3o aos call to action!<\/h2>\n<p dir=\"ltr\">Os bot\u00f5es <strong>call to action<\/strong> s\u00e3o pe\u00e7a fundamental no <strong>processo de convers\u00e3o<\/strong>. O <strong>termo call to action<\/strong> (ou \u201cchamar para a a\u00e7\u00e3o\u201d, em tradu\u00e7\u00e3o livre) \u00e9 usado para elementos no site que solicitam uma <strong>a\u00e7\u00e3o do usu\u00e1rio<\/strong> \u2013 o clique. Normalmente, quando clicados, esses bot\u00f5es realizam um <strong>ato concreto<\/strong> (como a compra de um produto) ou levam a outra <strong>se\u00e7\u00e3o da p\u00e1gina com mais informa\u00e7\u00f5es<\/strong>, dentre outras coisas.<\/p>\n<p dir=\"ltr\">Quando o <strong>cliente<\/strong> est\u00e1 no seu site, ele procura por esse bot\u00e3o que ir\u00e1 permiti-lo <strong>efetuar a compra<\/strong>. Se ele demora mais de alguns segundos para ach\u00e1-lo, normalmente <strong>desiste da compra<\/strong> \u2013 e voc\u00ea <strong>perde uma venda certa<\/strong>. Para que isso n\u00e3o aconte\u00e7a, voc\u00ea deve dar <strong>destaque ao call to action.<\/strong> Eis alguns dos recursos que voc\u00ea pode recorrer para que ele salte aos olhos do consumidor:<\/p>\n<ul>\n<li dir=\"ltr\">\n<p dir=\"ltr\"><strong>Utilize um bom tamanho<\/strong>: quanto maior \u00e9 o elemento, maior \u00e9 sua import\u00e2ncia.<\/p>\n<\/li>\n<li dir=\"ltr\">\n<p dir=\"ltr\"><strong>Coloque-o em posi\u00e7\u00f5es de destaque<\/strong>: o topo ou centro da p\u00e1gina chamam mais a aten\u00e7\u00e3o.<\/p>\n<\/li>\n<li dir=\"ltr\">\n<p dir=\"ltr\"><strong>Utilize o espa\u00e7o em branco<\/strong>: colocar o bot\u00e3o em \u00e1reas vazias, sem ter que lutar por aten\u00e7\u00e3o com outros elementos, faz com que ele se sobressaia.<\/p>\n<\/li>\n<li dir=\"ltr\">\n<p dir=\"ltr\"><strong>Capriche na chamada<\/strong>: um bot\u00e3o com a frase \u201cCompre aqui o seu produto\u201d atrai muito mais o cliente do que uma frase que diz simplesmente \u201cClique aqui\u201d.<\/p>\n<\/li>\n<li dir=\"ltr\">\n<p dir=\"ltr\"><strong>Aten\u00e7\u00e3o \u00e0s cores<\/strong>: \u00e9 importante que o call to action tenha cores chamativas e que contrastem bem com o fundo do site e os elementos \u00e0 sua volta. Um bot\u00e3o da cor amarela com fundo azul \u00e9 um bom exemplo de hierarquia visual clara.<\/p>\n<\/li>\n<\/ul>\n<h3 dir=\"ltr\">Fa\u00e7a testes A\/B<\/h3>\n<p dir=\"ltr\">Fazer um <strong>teste A\/B<\/strong> \u00e9 \u00f3timo para saber o que est\u00e1 e o que n\u00e3o est\u00e1 funcionando no seu site. Mas o que \u00e9 um teste A\/B? \u00c9 simples: ele consiste em <strong>comparar duas vers\u00f5es (A e B) de uma web page a fim de descobrir qual delas apresenta melhor performance<\/strong>. No caso, s\u00e3o mostradas as duas p\u00e1ginas, simultaneamente, a dois grupos semelhantes de visitantes; <strong>vence a vers\u00e3o que apresentar a maior taxa de convers\u00e3o<\/strong>.<\/p>\n<p dir=\"ltr\">Voc\u00ea pode testar basicamente todos os elementos que comp\u00f5em a p\u00e1gina e que podem <strong>afetar o comportamento e as a\u00e7\u00f5es do cliente: cor e posicionamento dos bot\u00f5es call to action, imagens, banners, textos, links<\/strong> e por a\u00ed vai. Fazendo diferentes compara\u00e7\u00f5es entre esses elementos, voc\u00ea descobrir\u00e1 qual ou quais <strong>tipos de modelo agradam mais ao potencial consumidor.<\/strong><\/p>\n<h3 dir=\"ltr\">Use imagens<\/h3>\n<p dir=\"ltr\"><strong>Utilizar as imagens certas no seu site pode aumentar consideravelmente a taxa de convers\u00e3o<\/strong>, e por diferentes motivos. Uma figura positiva, como a de uma pessoa sorrindo ou uma crian\u00e7a brincando, \u00e9 capaz de <strong>trazer \u00e0 tona no cliente bons sentimentos, como felicidade e alegria<\/strong>, e fazer com que ele crie la\u00e7os com a marca. Muitas pessoas compram algo por <strong>raz\u00f5es emocionais<\/strong>, e essa <strong>identifica\u00e7\u00e3o criada entre consumidor\/empresa a partir dos sentimentos despertados facilita o processo de compra<\/strong>.<\/p>\n<p dir=\"ltr\">Falando em <strong>identifica\u00e7\u00e3o,<\/strong> nada melhor do que colocar algumas fotos de <strong>clientes satisfeitos<\/strong>. Al\u00e9m de evocar o bom e velho \u201cgente como a gente\u201d, ver imagens de outros <strong>consumidores felizes com o produto ou servi\u00e7o aumenta a confian\u00e7a de quem ainda n\u00e3o est\u00e1 seguro sobre a compra<\/strong>. Adicione \u00e0s fotos alguns depoimentos e a <strong>f\u00f3rmula m\u00e1gica est\u00e1 pronta<\/strong>.<\/p>\n<p dir=\"ltr\"><strong>Crie tamb\u00e9m uma mascote para o seu site<\/strong>! Muitas empresas v\u00eam adotando essa pr\u00e1tica, uma vez que esses desenhos ajudam a <strong>construir um elo junto ao consumidor<\/strong>, que guarda na mente a marca mais facilmente quando associada a uma mascote simp\u00e1tica.<\/p>\n<p dir=\"ltr\">E a\u00ed, gostou das dicas? Para saber tudo sobre <strong>E-Commerce<\/strong>, \u00e9 s\u00f3 acompanhar o blog da <strong><a title=\"iSET - Tudo que sua loja virtual precisa est\u00e1 aqui.\" href=\"http:\/\/www.iset.com.br\" target=\"_blank\" rel=\"noopener noreferrer\">iSET<\/a>!<\/strong><\/p>\n<p dir=\"ltr\">Al\u00e9m disso, siga a gente em nossas redes sociais:\u00a0<strong><a href=\"https:\/\/twitter.com\/isetbr\" rel=\"nofollow noopener\" target=\"_blank\">Twitter<\/a>,\u00a0<a href=\"https:\/\/www.facebook.com\/isetbr\" rel=\"nofollow noopener\" target=\"_blank\">Facebook<\/a>,\u00a0<a href=\"https:\/\/www.instagram.com\/isetbr\/\" rel=\"nofollow noopener\" target=\"_blank\">Instagram<\/a><\/strong>\u00a0e\u00a0<a href=\"https:\/\/www.youtube.com\/isetbrasil?gl=BR&amp;hl=pt\" rel=\"nofollow noopener\" target=\"_blank\"><strong>YouTube<\/strong><\/a>.Tamb\u00e9m possu\u00edmos v\u00e1rias dicas incr\u00edveis l\u00e1!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Um desafio recorrente entre empresas e marcas (sejam elas pequenas ou grandes) que possuem sites para promover e vender seus produtos e servi\u00e7os \u00e9 o de aumentar a taxa de convers\u00e3o de suas lojas virtuais. Para quem n\u00e3o conhece o termo, taxa de convers\u00e3o \u00e9 a medida do n\u00famero de potenciais clientes que chagam a [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":798,"comment_status":"open","ping_status":"open","sticky":false,"template":"post-templates\/cover.php","format":"standard","meta":{"footnotes":""},"categories":[8,228,222],"tags":[50,46,304,39,21],"class_list":["post-789","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dicas-de-ecommerce","category-email-marketing","category-marketing-digital","tag-conversao","tag-design","tag-dicas-de-ecommerce","tag-e-commerce","tag-loja-virtual"],"_links":{"self":[{"href":"https:\/\/www.iset.com.br\/blog\/wp-json\/wp\/v2\/posts\/789","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.iset.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.iset.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.iset.com.br\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.iset.com.br\/blog\/wp-json\/wp\/v2\/comments?post=789"}],"version-history":[{"count":6,"href":"https:\/\/www.iset.com.br\/blog\/wp-json\/wp\/v2\/posts\/789\/revisions"}],"predecessor-version":[{"id":48432,"href":"https:\/\/www.iset.com.br\/blog\/wp-json\/wp\/v2\/posts\/789\/revisions\/48432"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.iset.com.br\/blog\/wp-json\/wp\/v2\/media\/798"}],"wp:attachment":[{"href":"https:\/\/www.iset.com.br\/blog\/wp-json\/wp\/v2\/media?parent=789"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.iset.com.br\/blog\/wp-json\/wp\/v2\/categories?post=789"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.iset.com.br\/blog\/wp-json\/wp\/v2\/tags?post=789"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}