estudo de caso

Mudando o Jogo: reestruturando a compra de ingressos do Vasco.

Mudando o Jogo: reestruturando a compra de ingressos do Vasco.

Mudando o Jogo: reestruturando a compra de ingressos do Vasco.

Mudando o Jogo: reestruturando a compra de ingressos do Vasco.

Duração

1 mês - 2023

Papel

Product Designer

Responsabilidades

Fui responsável desde o entendimento do problema e exploração dos motivos, até a criação das melhorias da interface.

VISÃO GERAL

Contexto e desafios iniciais

Contexto e desafios iniciais

Contexto e desafios iniciais

Contexto e desafios iniciais

No Brasil, temos em média 70% dos brasileiro apaixonados por futebol, de acordo com a globo.com. Muitos gostam de frequentar jogos em estádios e, muitas vezes, comprar ingressos não é a tarefa mais simples.


O projeto surgiu dessa necessidade de abordar a dificuldade dos usuários ao comprar ingressos em sites de times de futebol brasileiros. Após uma pesquisa ampla em sites de times brasileiros e feedbacks de usuários, foram identificados inúmeras reclamações sobre o site do Vasco da Gama, um time brasileiro do estado do Rio de Janeiro.


Dessa forma, o problema central do projeto foi definido como: como é possível melhorar e facilitar para o usuário o processo de compra do ingresso no site do Vasco?

Vale ressaltar que esse case é um projeto para estudo pessoal, realizado no curso Design Circuit, não possuindo nenhuma relação direta com as empresas citadas durante o processo.

Desafios propostos

- Entender os pontos de atrito;

- Gerar melhorias sem prejudicar a compra;

Analisar competidores e mercado.

Melhorar a satisfação do usuário.

- Analisar competidores e mercado;

- Melhorar a satisfação do usuário.

Desafios propostos

- Entender os pontos de atrito;

- Gerar melhorias sem prejudicar a compra;

Analisar competidores e mercado.

Melhorar a satisfação do usuário.

- Analisar competidores e mercado;

- Melhorar a satisfação do usuário.

DESCOBERTA E PESQUISA

Entendendo o cenário atual

Entendendo o cenário atual

Entendendo o cenário atual

Entendendo o cenário atual

Para entender o processo de compra de ingressos do Vasco, comecei analisando a jornada passo a passo que o usuário enfrentava, desde entrar no site até finalizar a compra. Nessa análise, considerei o que o usuário vê, as ações necessárias, os sentimentos envolvidos e os pontos de interação. O fluxo de compra atual do site do Vasco é o seguinte:

Lembrando que: As páginas mobile não foram analisadas neste projeto, pois os sites de compra de ingressos de futebol geralmente não dão tanta prioridade para mobile. E, como essa decisão foi tomada porque a prioridade era melhorar rapidamente o fluxo com a estrutura já existente, as telas mobile foram registradas no backlog.

Principais descobertas

As instruções de compra não são fáceis de encontrar devido a termos complexos.

O fluxo possui muitos textos longos durante o processo que se tornam cansativos.

O processo tem muitos redirecionamentos de página.

A necessidade de passar por cadastro e planos distraem do objetivo principal.

O checkout é simples e possui algumas informações desorganizadas.

A falta de disponibilidade de assentos é informada tarde demais no processo.

O processo tem redirecionamentos de página que não são tão necessários.

A necessidade de passar por cadastro e páginas de planos distraem do objetivo principal, que é a compra.

Pontuando possíveis desistências

Pontuando possíveis desistências

Pontuando possíveis desistências

Pontuando possíveis desistências

Com essas novas informações, aprofundei minha análise para identificar os pontos críticos que poderiam levar o usuário a desistir da compra de ingressos. Para isso, realizei um mapeamento mais detalhado de eventos, o que me permitiu identificar com maior precisão os fatores, incluindo o número de redirecionamentos de página e o fluxo detalhado de cliques do usuário.

Pontuando possíveis desistências

Com essas novas informações, aprofundei minha análise para identificar os pontos críticos que poderiam levar o usuário a desistir da compra de ingressos. Para isso, realizei um mapeamento mais detalhado de eventos, o que me permitiu identificar com maior precisão os fatores, incluindo o número de redirecionamentos de página e o fluxo detalhado de cliques do usuário.

Principais pontos de possíveis desistências

Na página inicial por não encontrar o onde é a página de compra de ingressos.

Durante o processo de cadastro devido à relutância em se associar ao time.

Na página de planos, pois parece necessário assinar a um plano para comprar.

Durante a seleção de assentos, devido à falta de disponibilidade.

O processo de compra tem 2 redirecionamentos de página.

