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 COMERCIAISFazendo um website vender

2. Orientar profissionais e clientes na correta formatação de websites comerciais (webcommerce)Público alvo:WebdesignersPublicitáriosComerciantesProfissionais de webObjetivo

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.brlivrariasaraiva.com.brmagazineluiza.com.brnetshoes.com.brquebarato.com.bramericanas.com.brsubmarino.com.brbuscape.com.brmercadolivre.com.brBase 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á morreuNUNCA 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çãoInternauta = 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 internautaRaciocínio > JulgamentoClique = Exige nova sessão de servidorClique = EsperaSites comerciais > Objetivo final é o botão comprarO 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 entendimento1. 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 subliminarExemplo – desenhe num papel em branco: Página da uol.Página do googleMensagem Subliminar

16. Seu site só vai vender se:A exibição inicial de produtos inicial for de 10 produtosA exibição total tiver mais de 30 produtosMais importante que nome é preço competitivo.Praticidade for evidente.Simplicidade é mais importante que beleza2. 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 organizadasUm 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 poucoMargem Baixa > Vende muitoLoja Cara (chique)Loja Barata (simples)Decoração eleganteEstacionamento inclusoSilencio e música ambienteAmbiente climatizadoCafé expressoGarrafa de água lacradaFewcustumersNegócios de ‘status’Decoração bregaSem estacionamentoGritariaVentilador tetoCafé de garrafa térmicaBebedouro de garrafãoLotada 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 webElementos 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 webWeb > 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 altoQue o preço elevado irá pagar todo aquele luxoQue 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 comercialSimples e Prático, e de fácil EntendimentoDe Lay-Out agradávelQue 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 invasivoSer competente sem ser burocráticoO desafio

27. 3. Linguagem – Java x FlashJAVAFlashJá faz parte do navegadorAlteração utilizar objeto de usuárioCarrega rápidoQualquer conexãoProgramador de alto nívelPossibilita interface amigávelCompactaPrecisa ser instaladoAlteração necessita programador FlashCarrega lentoSomente banda largaProgramador de baixo nívelNão existe interface amigávelNão compacta

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

29. Tela programação Flash

30. Tela Programação Java (highlevel)

31. Estudos mostramMais de 10s, pode dizer adeus!30% do acesso ainda é discado15% via 3G, que é pior que discado! (quem tem, sabe!)Seu servidor não é tão bom assim quanto vc imaginaQue traceroute foi feito para ser usadoQue 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 todosQue mais de 03 objetos dinâmicos na mesma página é coisa típica de iniciante.Que URL test deve ser feitoQuem 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 produtoCampos de pesquisa devem ser abundantes.Menus laterais variados também devem existirListagens de produtos ordenadas devem ser abundantesComo achar produtos?

34. “Em breve novidades / Site em construção” é:Coisa de ‘webdesigner’ preguiçosoTípico de amadores / curiosos de plantãoDesrespeito ao internautaDesperdiça audiênciaCoisa do tipo “vc não me manda material...”Desrespeito ao clienteFalta de inteligência comercialNavegação: Fato relevante!!!

35. 2ª página mais importanteA página que mais gera negócioUtilize video, pdf, tables, e tudo maisNUNCA É DEMAIS INFORMARNão esqueça dos “veja também”6. ProductInfo

37. Estudos MostramQue 800x600 está longe de morrer!Que formato .png ainda não pegou (que pena..)Que navegadores lêem fotos de forma diferenteQue fotos mal trabalhadas gerem demora no carregamento geral do siteQue 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 disponiveisOs mecanismos de controle de visitação podem indicar ao comerciante qual produto esta sendo mais visitadoMesmo se o internauta não pedir um ‘avise-me’, o comerciante consegue saber se existe procura por um determinado itemA 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áticoMSN, 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érrimoYoutubechannel. >> este é meu garoto!!!Vídeos decentes, viu! (pague um profissional)Slideshare + flirckQuer 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 produziuMedo 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 vender10. 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)wwwSaiu da moda

47. Tableless / CSS / W3CIphoneprotocol + dispositivos portáteisJavascript / Ajax / jqueryImagem em background (velocidade)Google analiticsLanhouseEstá na moda

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