Successfully reported this slideshow.
Cartões de Benefícios Visa ValeMetodologia e resultados obtidos na construção do novo site
SOBRE O CLIENTEVisa Vale é...Gestora de Cartão de Benefícios       –Alimentação Visa Vale       – Refeição Visa Vale      ...
SOBRE O CLIENTEVisa Vale é...Referência de mercado:       – 210 mil estabelecimentos credenciados no país;       – 70 mil ...
HISTÓRICO2006• A CBSS completa 3 anos assumindo a vice-liderança do  mercado, com 30% de participação.• O site é reformula...
HISTÓRICODe 2006 a 2009O site conquista marcas importantes:   – 30% dos novos contratos são feitos pela Internet;   – 99,5...
Página Inicial 2009
HISTÓRICONovos planos• Em 2009 novos desafios:   – Aumentar a fatia de vendas de novos contratos pelo site;   – A maioria ...
Um projeto em várias mãos
PROJETO4 Empresas envolvidas• Departamento de Marketing Visa Vale   – Coordenação do projeto e das equipes envolvidas;   –...
PROJETO4 Empresas envolvidas• Lumens Consultoria   – Revisão da Navegação e Conteúdo;   – Definição do Fluxos e Mapas do n...
PROJETO4 Empresas envolvidas• Ad. Agency   – Concepção do Design;   – Elaboração do Protótipo em HTML para Teste de Usabil...
PROJETORessalvas Importantes• O planejamento levou em conta cronograma reduzido e baixo  investimento.• Esse trabalho foco...
PROJETOMetodologia• Análise da situação atual   – Histórico do site;   – Definição da estratégia;   – Análise do público-A...
PROJETOMetodologia• Estratégia e Arquitetura de Informação   – Inventário do conteúdo;   – Mapa do site;   – Fluxos de nav...
Entendendo o Público-Alvo
Entendendo o PúblicoUsuário de cartão• São os funcionários das empresas contratantes.• Principais interesses:   – Verifica...
Entendendo o PúblicoEmpresa Cliente• Funcionários de RH das empresas que já contrataram os  produtos Visa Vale.• Principai...
Entendendo o PúblicoEstabelecimento Cliente• Estabelecimentos comerciais que aderiram a rede Visa Vale.• Desejam utilizar ...
Entendendo o PúblicoEmpresa Prospect• Empresas interessadas em adquirir os serviços da Visa Vale.• Estão divididas em Pequ...
Entendendo o PúblicoEstabelecimento Prospect• Desejam conhecer as formas de associação à rede de  estabelecimentos da Visa...
Entendendo o PúblicoOutros• Profissionais da imprensa que desejam obter informações  institucionais a respeito da Visa Val...
Ouvindo o Usuário
Atendimento via ChatPerguntas dos Usuários• "Gostaria de saber qual a diferença entre Alimentação Visa  Vale e Refeição Vi...
Atendimento via ChatPerguntas dos Usuários• "Onde eu posso ver os estabelecimentos que aceitam o visa  vale?"
Atendimento via ChatPerguntas dos Usuários• "Eu quero fazer o cadastro direto com vocês e pagar via  boleto bancário sem s...
Atendimento via ChatPerguntas dos Usuários• "Eu estou tentando efetuar um cadastro, mas não foi  efetuado. Dá erro!"Proble...
Vivendo a experiênciaA Lumens é cliente...• Perguntar para os próprios funcionários ajudou nesse  momento.• Descoberta: As...
Exemplo de cartilha do usuário
Ouvindo a Empresa
NecessidadesProduto Vale-Transporte• É um produto diferenciado. A Visa Vale não emite esse  cartão, porém faz o serviço de...
NecessidadesDesinchaço do Atendimento• O número de chamadas no canal de vendas crescia para  esclarecer dúvidas que já est...
NecessidadesValores da empresa• Ações de sustentabilidade;• Assessoria de imprensa;• Prêmios e conquistas.
NecessidadesNovos Serviços• Novas ferramentas para agregar valor aos produtos da  empresa:   – Busca de Estabelecimentos m...
Analisando Números
Google AnalyticsFunil Solicitação de Novos Cartões•   Passo 1 – Página ’Seja Nosso cliente’    68% desistiam na leitura do...
Google AnalyticsComportamento dos Usuários• As páginas mais acessadas eram Saldo e Extrato dos Cartões.   – Era a página d...
Google AnalyticsComportamento dos Usuários• 27% dos usuários vinham do Google   – A maioria dos prospects fazia esse camin...
Análise do Site
Análise do SiteO Inventário• Foram listadas 50 páginas com conteúdos diferentes.  Ou nem tanto...• 13 assuntos relevantes ...
Análise do SiteNavegação• 5 áreas de navegação   – Os links não estavam organizados de maneira lógica.   – Fora dos menus,...
Site 2009: Áreas de Navegação
ConteúdoTextos e Imagens• Textos grandes, imagens pouco significativas.• Conteúdo pouco objetivo.   – Difícil de encontrar...
Site 2009: Apresentação dos cartões
Site 2009: Página de detalhe do cartão
Organizando as Informações
Organizando o MenuPremissas• A mudança deveria manter parte do aprendizado de  navegação já adquirido no site.• Deveria se...
Organizando o MenuProposta Simplista                                         Empresa                                      ...
Organizando o MenuProposta por Público-Alvo• Concentrava o conteúdo para novos clientes dentro de "Seja  Nosso Cliente".
Organizando o MenuProposta Prospect x Cliente• Divide o menu entre clientes e prospects.• Bem próximo ao menu anterior.Apr...
Organizando as PáginasMapa do Site• O novo mapa previa todas as áreas dentro do menu  planejado.• Nesse momento rótulos fo...
Organizando as PáginasMapa do Site• Comentários adicionais:   – A revisão dos rótulos e títulos levou em conta as palavras...
Mapa do Site
Wireframes
Definindo a estruturaPremissas• A Lumens Consultoria definiu páginas pré-determinadas,  consideradas de maior importância ...
Definindo a estruturaFuncionamento do menu• Um conjunto de wireframes foi dedicado para explicar o claro  funcionamento do...
Definindo a estruturaFuncionamento do menu      Sobre a       Cartões          Vale       Rede                      sua   ...
Definindo a estruturaFuncionamento do menu      Sobre a     Cartões           Vale             Rede                       ...
Definindo a estruturaFuncionamento do menu      Sobre a    Cartões        Vale                  Rede                      ...
Definindo a estruturaFuncionamento do menu      Sobre a    Cartões        Vale       Rede                               su...
Definindo a estruturaFuncionamento do menu      Sobre a    Cartões        Vale       Rede      Atendimento       sua      ...
Definindo a estruturaFuncionamento do menu      Sobre a    Cartões        Vale       Rede                                 ...
Definindo a estruturaFuncionamento do menu      Sobre a    Cartões        Vale        Rede                             sua...
Definindo a estruturaFuncionamento do menu      Sobre a    Cartões        Vale       Rede                               su...
Definindo a estruturaPágina Inicial• As propostas atendiam variações dos seguintes conteúdos:   – Destaques para cada segm...
Esboços Iniciais
Cabeçalho             Menu Prospect           Menu ClienteDestaques              Banner                                   ...
Wireframe da Proposta aceita
Layout aplicado para protótipo
Definindo a estruturaPágina dos Cartões• O objetivo era facilitar o entendimento e a comparação dos  produtos.• As diferen...
Proposta Lumens
Layout Ad. Agency
Definindo a estruturaPágina do Produto• O objetivo era detalhar o cartão de maneira simples.• Enfatiza as vantagens para f...
Proposta Lumens
Layout Ad. Agency
Definindo a estruturaSimulação e Aquisição• O objetivo era facilitar a simulação de pedidos, processo vital  para o entend...
Proposta Lumens
Layout Ad. Agency
Evolução do Layout
Página Inicial 2009
Proposta 1 Ad. Agency
Proposta 2 Ad. Agency
Proposta 3 Ad. Agency (Aprovada)
Teste de Usabilidade
Teste de UsabilidadeEstrutura do Teste• Entrevistas individuais em sala de espelho.• Protótipo navegável.• 10 participante...
Teste de UsabilidadeEstrutura do Teste• Tarefas   – Obter informações sobre a Visa Vale;   – Comparar a diferença entre do...
Teste de UsabilidadeRelatório de Resultados• Todos os resultados foram tabulados.• Foi gerado um relatório completo orient...
Teste de UsabilidadeAlguns resultados...• Desconheciam a marca "CBSS". Por causa da bandeira, a  marca "Visa" trazia mais ...
Teste de UsabilidadeAlguns resultados...• Reparavam e entendiam as imagens de situação para explicar  o cartão.
Teste de UsabilidadeAlguns resultados...• Tinham dificuldade para entender a diferença entre alguns  serviços.   – Revisão...
Teste de UsabilidadeAlguns resultados...• Não rolavam a página em algumas áreas.   – Revisão de áreas de respiro e layout....
Exemplo de análise e recomendação
Nuvem de opiniões
Implantação
Página Inicial 2009
Página Inicial 2010
Página de Produto 2009
Página Produto 2010
Área Empresa 2009
Área Empresa 2010
Simulador de Custos
Sustentabilidade
Primeiros Resultados
Após Jun/2010Melhor visibilidade• Clara evolução após aprimorar as estratégias de SEO.   – Conseguiu as primeiras posições...
Após Jun/2010Número de propostas• Aumento de 117% de propostas feitas na Central de Vendas  do site em relação ao mês ante...
Após Jun/2010Novos contratos• Aumento de 19% em relação ao mês anterior;• Aumento de 50% em relação ao mesmo período do an...
Aumento de Contatos
Fabiana Yazbekfabiana.yazbek@lumensconsultoria.com.brBruno Alvesbruno.alves@lumensconsultoria.com.brAlexandre Mirandaalexa...
Upcoming SlideShare
Loading in …5
×