Cerca de 15 cliques necessários para concluir a compra.

Na página de planos, por parecer que é necessário assinar a um plano para comprar ingressos.

Durante a seleção de assentos, devido à falta de disponibilidade e à falta de informações anterior sobre.

Mapeando a concorrência

Mapeando a concorrência

Mapeando a concorrência

Mapeando a concorrência

Até esse ponto, tive uma compreensão inicial do cenário do Vasco. Decidi estudar a abordagem de times concorrentes, Palmeiras, Corinthians, Juventus, Real Madrid e PSG, no cenário de compras de ingressos. Foquei em analisar pontos destaque e que poderiam auxiliar algum ponto do processo do Vasco.

O que pode ser interessante para o Vasco nesse momento?

- Botão de ingressos de fácil localização;

- Página informativa com seções claras sobre os jogos;

- Processo de compra simplificado sem cadastro ou login;

- Resumo do pedido sempre visível nas etapas.

O que pode ser aplicado numa futura evolução?

- Scanner facial;

- Seção de acessibilidade para pessoas com necessidades especiais;

- Visualização em 360 graus;

- Adicionar ao calendário.

Mapeando a concorrência

Até esse ponto, tive uma compreensão inicial do cenário do Vasco. Decidi estudar a abordagem de times concorrentes, Palmeiras, Corinthians, Juventus, Real Madrid e PSG, no cenário de compras de ingressos. Foquei em analisar pontos destaque e que poderiam auxiliar algum ponto do processo do Vasco.

O que pode ser interessante para o Vasco nesse momento?

- Botão de ingressos de fácil localização;

- Página informativa com seções claras sobre os jogos;

- Processo de compra simplificado sem cadastro ou login;

- Resumo do pedido sempre visível nas etapas.

O que pode ser aplicado numa futura evolução?

- Scanner facial;

- Seção de acessibilidade para pessoas com necessidades especiais;

- Visualização em 360 graus;

- Adicionar ao calendário.

Avaliando o conteúdo do fluxo

Avaliando o conteúdo do fluxo

Avaliando o conteúdo do fluxo

Vários problemas estavam relacionados, supostamente, ao conteúdo, então optei em fazer uma avaliação de conteúdo, considerando oportunidades e boas práticas de conteúdo. E, os principais pontos de destaque foram os texto cumpridos informativos e os termos confusos do menu de navegação.

Principais melhorias

Realizar uma nova estrutura do menu com palavras mais simples e úteis.

Reestruturar as informações de ingressos e melhorar a hierarquia do conteúdo.

Reestruturar os textos dos botões e encurtar palavras usadas no checkout

Destacar e melhorar os textos de feedback.

Testando o fluxo atual

Testando o fluxo atual

Testando o fluxo atual

Testando o fluxo atual

Validar a perspectiva do usuário foi crucial. Observei 5 usuários, examinei reações, dores, comportamentos e desafios que me permitiu confirmar os pontos identificados nas etapas de descoberta anteriores.

"

O processo é ruim, confuso e chato. Não faz sentido nenhum você ter que ser sócio para comprar, não faz sentido te jogarem para um página de cadastro e de planos, ficarem te empurrando um monte de coisa, sendo que eu só quero comprar um ingresso. E a primeira coisa que deveria aparecer no topo do site deveria ser comprar ingresso.

- Uma das respostas pós-teste com usuários

Resultados do teste

9,2

minutos

em média

minutos

em média

para conseguir finalizar a compra de ingressos.

70%

de taxa de cliques errados antes de chegar ao checkout.

4 de 5

dos usuários abandonaram e desistiram de 2 tarefas.

Menu e Página de jogos

Menu e Página de jogos

foram os mais problemáticos com com 2 e 20 de Usability Score pelo Maze.

Menu e Assentos

Menu e Assentos

foram os mais difíceis de navegar e encontrar de acordo com os usuários

Checkout

Checkout

foi a parte que mais teve sucesso na navegação com 100% de sucesso direto na tarefa.

DEFINIÇÂO E PRIORIZAÇÂO

Defininindo possíveis soluções

Defininindo possíveis soluções

Defininindo possíveis soluções

Defininindo possíveis soluções

Após uma pesquisa ampla, os próximos passos são definir e priorizar as possíveis soluções que se tornariam features a serem implantadas. Foram geradas algumas perguntas para orientar melhorias após as descobertas anteriores. Essas perguntas foram respondidas com algumas soluções viáveis afim de facilitar a geração de features a serem implementadas e backlog.

Filtrando entregáveis

Filtrando entregáveis

Filtrando entregáveis

Filtrando entregáveis

