Este documento fornece orientações sobre a formatação de sites comerciais para maximizar as vendas. Ele recomenda que sites sejam simples, de fácil navegação e carreguem rapidamente, exibindo uma abundância de produtos com preços baixos de forma proeminente. Sites devem ser formatados considerando as preferências e limitações dos consumidores online.

1. FORMATAÇÃO DE SITES COMERCIAIS Fazendo um website vender

2. Orientar profissionais e clientes na correta formatação de websites comerciais (webcommerce) Público alvo: Webdesigners Publicitários Comerciantes Profissionais de web Objetivo

3. Navegador – Explorer (90% da navegação) Resolução – 1024 x 768 (65% da navegação) É de primordial importância que a visualização do projeto seja se acordo com a AUDIÊNCIA, pois somente desta forma iremos enxergar realmente o que o cliente irá ver. Padrões adotados (Brazil – 2009)

4. Navegadores

5. Resolução de Tela

6. webmotors.com.br livrariasaraiva.com.br magazineluiza.com.br netshoes.com.br quebarato.com.br americanas.com.br submarino.com.br buscape.com.br mercadolivre.com.br Base Estudo / 8+ AlexaBr

7. Internauta é infiel, apressado e inteligente. Erros de ‘portuguez’ viram piada. Mais de 90% da visitação é pura especulação. HTML já morreu NUNCA link para fora! (não seja inocente....) NUNCA bloqueie o historyback (não seja idiota...) 10% já é firefox (existe uma esperança...) IE6 existe ainda (é uma praga!!!) 0. Nunca é demais lembrar

8. Sites comerciais nunca tem pré-página de introdução (tela de apresentação). Isto retarda a experiência de usuário.(se não irritassem, não haveria skip, certo??) Estabelece 01 nível desnecessário.(uma porta na loja) Aumenta a incidência de out´s (saídas). Irrita os “já clientes”. Dever utilizado somente em sites corporativos institucionais. (e olhe lá...) Site comercial = cotação / fonte de informação Internauta = impaciente irritante (jovem, ou no mínimo mente jovem) 1. Pré-Página de Introdução

9. Cada clique é um obstáculo. Clique = Exige raciocínio do internauta Raciocínio > Julgamento Clique = Exige nova sessão de servidor Clique = Espera Sites comerciais > Objetivo final é o botão comprar O acesso a este botão deverá ser o mais curto possivel. Teoria do Obstáculo

10. Seu site só vai vender se: Se o seu negócio for bom! Se seu produto for decente! Se seu preço for competitivo. Você for direto ao assunto. Ser bastante claro no que está oferecendo (não enrolar). Exibir seu principal produto logo de cara! Fácil entendimento 1. Pré-Página de Introdução

12. Teoria N Invertido: O quadrante 01 é o mais visitado. O quadrante 04 e o menos visitado. O botão ‘voltar’ é o mais acionado na rede. A parte superior é a que o internauta vê primeiro. A parte direita é a que o internauta vê por último. 2. Prioridades Estruturais

14. Mensagem subliminar é a definição usada para o tipo de mensagem que não pode ser captada diretamente pelos sentidos humanos. Subliminar é tudo aquilo que está abaixo do limiar, a menor sensação detectável conscientemente. Ícone, mouse, ‘touchscreen’, são invenções que analisaram sentimentos humanos através de mensagens subliminares. Página web – síntese de exposição subliminar Exemplo – desenhe num papel em branco: Página da uol. Página do google Mensagem Subliminar

16. Seu site só vai vender se: A exibição inicial de produtos inicial for de 10 produtos A exibição total tiver mais de 30 produtos Mais importante que nome é preço competitivo. Praticidade for evidente. Simplicidade é mais importante que beleza 2. Prioridades Estruturais

18. Devido as exigências comerciais, o site comercial fica meio ‘carnavalesco’. Websites tipo ´clean´ são lindos, mas pouco eficientes. Existe a teoria supermercadista de maxi exposição de produtos em ponto de venda. O interior de um supermercado é um amontoado de mercadorias organizadas Um website comercial deve impressionar bela abundância de quantidade de bons negócios. Poucos produtos exibidos significam ´empresa comercialmente pobre’ Teoria da Maxi-Exposição