Case Cartões de Benefícios Visa Vale

1,458 views

Published on

Em Junho de 2010 foi lançado o novo site da da CBSS, administradora dos cartões Visa Va-le. A reformulação deste teve como objetivo aumentar o número de novos contratos pela Internet, modernização da imagem do canal e trazer mais informações e serviços para: empresas, estabele-cimentos e usuários do cartão. O objetivo deste documento é compartilhar a metodologia utilizada para a obtenção de resultados positivos, dando ênfase ao trabalho de Arquitetura de Informação e Usabilidade. Devido a recente publicação do site, parte das métricas e análises ainda estão sendo levantadas, podendo ser abordadas com mais riqueza durante o evento.

Published in: Design
  • Be the first to comment

  • Be the first to like this

Case Cartões de Benefícios Visa Vale

  1. 1. Cartões de Benefícios Visa ValeMetodologia e resultados obtidos na construção do novo site
  2. 2. SOBRE O CLIENTEVisa Vale é...Gestora de Cartão de Benefícios –Alimentação Visa Vale – Refeição Visa Vale – Cesta Alimentação – Natal Alimentação – Flex Car Visa Vale –Vale Transporte
  3. 3. SOBRE O CLIENTEVisa Vale é...Referência de mercado: – 210 mil estabelecimentos credenciados no país; – 70 mil empresas clientes; – 5,4 milhões de cartões; – 22 milhões de transações por mês.
  4. 4. HISTÓRICO2006• A CBSS completa 3 anos assumindo a vice-liderança do mercado, com 30% de participação.• O site é reformulado com objetivo de: – Fechar contratos on-line com novos clientes; – Realizar e gerenciar pedidos mensais dos benefícios de seus cartões.
  5. 5. HISTÓRICODe 2006 a 2009O site conquista marcas importantes: – 30% dos novos contratos são feitos pela Internet; – 99,5% dos pedidos mensais dos clientes são realizados on-line; – Crescimento contínuo dos pageviews, chegando a 7 milhões em março de 2009.
  6. 6. Página Inicial 2009
  7. 7. HISTÓRICONovos planos• Em 2009 novos desafios: – Aumentar a fatia de vendas de novos contratos pelo site; – A maioria dos contratos (70%) eram fechados por agências e bancos sócios; – Diminuir as dúvidas dos usuários e desafogar o atendimento telefônico; – Agregar no site novos projetos e conteúdos para valorizar o serviço.
  8. 8. Um projeto em várias mãos
  9. 9. PROJETO4 Empresas envolvidas• Departamento de Marketing Visa Vale – Coordenação do projeto e das equipes envolvidas; – Definição da estratégia do site; – Definição de públicos-alvo e metas; – Validação do projeto.
  10. 10. PROJETO4 Empresas envolvidas• Lumens Consultoria – Revisão da Navegação e Conteúdo; – Definição do Fluxos e Mapas do novo site; – Criação de Wireframes para páginas-chave; – Teste de Usabilidade e Recomendações;
  11. 11. PROJETO4 Empresas envolvidas• Ad. Agency – Concepção do Design; – Elaboração do Protótipo em HTML para Teste de Usabilidade; – Ajustes e finalização da Interface;• Kaizen – Implantação
  12. 12. PROJETORessalvas Importantes• O planejamento levou em conta cronograma reduzido e baixo investimento.• Esse trabalho focou apenas a atuação da Lumens Consultoria no projeto.
  13. 13. PROJETOMetodologia• Análise da situação atual – Histórico do site; – Definição da estratégia; – Análise do público-Alvo; – Análise das necessidades da Visa Vale; – Análise prévia do site de 2009 (Navegação, Conteúdo e Métricas);
  14. 14. PROJETOMetodologia• Estratégia e Arquitetura de Informação – Inventário do conteúdo; – Mapa do site; – Fluxos de navegação; – Wireframes;• Validação – Teste de Usabilidade.
  15. 15. Entendendo o Público-Alvo
  16. 16. Entendendo o PúblicoUsuário de cartão• São os funcionários das empresas contratantes.• Principais interesses: – Verificação do extrato do cartão e serviços relacionados; – Consulta à estabelecimentos filiados; – Ofertas, dicas e matérias são atrativos complementares.
  17. 17. Entendendo o PúblicoEmpresa Cliente• Funcionários de RH das empresas que já contrataram os produtos Visa Vale.• Principais interesses: – Efetuar os pedidos mensais dos benefícios para os funcionários (área logada); – Fazer o controle dos pagamentos e outros serviços relacionados; – Trazer mais atrativos para qualidade de seus funcionários;
  18. 18. Entendendo o PúblicoEstabelecimento Cliente• Estabelecimentos comerciais que aderiram a rede Visa Vale.• Desejam utilizar os serviços exclusivos para esse segmento. Ex: Material de Sinalização, Reembolso, etc.
  19. 19. Entendendo o PúblicoEmpresa Prospect• Empresas interessadas em adquirir os serviços da Visa Vale.• Estão divididas em Pequena, Média e Grande empresa.• Se diferenciam pela quantidade de beneficiados e necessidades específicas do RH.
  20. 20. Entendendo o PúblicoEstabelecimento Prospect• Desejam conhecer as formas de associação à rede de estabelecimentos da Visa Vale.
  21. 21. Entendendo o PúblicoOutros• Profissionais da imprensa que desejam obter informações institucionais a respeito da Visa Vale.• Trabalhadores e estudantes com interesse em oportunidades na empresa.
  22. 22. Ouvindo o Usuário
  23. 23. Atendimento via ChatPerguntas dos Usuários• "Gostaria de saber qual a diferença entre Alimentação Visa Vale e Refeição Visa Vale?"• "Olá! O Visa Refeição aceita nas redes de supermercados?"• "Gostaria de receber um orçamento com Visa Vale e Vale Transporte no mesmo cartão. É possível?"Qual a diferença entre os produtos?
  24. 24. Atendimento via ChatPerguntas dos Usuários• "Onde eu posso ver os estabelecimentos que aceitam o visa vale?"
  25. 25. Atendimento via ChatPerguntas dos Usuários• "Eu quero fazer o cadastro direto com vocês e pagar via boleto bancário sem ser intermediado por banco, é possível?"Quais são as formas de pagamento?
  26. 26. Atendimento via ChatPerguntas dos Usuários• "Eu estou tentando efetuar um cadastro, mas não foi efetuado. Dá erro!"Problemas técnicos durante o fechamento do pedido.
  27. 27. Vivendo a experiênciaA Lumens é cliente...• Perguntar para os próprios funcionários ajudou nesse momento.• Descoberta: As recomendações da "Cartilha do Usuário" enviada pelo correio não existiam no site.• Resultado: Os funcionários jogavam fora a cartilha e depois tinham dúvidas: – "Como olhar o saldo?" – "Como trocar a senha do cartão?"
  28. 28. Exemplo de cartilha do usuário
  29. 29. Ouvindo a Empresa
  30. 30. NecessidadesProduto Vale-Transporte• É um produto diferenciado. A Visa Vale não emite esse cartão, porém faz o serviço de gerenciamento para os clientes.• As informações e o canal de vendas estavam em um site diferente.Falta integração.
  31. 31. NecessidadesDesinchaço do Atendimento• O número de chamadas no canal de vendas crescia para esclarecer dúvidas que já estavam respondidas no site.O site não cumpria bem seu papel de orientar.
  32. 32. NecessidadesValores da empresa• Ações de sustentabilidade;• Assessoria de imprensa;• Prêmios e conquistas.
  33. 33. NecessidadesNovos Serviços• Novas ferramentas para agregar valor aos produtos da empresa: – Busca de Estabelecimentos mais interativa; – Pesquisa do Ticket Médio por Região; – Plano de Parcerias para oferecer descontos aos usuários.A antiga arquitetura não previu essas necessidades.
  34. 34. Analisando Números
  35. 35. Google AnalyticsFunil Solicitação de Novos Cartões• Passo 1 – Página ’Seja Nosso cliente’ 68% desistiam na leitura do texto.• Passo 2 – Página com simulador de valores 45% desistiam simulando um pedido.• Passo 3 – Página com formulário de preenchimento da proposta 79% desistiam no preenchimento.4% dos usuários concluíam uma solicitação.
  36. 36. Google AnalyticsComportamento dos Usuários• As páginas mais acessadas eram Saldo e Extrato dos Cartões. – Era a página de Entrada de mais da metade dos usuários. A maioria não via a Página Inicial. – 62% usuários saiam após sua consulta. O sucesso das campanhas de relacionamento dependia da retenção do interesse dos usuários.
  37. 37. Google AnalyticsComportamento dos Usuários• 27% dos usuários vinham do Google – A maioria dos prospects fazia esse caminho. O sucesso das vendas dependia da eficiência em sites de busca e da recepção adequada desses usuários.
  38. 38. Análise do Site
  39. 39. Análise do SiteO Inventário• Foram listadas 50 páginas com conteúdos diferentes. Ou nem tanto...• 13 assuntos relevantes não eram contemplados.
  40. 40. Análise do SiteNavegação• 5 áreas de navegação – Os links não estavam organizados de maneira lógica. – Fora dos menus, alguns conteúdos só existiam na home. – Alguns links do rodapé eram maiores que links Call to Action. – O sub-menu e apresentação dos produtos da Visa Vale só eram visualizados nas páginas internas. • Era necessário clicar no menu e procurar o sub-menu na página interna.
  41. 41. Site 2009: Áreas de Navegação
  42. 42. ConteúdoTextos e Imagens• Textos grandes, imagens pouco significativas.• Conteúdo pouco objetivo. – Difícil de encontrar as informações mais relevantes do negócio.
  43. 43. Site 2009: Apresentação dos cartões
  44. 44. Site 2009: Página de detalhe do cartão
  45. 45. Organizando as Informações
  46. 46. Organizando o MenuPremissas• A mudança deveria manter parte do aprendizado de navegação já adquirido no site.• Deveria ser no topo, e manter parte dos rótulos já estabelecidos.
  47. 47. Organizando o MenuProposta Simplista Empresa Estabelecimento Usuário• Concentrava os conteúdos para os clientes dentro da área "Serviços". Focava o restante para os novos clientes.
  48. 48. Organizando o MenuProposta por Público-Alvo• Concentrava o conteúdo para novos clientes dentro de "Seja Nosso Cliente".
  49. 49. Organizando o MenuProposta Prospect x Cliente• Divide o menu entre clientes e prospects.• Bem próximo ao menu anterior.Aprovada!
  50. 50. Organizando as PáginasMapa do Site• O novo mapa previa todas as áreas dentro do menu planejado.• Nesse momento rótulos foram revisados e simplificados.• Os principais fluxos de navegação foram traçados, fazendo a relação dos conteúdos complementares.• Conteúdos futuros também foram previstos nesse momento.
  51. 51. Organizando as PáginasMapa do Site• Comentários adicionais: – A revisão dos rótulos e títulos levou em conta as palavras-chave usadas pelos usuários, colhidas no Google Analytics. Isso facilitaria a futura estratégia SEO do site. – Foi um momento de muita de negociação com a Equipe de Marketing, que tinha cuidado para que as mudanças não prejudicassem nomes já estabelecidos para seus produtos.
  52. 52. Mapa do Site
  53. 53. Wireframes
  54. 54. Definindo a estruturaPremissas• A Lumens Consultoria definiu páginas pré-determinadas, consideradas de maior importância pela Equipe Visa Vale.• A definição dos wireframes não detalhou o conteúdo dos textos, somente títulos.
  55. 55. Definindo a estruturaFuncionamento do menu• Um conjunto de wireframes foi dedicado para explicar o claro funcionamento do menu.• Ele foi organizado em dois níveis de profundidade, prevendo todo o conteúdo do site.
  56. 56. Definindo a estruturaFuncionamento do menu Sobre a Cartões Vale Rede sua meu seu Visa Vale Visa Vale Transporte afiliada Atendimento EMPRESA VISA VALE ESTABELECIMENTO Nossa história Assessoria de Imprensa Informações e números Releases e notícias Arquivos para download Ações de Sustentabilidade Prêmios conquistados Banner divulgação de conteúdo em destaque
  57. 57. Definindo a estruturaFuncionamento do menu Sobre a Cartões Vale Rede sua meu seu Visa Vale Visa Vale Transporte afiliada Atendimento EMPRESA VISA VALE ESTABELECIMENTO Conheça nossos produtos Seja nosso cliente Cartões Alimentação sua EMPRESA Alimentação Visa Vale Faça seu pedido Refeição Visa Vale Cesta Alimentação Visa Vale meu VISA VALE Saldo e Extrato Natal Alimentação Visa Vale Como usar o seu cartão Cartões Combustível Banner “Por que Flex Card Visa Vale Visa Vale?”
  58. 58. Definindo a estruturaFuncionamento do menu Sobre a Cartões Vale Rede sua meu seu Visa Vale Visa Vale Transporte afiliada Atendimento EMPRESA VISA VALE ESTABELECIMENTO Serviços em Vale Transporte Diferenciais Sugestão de rotas, bolsa de crédito, 2ª.via de cartão bilhete único, Envio de SMS Operadoras conveniadas Seja cliente de Vale Transporte Faça seu pedido (cliente cadastrado)
  59. 59. Definindo a estruturaFuncionamento do menu Sobre a Cartões Vale Rede sua meu seu Visa Vale Visa Vale Transporte afiliada Atendimento EMPRESA VISA VALE ESTABELECIMENTO Consulta rede afiliada Rede delivery Indique estabelecimentos Cadastre seu estabelecimento
  60. 60. Definindo a estruturaFuncionamento do menu Sobre a Cartões Vale Rede Atendimento sua meu seu Visa Vale Visa Vale Transporte afiliada EMPRESA VISA VALE ESTABELECIMENTO Atendimento a Empresas Atendimento Usuários de cartão
  61. 61. Definindo a estruturaFuncionamento do menu Sobre a Cartões Vale Rede sua meu seu Visa Vale Visa Vale Transporte afiliada Atendimento EMPRESA VISA VALE ESTABELECIMENTO Faça seu pedido Vale Mais (cliente cadastrado) Revista Vale Mais Conheça nossos produtos Empreendedorismo Seja nosso cliente Promoções e descontos Sobre o PAT Consulta rede afiliada Vantagens do PAT Atendimento a Empresas Perguntas e respostas sobre o PAT
  62. 62. Definindo a estruturaFuncionamento do menu Sobre a Cartões Vale Rede sua meu seu Visa Vale Visa Vale Transporte afiliada Atendimento EMPRESA VISA VALE ESTABELECIMENTO Como utilizar o seu cartão Vale Mais Saldo e extrato Revista Vale Mais Bem Estar Serviços pelo celular Promoções e descontos Rede Afiliada Programa Olá Consulta Rede Afiliada Atendimento Usuários de cartão Rede Delivery Banner divulgação Almoço com amigos Vale Mais
  63. 63. Definindo a estruturaFuncionamento do menu Sobre a Cartões Vale Rede sua meu seu Visa Vale Visa Vale Transporte afiliada Atendimento EMPRESA VISA VALE ESTABELECIMENTO Reembolso imediato Vale Mais Como usar o Visa Vale em seu Revista Vale Mais estabelecimento Bem Estar Materiais de sinalização Promoções e descontos Consulta rede afiliada Banner divulgação Cadastre seu estabelecimento Vale Mais
  64. 64. Definindo a estruturaPágina Inicial• As propostas atendiam variações dos seguintes conteúdos: – Destaques para cada segmento (Prospect, Empresa, Estabelecimento, Usuário); – Atalhos para áreas mais usadas pelos clientes; – Banner para campanhas; – Destaque para diferenciais (Sustentabilidade, Prêmio); – Programa de descontos Vale Mais; – Notícias sobre a Visa Vale.
  65. 65. Esboços Iniciais
  66. 66. Cabeçalho Menu Prospect Menu ClienteDestaques Banner Atalho Clientes Carrossel Produtos Promoções Notícias Visa Vale Rodapé Estrutura da Proposta aceita
  67. 67. Wireframe da Proposta aceita
  68. 68. Layout aplicado para protótipo
  69. 69. Definindo a estruturaPágina dos Cartões• O objetivo era facilitar o entendimento e a comparação dos produtos.• As diferenças geravam dúvidas frequentes na Central de Vendas.
  70. 70. Proposta Lumens
  71. 71. Layout Ad. Agency
  72. 72. Definindo a estruturaPágina do Produto• O objetivo era detalhar o cartão de maneira simples.• Enfatiza as vantagens para facilitar a rápida leitura da página.• Facilidade visou também o SEO. A página do produto era a entrada de muitos vindos do Google.
  73. 73. Proposta Lumens
  74. 74. Layout Ad. Agency
  75. 75. Definindo a estruturaSimulação e Aquisição• O objetivo era facilitar a simulação de pedidos, processo vital para o entendimento dos usuários.• Depois disso, deixar claro os passos de aquisição ao cliente.
  76. 76. Proposta Lumens
  77. 77. Layout Ad. Agency
  78. 78. Evolução do Layout
  79. 79. Página Inicial 2009
  80. 80. Proposta 1 Ad. Agency
  81. 81. Proposta 2 Ad. Agency
  82. 82. Proposta 3 Ad. Agency (Aprovada)
  83. 83. Teste de Usabilidade
  84. 84. Teste de UsabilidadeEstrutura do Teste• Entrevistas individuais em sala de espelho.• Protótipo navegável.• 10 participantes.• 2 perfis de usuários: 1. Empresas que não possuem benefícios, mas que tinham intenção em contratá-los; 2. Empresas que já haviam contrato benefícios na concorrência.
  85. 85. Teste de UsabilidadeEstrutura do Teste• Tarefas – Obter informações sobre a Visa Vale; – Comparar a diferença entre dois cartões de benefícios; – Simular a aquisição de um produto; – Contratar o serviço; – Solicitar um benefício para o próximo mês; – Consultar saldo do cartão; – Tirar dúvidas através do Atendimento.
  86. 86. Teste de UsabilidadeRelatório de Resultados• Todos os resultados foram tabulados.• Foi gerado um relatório completo orientando o processo de revisão.• Por fim, uma série de recomendações para a correta programação e implantação técnica.
  87. 87. Teste de UsabilidadeAlguns resultados...• Desconheciam a marca "CBSS". Por causa da bandeira, a marca "Visa" trazia mais credibilidade aos usuários.
  88. 88. Teste de UsabilidadeAlguns resultados...• Reparavam e entendiam as imagens de situação para explicar o cartão.
  89. 89. Teste de UsabilidadeAlguns resultados...• Tinham dificuldade para entender a diferença entre alguns serviços. – Revisão de títulos e rótulos. Antes Depois
  90. 90. Teste de UsabilidadeAlguns resultados...• Não rolavam a página em algumas áreas. – Revisão de áreas de respiro e layout.• Utilizavam os atalhos na lateral tanto quanto o menu. – Valorização da área lateral.• Tinham dificuldade em entender a diferença entre simular preços, adquirir e solicitar a proposta . – Revisão das etapas de contratação de serviço.
  91. 91. Exemplo de análise e recomendação
  92. 92. Nuvem de opiniões
  93. 93. Implantação
  94. 94. Página Inicial 2009
  95. 95. Página Inicial 2010
  96. 96. Página de Produto 2009
  97. 97. Página Produto 2010
  98. 98. Área Empresa 2009
  99. 99. Área Empresa 2010
  100. 100. Simulador de Custos
  101. 101. Sustentabilidade
  102. 102. Primeiros Resultados
  103. 103. Após Jun/2010Melhor visibilidade• Clara evolução após aprimorar as estratégias de SEO. – Conseguiu as primeiras posições orgânicas de palavras de grande relevância para o negócio. Ex: Topo com a palavra ‘Vale Alimentação’
  104. 104. Após Jun/2010Número de propostas• Aumento de 117% de propostas feitas na Central de Vendas do site em relação ao mês anterior.
  105. 105. Após Jun/2010Novos contratos• Aumento de 19% em relação ao mês anterior;• Aumento de 50% em relação ao mesmo período do ano passado;• Aumento de 30% para 40% na participação do site em novos contratos da empresa;
  106. 106. Aumento de Contatos
  107. 107. Fabiana Yazbekfabiana.yazbek@lumensconsultoria.com.brBruno Alvesbruno.alves@lumensconsultoria.com.brAlexandre Mirandaalexandre.miranda@lumensconsultoria.com.brAgradecimento!Fabio Frazão, gerente de Marketing, Internete Sustentabilidade da Visa Vale, por autorizar www.lumensconsultoria.com.bra divulgação do case. (11) 3054-2700

×