Depois de gerar algumas possíveis soluções para a proposta atual do site do Vasco, organizei as soluções apontadas e usei uma matriz de priorização, considerando importância e prioridade aspectos que ajudariam a melhorar a compra e fatores que levam à sua desistência. Escolhi esse método porque ele ajuda a organizar as tarefas em grupos que precisam de ação.

Entregáveis priorizados

- Melhorar a visualização e disposição do local de comprar ingressos;

- Melhorar a ordem de categorias e nomenclaturas do menu;

- Melhorar as informações disponíveis sobre o ingresso;

- Deixar o fluxo de compra mais curto;

- Retirar o cadastro do fluxo de compra principal;

- Oferecer planos de outra forma;

Analisar competidores e mercado.

Melhorar a satisfação do usuário.

- Adicionar a opção de selecionar o assento que quer;

- Estruturar o conteúdo com base na análise;

- Dar liberdade de ir e vir nas páginas para o usuário;

- Padronizar a hierarquia dos conteúdos;

- Estruturar feedbacks mais eficazes;

- Incluir gatilhos de compras no processo.

Redefinindo o conteúdo do menu

Redefinindo o conteúdo do menu

Redefinindo o conteúdo do menu

Redefinindo o conteúdo do menu

Como o menu foi um ponto de risco validado, uma das prioridades é redefinir a navegação do menu. E, realizei um Card Sorting para validar a estrutura com um usuário de forma moderada. A estrutura definida foi apresentada a seguir.

Principais descobertas

O usuário não gostou de ser redirecionado tantas vezes para outros links.

O usuário sentiu falta de ter opções de compra para outros esportes sem ser o futebol.

O usuário confundiu o Sócio gigante com o Sócio.com.

O usuário não sabia o que era Categorias de base e SAF.

Proposta antiga:

Proposta nova:

Definindo o novo fluxo de compra

Definindo o novo fluxo de compra

Definindo o novo fluxo de compra

Definindo o novo fluxo de compra

Fiz uma suposição de como as soluções funcionariam na nova proposta e decidi, a partir daí, definir um novo fluxo de compra que servirá como um ponto de partida para validar a nova proposta.

DESENVOLVIMENTO

Esboçando a nova proposta

Esboçando a nova proposta

Fiz alguns esboços para explorar ideias e oportunidades antes de confirmar as mudanças. Parti do site atual e construí em cima disso, não me preocupando com detalhes de design ou questões adicionais. Me concentrei em melhorar o que já tínhamos de forma rápida para evitar grandes perdas de vendas devido aos problemas identificados anteriormente.

Home e Menu

Agora com dois locais de fácil acesso para a página de ingressos: uma barra na página principal e no menu. Assim como a aplicação das mudanças do card sorting na estruturação do menu.

Página de ingressos

Informações de disponibilidade dos ingressos antes da compra para não fazer o usuário perder tempo.

Informações gerais de jogos e ingressos

Informações divididas em partes sobre o jogo e sobre os ingressos com dropdown.

Tipo de torcedor

Várias opções de entrada com um direcionamento diferente, para que o usuário não precise passar por login e cadastro sem necessidade.

Seleção de assentos e ingressos

Seleção de assento e ingresso na mesma página.

Dados pessoais

Coleta de dados para lead sem precisar de cadastro, assim não prejudicando o negócio.

Resumo do pedido

Os termos de ações importantes foram arrumados para que o usuário entenda melhor os comandos.

Pop up sugestivo

O pop up para que os objetivos do negócio sejam atingidos, mas sem ter que forçar o usuário a fazer algo, como comprar um plano ou um cadastro.

Modal para finalizar compra

Após o usuário adquirir seu plano e realizar o cadastro, um modal de retorno para a compra ao lado para facilitar o final da compra.

Feedbacks

Para situações dentro do checkout, os feedback ficariam no canto superior direito. Para fora do checkout pop up de erro detalhados.

Apresentando a nova proposta

Apresentando a nova proposta

Após todo esse processo, a proposta final ficou dessa forma:

Home e Menu

Agora com dois locais de fácil acesso para a página de ingressos: uma barra na página principal e no menu. Assim como a aplicação das mudanças do card sorting na estruturação do menu.

Informações gerais de jogos e ingressos

Informações divididas em partes sobre o jogo e sobre os ingressos com dropdown.

Dados pessoais

Coleta de dados para lead sem precisar de cadastro, assim não prejudicando o negócio.

Pop up sugestivo

O pop up para que os objetivos do negócio sejam atingidos, mas sem ter que forçar o usuário a fazer algo, como comprar um plano ou um cadastro.

Página de ingressos

Informações de disponibilidade dos ingressos antes da compra para não fazer o usuário perder tempo.

