KPMG - KBS

Explore

Set/2023 - Análise de Fluxo de Compra

Desktop

Home

O fullbanner é muito grande e dá a impressão de false flor - quando não há uma continuidade clara do site, dando a impressão de que não há mais conteúdo do site para visto no scroll vertical. (Tela 1)

No header, pode haver uma confusão no usuário quanto aos dois primeiros departamentos “Risk University” e “Accounting Journey” por não saber qual categoria ambos se encaixam (Tela 1) - é considerado também um curso livre, mas com mais relevância? É importante lembrar que os concorrentes deixam os cursos descritos em departamentos previamente segmentados.

Não há o botão “Ver todos” nos departamentos (Tela 2), tal ação pode ser obtida através no clique do próprio título do departamento, mas nem todos os usuários têm essa ciência e estão mais familiarizados com o botão “Ver todos” - em que mostra todas as opções na página.

No carrossel de vitrine de cursos - área muito relevante para os usuários - a apresentação não está adequada (Tela 3), pois as setas estão localizadas no local que deveriam ser dos bullets, logo, o local ideal para as setas é nas laterais da vitrine - melhorando a navegação do usuário.

A estrutura de visualização dos cursos está um pouco confusa (Tela 3), o que, possivelmente, gera uma dúvida no usuário se estão organizados por duração, tema, relevância, promoção, aleatoriamente ou algum outro critério - visto que nos concorrentes há uma organização nítida.

O botão de contato está muito discreto e, praticamente, imperceptível para o usuário. (Tela 3)

Tela 1 Tela 2

⁠

Tela 3

⁠

Carrinho lateral (Mini cart)

Avaliar a necessidade do ícone de carrinho no card do produto da vitrine, pois se trata de um ecommerce com produtos mais onerosos, os cards dos cursos não possuem informações (Tela 4) e, dificilmente, o usuário clicará direto nesse botão antes de ir para a PDP. Além disso, os concorrentes não possuem esse botão - ícone de carrinho - na vitrine da home.

Se mantiverem o botão com o ícone de carrinho, o ideal é que o mini cart abra ilustrando o produto adicionado no momento da inserção - além da mensagem de produto adicionado.

Imagem ao lado do título de carrinho não é relevante (Tela 5) - deveria manter o padrão e ser o ícone de carrinho.

Tela 4 Tela 5

⁠

Departamento | Categoria | Página de busca

Filtro não está muito intuitivo e convidativo para o usuário utilizar (Tela 6) - em algumas categorias aparece somente o filtro por preço e em outras aparece também o filtro de departamento.

Tela 6

⁠

PDP

O banner preto e azul está muito grande, ocupando muito espaço, e sem informações relevantes para a compra (Tela 7). O ideal é otimizar o espaço da primeira dobra - que é o mais importante.

Botão “Comprar agora” está com duas respostas diferentes (aleatoriamente?) - em alguns cursos, direciona o usuário para o final da página (Curso Accounting Journey Completo 2023, por exemplo) (Tela 8) e, em outros, direciona para a página do WhatsApp (Curso Risky University Executive, por exemplo) (Tela 9). O ideal é que o botão direcione para o checkout - de acordo com a sua nomenclatura.

As informações mais importantes - e com maior interação dos usuários - estão localizadas na segunda (Tela 10) e terceira dobra de tela (Tela 11). O mais adequado é que essas informações estejam em destaque na primeira dobra, para facilitar a visualização do usuário.

Componente de resumo das informações do curso (Tela 11) localizado na parte direita da tela tem algumas divergências: texto “Acesse o conteúdo gravado” parece clicável (pela texto e negrito), mas não é. As informações parecem dispersas e precisam ser melhor estruturadas. O mais adequado seria ter um botão para entrar em contato/solicitar informações e, assim, dar a opção de dois meios de contato: e-mail ou WhatsApp - ou até um formulário de solicitação de informações.