20. Teoria Contra-Marketing (25 março) Margem alta > Vende pouco Margem Baixa > Vende muito Loja Cara (chique) Loja Barata (simples) Decoração elegante Estacionamento incluso Silencio e música ambiente Ambiente climatizado Café expresso Garrafa de água lacrada Fewcustumers Negócios de ‘status’ Decoração brega Sem estacionamento Gritaria Ventilador teto Café de garrafa térmica Bebedouro de garrafão Lotada de ‘fregueis’ Barganhas / descontos

21. Experiências mostram que internautas apreciam barganhas (preço baixo & commodities) Não existem muitos argumentos de venda. Basicamente preço predomina como principal apelo. Websites comerciais fortalecem posição de lojas de descontos. Empresas de preços elevados tipo ‘highclass’ hesitam em publicar preços na web Elementos de Marketing de alto luxo não encontram na web ambiente favorável. Marketing de barganha encontra na web um paraíso! Custo baixo de manutenção de web Web > Barganha

23. Inconscientemente, o consumidor percebe: Quando um ponto de venda é caro. Sabe que custa muito para mantê-lo. Quando a loja é ‘grã-fina’ tem preço alto Que o preço elevado irá pagar todo aquele luxo Que um website muito elegante, com elementos muito sofisticados, dão a impressão de uma operação web de preços elevados. N Invertido

24. Inconscientemente, o consumidor percebe: Quando um ponto de venda é de DESCONTO. Sabe que custa POUCO para mantê-lo. Quando a loja é ‘POPULAR’ tem preço BAIXO. Que NÃO PRECISA DE PREÇO ELEVADO pois absolutamente NÃO EXISTE LUXO. Que um website simples, prático e eficiente é, subliminarmente, sinônimo de preços baixos. N Invertido

25. Criar um site comercial Simples e Prático, e de fácil Entendimento De Lay-Out agradável Que dê impressão de abundância de bons negócios. Que exiba o ‘expertise’ do comerciante na área onde ele atua. Que possua um conteúdo comercial consistente. Que oferte produtos de real necessidade. Ser agressivo sem ser invasivo Ser competente sem ser burocrático O desafio

27. 3. Linguagem – Java x Flash JAVA Flash Já faz parte do navegador Alteração utilizar objeto de usuário Carrega rápido Qualquer conexão Programador de alto nível Possibilita interface amigável Compacta Precisa ser instalado Alteração necessita programador Flash Carrega lento Somente banda larga Programador de baixo nível Não existe interface amigável Não compacta

28. Porque muitos programadores preferem fazem flash? Porque flash é ‘bonitinho’ Porque flash é mais fácil de programar Porque flash não é customizável. O usuário acaba sendo obrigado a depender do programador. Porque existem muitos templates em flash Porque hack em flash é facílimo (decoder)

29. Tela programação Flash

30. Tela Programação Java (highlevel)

31. Estudos mostram Mais de 10s, pode dizer adeus! 30% do acesso ainda é discado 15% via 3G, que é pior que discado! (quem tem, sabe!) Seu servidor não é tão bom assim quanto vc imagina Que traceroute foi feito para ser usado Que a base de dados TEM que estar no mesmo datacenter. Quem PHP é mais veloz que todos! Que fotos na mão de usuario são um perigo (veja item 7) 4. Velocidade Carregamento

32. Estudos mostram: Que nosso chefe é o mais simples de todos Que mais de 03 objetos dinâmicos na mesma página é coisa típica de iniciante. Que URL test deve ser feito Quem as páginas devem estar enlaçadas de forma simples, porem presente. 5. Simplicidade & Navegação

33. Uma das maiores dificuldades em navegação é o consumidor achar o produto Campos de pesquisa devem ser abundantes. Menus laterais variados também devem existir Listagens de produtos ordenadas devem ser abundantes Como achar produtos?