Tipo de torcedor

Várias opções de entrada com um direcionamento diferente, para que o usuário não precise passar por login e cadastro sem necessidade.

Seleção de assentos e ingressos

Seleção de assento e ingresso na mesma página.

Resumo do pedido

Os termos de ações importantes foram arrumados para que o usuário entenda melhor os comandos.

Modal para finalizar compra

Após o usuário adquirir seu plano e realizar o cadastro, um modal de retorno para a compra ao lado para facilitar o final da compra.

Feedbacks

Para situações dentro do checkout, os feedback ficariam no canto superior direito. Para fora do checkout pop up de erro detalhados.

VALIDAÇÃO

Validando a nova estrutura do conteúdo

Validando a nova estrutura do conteúdo

Validando a nova estrutura do conteúdo

Validando a nova estrutura do conteúdo

Algumas das mudanças sugeridas como solução não foram implementadas, pois decidi remover certas páginas do processo de compra para melhorar a experiência. As páginas que passaram por mudanças significativas foram as relacionadas às informações sobre jogos e ingressos.

Informações gerais do jogo

Proposta antiga:

Proposta nova:

Informações sobre assentos e ingressos

Proposta antiga:

Proposta nova:

Informações gerais

Proposta antiga:

Proposta nova:

Informações sobre assentos e ingressos

Proposta antiga:

Proposta nova:

Validando as mudanças

Validando as mudanças

Validando as mudanças

Validando as mudanças

Foi necessário verificar se as melhorias eram percebidas pelo usuário, assim como a melhoria do conteúdo. Para isso, conduzi um novo teste de usabilidade. Realizei o teste com as mesmas pessoas do primeiro para validar a melhoria no ponto de vista dos usuários.

"

Muito melhor se comparado ao fluxo anterior, dessa vez todas as informações estavam fáceis de achar e não precisou dar nenhuma volta imensa só pra poder comprar um ingresso.

- Uma das respostas pós-teste com usuários

Resultados do teste

2

minutos

em média

minutos

em média

para conseguir finalizar a compra de ingressos.

0%

de taxa de cliques errados antes de chegar ao checkout.

100%

dos usuários finalizaram as tarefas.

Menu e Página de jogos

Menu e Página de jogos

se tornaram as páginas com mais Usability Score pelo Maze, com 97 e 100 de pontuação.

Seleção de Assentos

Seleção de Assentos

se tornou umas das páginas com mais eficácia.

Planos e cadastro

Planos e cadastro

tiveram aceitação pelos usuários pela forma aplicada e não atrapalharam o fluxo de compra.

Conclusões

Conclusões

Conclusões

Conclusões

As informações do teste mostram que a navegação da proposta atual do site foi muito eficaz, houve um aumento nas métricas definidas e, por conta disso, não precisou de nenhuma alteração expressiva após o processo. Por isso, podemos dar esse primeiro estudo como eficaz e concluído.

Próximos passos

Próximos passos

Próximos passos

Próximos passos

Para mudanças imediatas, processos anteriores foram funcionais. As demais funcionalidades prioritárias devem ser incluídas no backlog para a evolução contínua do produto, com pesquisas em parceria com uma ferramenta de analytics.

O que eu aprendi com esse projeto?

O que eu aprendi com esse projeto?

O que eu aprendi com esse projeto?

O que eu aprendi com esse projeto?

Esse projeto foi importante para colocar em prática técnicas de pesquisa, definição de produto, conteúdo, entre outras. Consegui explorar bem o contexto e tive a oportunidade de melhorar as minhas competências técnicas e interpessoais, exercitando bastante a minha resiliência e minhas versatilidade com um produto fora da minha preferência pessoal. Acredito que teve limitações no projeto, por ser um case fictício, e isso acabou bloqueando algumas explorações e também por conta do tempo de entrega. Porém, olhando de um olhar mais amplo com o projeto no final, eu traria alguns esforços de recrutamento mais trabalhados e trabalharia melhor minha percepção sobre certos detalhes.


Com a conclusão deste projeto, sinto que estou preparada para enfrentar desafios mais complexos e contribuir processos que atinjam patamares ainda mais elevados.

Agradecimentos

Agradecimentos

Agradecimentos

Agradecimentos

Agradeço a Alê Periard por me guiar nesse projeto e agradeço ao curso da Design Circuit por me proporcionar essa oportunidade e tantas outras que me fazem crescer como profissional.

Obrigada por chegar até aqui 😉

Obrigada por chegar até aqui 😉

Obrigada por chegar até aqui 😉

Obrigada por chegar até aqui 😉

Vamos conversar?

Vamos conversar?

Vamos conversar?

Vamos conversar?