Tela 7 Tela 8

⁠

Tela 9 Tela 10

⁠

Tela 11

⁠

Carrinho e Checkout

Deixar o logo clicável (direcionar para a home), pois no carrinho, o único jeito de voltar para a home é no botão “Escolher mais produtos”, que não está tão visível e intuitivo para o usuário. (Tela 12)

O ícone de remover o item é um “x” sendo que o ideal é que seja o ícone de uma lixeira, símbolo que o usuário está mais familiarizado.

Tela 12

⁠

Análise de Mapa de Calor

É possível visualizar grande interação no departamento “Cursos livres” e na seta do carrossel do fullbanner. (Tela 13)

As principais interações ocorrem no header e, em segundo lugar, a vitrine com os cards de cursos abaixo do fullbanner. Apesar do fullbaner estar na primeira dobra e se localizar entre os dois elementos mais clicados, ele têm baixíssima interação com os usuários. (Tela 14)

Tela 13

⁠

Tela 14

⁠

Conclusão

Pontos necessários para corrigir ou melhorar:

Home

Diminuir o tamanho do fullbanner.

Rever nomenclatura de categorias - organizar cursos por duração, área ou metodologia, etc.

Inserir botão "Ver todos" na listagem de departamentos no top menu.

No carrossel de vitrine de cursos, melhorar a apresentação do carrossel, inserindo bullets abaixo e setas de navegação nas laterais.

Melhorar a organização da visualização dos cursos de modo geral no decorrer da página - inserir algum título antes da exibição dos cursos ou dar a opção do usuário realizar um filtro, por área, por exemplo.

Minicart

Abrir o minicart sempre que um produto for adicionado ao carrinho.

Alterar imagem ao lado do título - colocando um ícone de carrinho.

Departamento | Categoria

Melhorar o filtro - inserindo as variáveis de preço, duração, área, certificado, se é híbrido, por exemplo.

PDP

Diminuir o espaço do banner principal e inserir informações importantes nele, como o componente de resumo das informações do curso (que está localizado só na terceira dobra hoje).

Corrigir o botão "Comprar agora", deixando-o 100% das vezes com o comportamento de direcionar o usuário direto para o checkout - no máximo, ter um botão de resumo da compra antes, não mais que isso.

Adicionar um botão de "Solicitar informações" ou "Contato" próximo ao botão "Comprar agora" e dar a opção do contato ser via e-mail ou Whatsapp. O ideal é que mantenha esses dois botões de maneira flutuante, acompanhando a navegação do usuário durante a PDP.

As informações mais importantes para a compra do usuário estão localizadas na segunda e terceira dobra de tela, sendo que na primeira, há um grande espaço desperdiçado pelo tamanho do banner e falta de informações. Corrigir.

Melhorar o componente de resumo das informações do curso - localizado hoje do lado direito na terceira dobra da PDP - o texto "Acesse o conteúdo gravado" parece clicável, mas não é - e deixá-lo em evidência na primeira dobra.

Carrinho

Deixar o logo clicável - direcionar o usuário para a home.

Alterar o ícone “x” de remover item para o ícone de lixeira.

Pontos adicionais

Como no briefing cita que o usuário não consegue comprar como pessoa jurídica direto pelo site - precisa falar com um atendente antes - é importante deixar essa informação explícita no site (principalmente PDP e Checkout). Por exemplo: "Deseja comprar como pessoa jurídica? Clique aqui para maiores informações".

Também no briefing, foi mencionado que a maioria dos usuários entra em contato primeiramente com o atendente antes de efetuar a compra. Talvez seja interessante deixar um botão de contato (Whatsapp e email) no header - área de grande relevância para o usuário.

Verificar a velocidade de carregamentos dos botões “Comprar agora” e na área de expansão dos módulos do conteúdo programático, ambos na PDP.

Próxima Página →

Mobile⁠

⁠

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.