CustomeRadar - Estudo de caso
Objetivo do projeto
O CustomeRadar surge de uma necessidade de tornar o cotidiano de profissionais que lidam com vendas, mais fácil. Possui o compromisso de guardar informações de clientes e produtos e também de contribuir com a comunicação interna de times.
Período: Fevereiro de 2024 até Setembro de 2024.
Função: UX/UI Designer.
Desk research
A primeira etapa de pesquisa foi realizar uma Desk Research onde procurei por informações de: como funciona a utilização de CRM e como funciona o relacionamento dos usuários com osl CRM. As principais informações que reuni foram:
Personas
Decidi realizar a parte de personas para ter uma compreensão do que um possível usuário do CustomeRadar gostaria de ter com base na Desk Research feita anteriormente.
Bruna Alves
40 anos - Chefe do departamento de vendas
Bruna é uma chefe organizada, metódica e empática. Ela deseja ter um sistema para o seu time em que possa organizar seus clientes, pedidos, ver dados de vendas e também seria muito importante que esse sistema fosse simples, prático e que tivesse integração com a loja virtual da empresa para que o time consiga se ajustar facilmente.
Frustações
Não consegue organizar as informações de vendas com os membros da equipe.
Sente que não consegue liderar corretamente a equipe.
Dificuldades de comunicação com o time.
Objetivos
Conseguir organizar melhor as informações de vendas.
Melhorar seu desempenho como líder.
Melhorar a comunicação com a equipe.
Guilherme Silva
22 anos - Vendedor junior
Guilherme entrou no time de vendas faz 6 meses, é um vendedor prático, carismático e pretende seguir nesse ramo. Durante esse período ele percebeu que a falta de um sistema para ter dados concretos do sucesso dos produtos vêm deixado a equipe confusa. Ele espera que com o novo sistema seja possível ter uma noção melhor dos dados.
Frustações
Se sente perdido ao lidar com informações de clientes.
Dificuldades de trocas de informações com colegas.
Sente que não tem total conhecimento sobre o produto que a empresa vende pela falta de documentação.
Objetivos
Conseguir organizar melhor as informações de vendas.
Melhorar entendimento dos produtos que ele vende.
Melhorar a comunicação com a equipe.
Userflow
Ao terminar a etapa de personas e entender o que o meu dashboard poderia resolver para essas personas. Decidi realizar um userflow para mapear a jornada do meu possível usuário.
Style guide
CustomeRadar
Cores
Tipografia
A tipografia escolhida foi a Roboto com o objetivo de ser acessível, fácil de entender de modo que cumpriria bem o seu papel no dashboard.
Rosa
#DB3977
Aa
A tipografia escolhida foi a Roboto com o objetivo de ser acessível, fácil de entender de modo que cumpriria bem o seu papel no dashboard.
Light
Regular
Medium
Semibold
Bold
Roboto
Wireframe
Realizei a arquitetura do dashboard priorizando as funcionalidades que vão fazer mais diferença no cotidiano dos usuários.
Desenvolvi as telas de desktop, juntamente com seu fluxo conforme a jornada do usuário e realizei o mesmo procedimento com as telas mobile mantendo um padrão responsivo.
Alta fidelidade
Resoluções
Com esse projeto consegui melhorar minha prática de desenvolver um dashboard desde a sua idealização até a prototipação. Realizei muitas funcionalidades avançadas que anteriormente não tinha contato.
Foi muito realizador concluir esse projeto e ver minha constante melhora na área de UXUI.
Jornada
Análise do projeto
Definição de problema
UX/UIDesign
Entrega de projeto
A tela inicial apresenta o lucro total; compras feitas e clientes novos para análise geral. Também possui gráficos de compras recentes; análise de estados; análise de vendas e produtos mais vendidos, esses gráficos servem para mostrar as informações mais importantes para a empresa e é possível utilizar o filtro para realizar pesquisas mais densas.
Apresenta um dashboard de todos os produtos cadastrados da loja, é possível ver as informações de preço; estoque; pedidos feito e vendidos.
Ao clicar nos trê pontinhos do status “ações” você poderá visualizar produto; excluir ou editar.
Também é possível exportar o dashboard e adicionar novos produtos.
A tela de clientes tem o objetivo de demonstrar as informações de clientes através de cards e gráficos. É possível visualizar os dados completos do cliente ao clicar nos pontos de “Ações”; exportar o dashboard e adicionar cliente.
A página do perfil do cliente apresenta os dados completos de contato, tempo de cadastro, últimas interações na loja virtual e gráficos demonstrando total de interações, total de compras, total geral e análise de compras.
Apresenta um dashboard de todos os membros do time. É possível ver os dados principais do colaborador como: nome, time; email; telefone; status.
A página do perfil do colaborador apresenta os dados completos de contato; tempo de empresa; útimas interações de vendas e gráficos demonstrando total de vendas; total de clientes, total de produtos vendidos e valor gerado.
Apresenta o chat de conversas com membros da equipe. É possível conversar; pesquisar, ligar e excluir conversas.
No chat é possível anexar arquivos e mandar audios.
É possível ver os compromissos da semana, adicionar novos e filtrar datas.
A tela inicial apresenta o lucro total; compras feitas e clientes novos para análise geral. Também possui gráficos de compras recentes; análise de estados; análise de vendas e produtos mais vendidos, esses gráficos servem para mostrar as informações mais importantes para a empresa e é possível utilizar o filtro para realizar pesquisas mais densas.
Apresenta um dashboard de todos os produtos cadastrados da loja, é possível ver as informações de preço; estoque; pedidos feito e vendidos.
Ao clicar nos trê pontinhos do status “ações” você poderá visualizar produto; excluir ou editar.
Também é possível exportar o dashboard e adicionar novos produtos.
A tela de clientes tem o objetivo de demonstrar as informações de clientes através de cards e gráficos. É possível visualizar os dados completos do cliente ao clicar nos pontos de “Ações”; exportar o dashboard e adicionar cliente.
A página do perfil do cliente apresenta os dados completos de contato, tempo de cadastro, últimas interações na loja virtual e gráficos demonstrando total de interações, total de compras, total geral e análise de compras.
Apresenta um dashboard de todos os membros do time. É possível ver os dados principais do colaborador como: nome, time; email; telefone; status.
A página do perfil do colaborador apresenta os dados completos de contato; tempo de empresa; útimas interações de vendas e gráficos demonstrando total de vendas; total de clientes, total de produtos vendidos e valor gerado.
Apresenta o chat de conversas com membros da equipe. É possível conversar; pesquisar, ligar e excluir conversas.
No chat é possível anexar arquivos e mandar audios.
É possível ver os compromissos da semana, adicionar novos e filtrar datas.
A tela inicial apresenta o lucro total; compras feitas e clientes novos para análise geral. Também possui gráficos de compras recentes; análise de estados; análise de vendas e produtos mais vendidos, esses gráficos servem para mostrar as informações mais importantes para a empresa e é possível utilizar o filtro para realizar pesquisas mais densas.
Apresenta um dashboard de todos os produtos cadastrados da loja, é possível ver as informações de preço; estoque; pedidos feito e vendidos.
Ao clicar nos trê pontinhos do status “ações” você poderá visualizar produto; excluir ou editar.
Também é possível exportar o dashboard e adicionar novos produtos.
A tela de clientes tem o objetivo de demonstrar as informações de clientes através de cards e gráficos. É possível visualizar os dados completos do cliente ao clicar nos pontos de “Ações”; exportar o dashboard e adicionar cliente.
A página do perfil do cliente apresenta os dados completos de contato, tempo de cadastro, últimas interações na loja virtual e gráficos demonstrando total de interações, total de compras, total geral e análise de compras.
Apresenta um dashboard de todos os membros do time. É possível ver os dados principais do colaborador como: nome, time; email; telefone; status.
A página do perfil do colaborador apresenta os dados completos de contato; tempo de empresa; útimas interações de vendas e gráficos demonstrando total de vendas; total de clientes, total de produtos vendidos e valor gerado.
Apresenta o chat de conversas com membros da equipe. É possível conversar; pesquisar, ligar e excluir conversas.
No chat é possível anexar arquivos e mandar audios.
É possível ver os compromissos da semana, adicionar novos e filtrar datas.
A tela inicial apresenta o lucro total; compras feitas e clientes novos para análise geral. Também possui gráficos de compras recentes; análise de estados; análise de vendas e produtos mais vendidos, esses gráficos servem para mostrar as informações mais importantes para a empresa e é possível utilizar o filtro para realizar pesquisas mais densas.
Apresenta um dashboard de todos os produtos cadastrados da loja, é possível ver as informações de preço; estoque; pedidos feito e vendidos.
Ao clicar nos trê pontinhos do status “ações” você poderá visualizar produto; excluir ou editar.
Também é possível exportar o dashboard e adicionar novos produtos.
A tela de clientes tem o objetivo de demonstrar as informações de clientes através de cards e gráficos. É possível visualizar os dados completos do cliente ao clicar nos pontos de “Ações”; exportar o dashboard e adicionar cliente.
A página do perfil do cliente apresenta os dados completos de contato, tempo de cadastro, últimas interações na loja virtual e gráficos demonstrando total de interações, total de compras, total geral e análise de compras.
Apresenta um dashboard de todos os membros do time. É possível ver os dados principais do colaborador como: nome, time; email; telefone; status.
A página do perfil do colaborador apresenta os dados completos de contato; tempo de empresa; útimas interações de vendas e gráficos demonstrando total de vendas; total de clientes, total de produtos vendidos e valor gerado.
Apresenta o chat de conversas com membros da equipe. É possível conversar; pesquisar, ligar e excluir conversas.
No chat é possível anexar arquivos e mandar audios.
É possível ver os compromissos da semana, adicionar novos e filtrar datas.
CustomeRadar - Estudo de caso
Período: Fevereiro de 2024 até Setembro de 2024.
Função: UX/UI Designer.
Personas
Decidi realizar a parte de personas para ter uma compreensão do que um possível usuário do CustomeRadar gostaria de ter com base na Desk Research feita anteriormente.
Userflow
Ao terminar a etapa de personas e entender o que o meu dashboard poderia resolver para essas personas. Decidi realizar um userflow para mapear a jornada do meu possível usuário.
Style guide
Cores
As cores a serem escolhidas para compor o Style Guide da ShopSebo precisavam ser clássicas para representar a literatura e modernas para mesclar literatuta com tecnologia.
Alta fidelidade
Ao terminar a etapa de UserFlow, comecei a trabalhar na baixa fildelidade da interface para
Jornada
Análise do projeto
Definição de problema
UX/UIDesign
Entrega de projeto
Objetivo do projeto
O CustomeRadar surge de uma necessidade de tornar o cotidiano de profissionais que lidam com vendas, mais fácil. Possui o compromisso de guardar informações de clientes e produtos e também de contribuir com a comunicação interna de times.
UX RESEARCH
A etapa de pesquisa foi crucial para entender melhor o problema que iria resolver. Contei com as seguintes etapas de pesquisa para desenvolver melhor minhas ideias:
UX RESEARCH
A etapa de pesquisa foi crucial para entender melhor o problema que iria resolver. Contei com as seguintes etapas de pesquisa para desenvolver melhor minhas ideias:
Desk research
Etapa para entender melhor sobre a situação de CRM no Brasil.
Style guide
Etapa para realizar uma identidade para a CustomeRadar
Personas
Realizar personas para compreender melhor como desenvolver o CRM.
Wireframes
Desenvolvimento da arquitetura do dashboard.
Userflow
Etapa para traçar o caminho do usuário pelo CRM.
Alta fidelidade
Protótipo pronto para ser utilizado pelos usuários.
Desk research
A primeira etapa de pesquisa foi realizar uma Desk Research onde procurei por informações de: como funciona a utilização de CRM e como funciona o relacionamento dos usuários com osl CRM. As principais informações que reuni foram:
Apesar do grande crescimento dos CRM na pandemia, a Finances Online realizou umas pesquisa em que 22% dos profissionais de vendas não sabem o que é um CRM.
Por causa da pandemia, funcionários de empresas pequenas que utilizavam pouco o CRM agora utilizam mais.
Em caso de empresas maiores, metade dos funcionários utilizam o CRM.
Os CRM são muito importantes para o crescimento das áreas de CX e Marketing.
Essas áreas afirmam que estão focando maior na experiência do usuário e que utilizar os CRM tem feito grande diferença nesse objetivo.
Com base em uma pesquisa feita pela Science Soft, um dos grandes desafios daqueles que utilizam os CRM atuais são: a falta de integração de dados, dados incorretos e dificuldade em acompanhar o andamento das vendas.
Bruna Alves
40 anos - Chefe do departamento de vendas
Bruna é uma chefe organizada, metódica e empática. Ela deseja ter um sistema para o seu time em que possa organizar seus clientes, pedidos, ver dados de vendas e também seria muito importante que esse sistema fosse simples, prático e que tivesse integração com a loja virtual da empresa para que o time consiga se ajustar facilmente.
Frustações
Não consegue organizar as informações de vendas com os membros da equipe.
Sente que não consegue liderar corretamente a equipe.
Dificuldades de comunicação com o time.
Frustações
Se sente perdido ao lidar com informações de clientes.
Dificuldades de trocas de informações com colegas.
Sente que não tem total conhecimento sobre o produto que a empresa vende pela falta de documentação.
Objetivos
Conseguir organizar melhor as informações de vendas.
Melhorar seu desempenho como líder.
Melhorar a comunicação com a equipe.
Objetivos
Conseguir organizar melhor as informações de vendas.
Melhorar entendimento dos produtos que ele vende.
Melhorar a comunicação com a equipe.
Guilherme Silva
22 anos - Vendedor junior
Guilherme entrou no time de vendas faz 6 meses, é um vendedor prático, carismático e pretende seguir nesse ramo. Durante esse período ele percebeu que a falta de um sistema para ter dados concretos do sucesso dos produtos vêm deixado a equipe confusa. Ele espera que com o novo sistema seja possível ter uma noção melhor dos dados.
A etapa de UI Design foi muito importante para tirar a ideia do papel, comecei a realizar essa etapa por esses tópicos:
UI DESIGN
A etapa de UI Design foi muito importante para tirar a ideia do papel, comecei a realizar essa etapa por esses tópicos:
UI DESIGN
Tipografia
A tipografia escolhida foi a Roboto com o objetivo de ser acessível, fácil de entender de modo que cumpriria bem o seu papel no dashboard.
Aa
Light
Regular
Medium
Semibold
Bold
Roboto
Wireframe
Realizei a arquitetura do dashboard priorizando as funcionalidades que vão fazer mais diferença no cotidiano dos usuários.
Desenvolvi as telas de desktop, juntamente com seu fluxo conforme a jornada do usuário e realizei o mesmo procedimento com as telas mobile mantendo um padrão responsivo.
Resoluções
Com esse projeto consegui melhorar minha prática de desenvolver um dashboard desde a sua idealização até a prototipação. Realizei muitas funcionalidades avançadas que anteriormente não tinha contato.
Foi muito realizador concluir esse projeto e ver minha constante melhora na área de UXUI.
A tela inicial apresenta o lucro total; compras feitas e clientes novos para análise geral. Também possui gráficos de compras recentes; análise de estados; análise de vendas e produtos mais vendidos, esses gráficos servem para mostrar as informações mais importantes para a empresa e é possível utilizar o filtro para realizar pesquisas mais densas.
Apresenta um dashboard de todos os produtos cadastrados da loja, é possível ver as informações de preço; estoque; pedidos feito e vendidos.
Ao clicar nos trê pontinhos do status “ações” você poderá visualizar produto; excluir ou editar.
Também é possível exportar o dashboard e adicionar novos produtos.
A tela de clientes tem o objetivo de demonstrar as informações de clientes através de cards e gráficos. É possível visualizar os dados completos do cliente ao clicar nos pontos de “Ações”; exportar o dashboard e adicionar cliente.
A página do perfil do cliente apresenta os dados completos de contato, tempo de cadastro, últimas interações na loja virtual e gráficos demonstrando total de interações, total de compras, total geral e análise de compras.
Apresenta um dashboard de todos os membros do time. É possível ver os dados principais do colaborador como: nome, time; email; telefone; status.
A página do perfil do colaborador apresenta os dados completos de contato; tempo de empresa; útimas interações de vendas e gráficos demonstrando total de vendas; total de clientes, total de produtos vendidos e valor gerado.
Apresenta o chat de conversas com membros da equipe. É possível conversar; pesquisar, ligar e excluir conversas.
No chat é possível anexar arquivos e mandar audios.
É possível ver os compromissos da semana, adicionar novos e filtrar datas.