34. “Em breve novidades / Site em construção” é: Coisa de ‘webdesigner’ preguiçoso Típico de amadores / curiosos de plantão Desrespeito ao internauta Desperdiça audiência Coisa do tipo “vc não me manda material...” Desrespeito ao cliente Falta de inteligência comercial Navegação: Fato relevante!!!

35. 2ª página mais importante A página que mais gera negócio Utilize video, pdf, tables, e tudo mais NUNCA É DEMAIS INFORMAR Não esqueça dos “veja também” 6. ProductInfo

37. Estudos Mostram Que 800x600 está longe de morrer! Que formato .png ainda não pegou (que pena..) Que navegadores lêem fotos de forma diferente Que fotos mal trabalhadas gerem demora no carregamento geral do site Que postar fotos sem conhecimento mínimo de photoshop é um SUICÍDIO!!! 7. Design e fotos

38. Estudos mostram: Que não existe coisa mais chata que fazer cadastro! Não peça ao internauta informação inútil. QUANTO MAIS SIMPLES, MELHOR. Comprar sem cadastro, e carrinho anônimo são OBRIGAÇÕES!!! 8. Cadastro & Cart

39. A web possibilita ao comerciante vender produtos sem eles estarem disponiveis Os mecanismos de controle de visitação podem indicar ao comerciante qual produto esta sendo mais visitado Mesmo se o internauta não pedir um ‘avise-me’, o comerciante consegue saber se existe procura por um determinado item A página funciona como uma espécie de ‘pesquisa de mercado’ Produtos Indisponíveis

41. SSL, HTTPS, criptograqfia, injection, ip travado, sessão time limit, senha nível 3,....a gente não precisa mais voltar a estes tópicos, né? Cálculo de frete >>> SÓ INICIANTES NÃO SIMULAM ANTES!!! Deposito em c/c, contra entrega, reembolso postal e pagamento para motoboy dão trabalho mas são obrigatórios. 9. Frete & Meios de Pagamento

42. E-mail, telefone, endereço >> obrigação né! Redes sociais, gmaps >> simpático MSN, twiter, Orkut >> meio infantil...pode vai!!! Chat >> avisa seu cliente que é chato! Se colocar convite >> ai pode! (cuidado, hein...) ‘Enviar proposta’ pré formatada >> boa! Curriculo on-line >> chique. (não esquece auto resposta) Pesquisa satisfação >> chiquérrimo Youtubechannel. >> este é meu garoto!!! Vídeos decentes, viu! (pague um profissional) Slideshare + flirck Quer trabalhar comigo? 10. Meios de comunicação

43. Não publicar telefone é a síntese da arrogância. Não publicar email (principalmente o mailto:) é a síntese da insegurança do webdesigner. Porque tem gente que ainda teima em impor esta restrição? Webdesigner inseguro que quer ‘comprovar’ qtos emails o website produziu Medo de expor o e-mail a hacker de spam (como se isto fosse evitar) Cliente que não deseja publicar telefone é cliente que não precisa vender 10. Meios de Comunicação

44. ´Backrup’, ‘FORTRAN’, IntegredEletronics, no inicio publicavam seus telefones/emails. Depois de atingir 1 bilhão de acessos/dia, empresas mudaram a estratégia. E, como o custo para atende 50, 100 milhões de ligações/dia é impraticável, estas decidiram subtrair o telefone de sua página principal. Pois é. Mas empresas como...

46. Mostrar IP (brega!!!) Mostrar nome do usuário (meio bobo...) Login automático (perigoso...) No de visitantes (infantil...) Banners HTML (credo cruz!) Frames (piada) www Saiu da moda

47. Tableless / CSS / W3C Iphoneprotocol + dispositivos portáteis Javascript / Ajax / jquery Imagem em background (velocidade) Google analitics Lanhouse Está na moda

48. O comércio na internet muda a cada instante Trata-se da atividade de negócios mais dinâmica hoje em dia As ‘regras’ de hoje podem estar obsoletas em breve O comerciante on-line deve ficar atento as mudanças. Sites de grande audiência, pois estes são precursores de tendências Conclusão