Scanntech: Sistema de Promoções b2b

UX Design, Visual Design, Prototipação, Research & Teste de Usabilidade.

Scanntech: Sistema de Promoções b2b

UX Design, Visual Design, Prototipação, Research & Teste de Usabilidade.

Scanntech: Sistema de Promoções b2b

UX Design, Visual Design, Prototipação, Research & Teste de Usabilidade.

Em construção 🛠

Reformulação do sistema de promoções da Scanntech, o Clube de Promoções. Esse sistema conecta promoções dadas pelas indústrias de alimentos, como Ambev e Coca-cola, com os varejos.

Elaboramos a reformulação de fluxos e de novas e antigas funcionalidades dentro do sistema Web. Numa segunda etapa, conduzimos testes de usabilidade com o novo layout.

Cliente

Scanntech

Segmento

Grocery, Varejo, b2b

Ano

2022 — 2023

Atuação

User Research, Wireframing, Layouts finais, Prototipação e Testes

Em construção 🛠

Reformulação do sistema de promoções da Scanntech, o Clube de Promoções. Esse sistema conecta promoções dadas pelas indústrias de alimentos, como Ambev e Coca-cola, com os varejos.

Elaboramos a reformulação de fluxos e de novas e antigas funcionalidades dentro do sistema Web. Numa segunda etapa, conduzimos testes de usabilidade com o novo layout.

Cliente

Scanntech

Segmento

Grocery, Varejo, b2b

Ano

2022 — 2023

Atuação

User Research, Wireframing, Layouts finais, Prototipação e Testes

Em construção 🛠

Reformulação do sistema de promoções da Scanntech, o Clube de Promoções. Esse sistema conecta promoções dadas pelas indústrias de alimentos, como Ambev e Coca-cola, com os varejos.

Elaboramos a reformulação de fluxos e de novas e antigas funcionalidades dentro do sistema Web. Numa segunda etapa, conduzimos testes de usabilidade com o novo layout.

Cliente

Scanntech

Segmento

Grocery, Varejo, b2b

Ano

2022 — 2023

Atuação

User Research, Wireframing, Layouts finais, Prototipação e Testes

Contexto:

Contexto:

Contexto:

A Scanntech é uma empresa de inteligência e tecnologia focada em entregar valor e dando visibilidades para oportunidades que o setor de varejo pode ter. É uma empresa uruguaia, e é usada por 8 em cada 10 top varejistas e por mais de 150 das maiores indústrias do Brasil.

Eles possuem um leque diversificado, com muitos produtos e soluções de automação e visualização de dados. Neste projeto, cuidamos da reformulação de uma dessas frentes, o chamado Clube de Promoções.

O Clube é um sistema gratuito da Scanntech que é amplamente utilizado para conectar as indústrias com os mercados. Sabe quando você vê uma promoção de "compre 2, leve 3"? Sem o sistema do Clube precisaria ter um representante da empresa apresentar para o mercado que ele poderia dar essa promoção. Já com o sistema, o varejo pode automaticamente colocar essa promoção rodando no sistema, e receber o seu reembolso caso alguém compre esses produtos.

A Scanntech é uma empresa de inteligência e tecnologia focada em entregar valor e dando visibilidades para oportunidades que o setor de varejo pode ter. É uma empresa uruguaia, e é usada por 8 em cada 10 top varejistas e por mais de 150 das maiores indústrias do Brasil.

Eles possuem um leque diversificado, com muitos produtos e soluções de automação e visualização de dados. Neste projeto, cuidamos da reformulação de uma dessas frentes, o chamado Clube de Promoções.

O Clube é um sistema gratuito da Scanntech que é amplamente utilizado para conectar as indústrias com os mercados. Sabe quando você vê uma promoção de "compre 2, leve 3"? Sem o sistema do Clube precisaria ter um representante da empresa apresentar para o mercado que ele poderia dar essa promoção. Já com o sistema, o varejo pode automaticamente colocar essa promoção rodando no sistema, e receber o seu reembolso caso alguém compre esses produtos.

Atividades realizadas:

Atividades realizadas:

Atividades realizadas:

  • Desk research e dinâmicas de cocriação;

  • Criação de wireframes e wireflows ;

  • Redesign de fluxos e de ferramentas;

  • Layouts finais em desktop e mobile com design responsivo;

  • Prototipação em alta fidelidade;

  • Criação de roteiro e condução de testes de usabilidade;

  • Report com insights e melhorias;

  • Desk research e dinâmicas de cocriação;

  • Criação de wireframes e wireflows ;

  • Redesign de fluxos e de ferramentas;

  • Layouts finais em desktop e mobile com design responsivo;

  • Prototipação em alta fidelidade;

  • Criação de roteiro e condução de testes de usabilidade;

  • Report com insights e melhorias;

O desafio:

O desafio:

O desafio:

O Clube de Promoções era um sistema que tinha uma interface datada e muitas funcionalidades incompletas, que começavam a ser desenvolvidas e paravam no meio do caminho. Além de que eles não tinham um time alocado de UX para validar fluxos ou novas funcionalidades, o que deixava o tipo de desenvolvimento sozinho para tomada de decisões.

Um dos principais pontos de dor era que a curva de aprendizado dos novos usuários, que era longa e confusa, e eles mapearam que o fluxo para receber reembolso poderia melhorar, já que era um dos principais pontos de reclamação e abertura de chamados por parte dos usuários com o time de atendimento. Essas dúvidas, por mexerem com dinheiro do negócio, tiravam parte da confiança na plataforma.

O Clube de Promoções era um sistema que tinha uma interface datada e muitas funcionalidades incompletas, que começavam a ser desenvolvidas e paravam no meio do caminho. Além de que eles não tinham um time alocado de UX para validar fluxos ou novas funcionalidades, o que deixava o tipo de desenvolvimento sozinho para tomada de decisões.

Um dos principais pontos de dor era que a curva de aprendizado dos novos usuários, que era longa e confusa, e eles mapearam que o fluxo para receber reembolso poderia melhorar, já que era um dos principais pontos de reclamação e abertura de chamados por parte dos usuários com o time de atendimento. Essas dúvidas, por mexerem com dinheiro do negócio, tiravam parte da confiança na plataforma.

Entendendo o problema:

Entendendo o problema:

Entendendo o problema:

Levantando junto com os times de marketing e tecnologia, fizemos um kickoff para trazer insumos sobre o motivo de retrabalhar esse layout.

Levantando junto com os times de marketing e tecnologia, fizemos um kickoff para trazer insumos sobre o motivo de retrabalhar esse layout.

Para conseguir mais contexto do projeto e dar voz aos times que conversavam diretamente com os usuários, fizemos algumas dinâmicas no kickoff.

Junto com dinâmicas individuais para mapear dores, objetivos e desejos do time Scanntech, também fizemos uma priorização de fluxos que deveriam ser retrabalhados.

Também conduzimos uma matriz CSD e puxamos discussões para colocar o time inteiro numa mesma página e que serviu para consolidar o objetivo do projeto.

O clube não é considerado intutivo nem por clientes e nem por empresas.

Os pontos de venda possuem dificuldade de entender o funcionamento ao aceitar as promoções.

Estética foge do que é proposto pela Scanntech.

Outras ferramentas da empresa avançaram e o Clube ficou com o layout de um sistema "abandonado".

Os reembolsos não são entendidos pelos clientes.

A navegação não faz muito sentido, e eles precisam organizar promoções disponíveis de modo que o usuário compreenda.

O usuário de varejo se interessa na customização de cartazes?

Uma ferramenta que eles não sabem se deve ser mais ou menos complexa é a criação de cartazes.

Quais as ferramentas que devemos priorizar no redesign?

Outra dúvida era sobre a priorização. Quais fluxos e ferramentas dar ênfase além do core que é a ferramenta de promoções?

Como personalizar porém sem interferir na performance do atual Clube?

O Clube legado tem uma performance e carregamento ótimo. Como novas features poderiam interferir no uso?

Estudos iniciais

Estudos iniciais

Estudos iniciais

Após a imersão de materiais de marketing compartilhados com o nosso time, deskresearch e aprofundamento para entender as motivações dos usuários do Clube, começamos a elaborar estudos iniciais de soluções. Para isso, fizemos alinhamentos semanais com os stakeholders e profissionais técnicos de áreas distintas, que tinham acesso aos usuários e observavam as dores nas rotinas dessas pessoas.

Wireflows foram desenhados para alterar fluxos dos aceites de promoções e wireframes foram desenhados para captar novas estruturas de como as ferramentas poderiam funcionar.

Ao total foram mais de 150 telas de wireframe e 9 fluxos simples, desconsiderando telas de sucesso, erro ou variações e fluxos incompletos. Tudo entregue em mobile e desktop.

Styleguide e documentação para desenvolvimento

Styleguide e documentação para desenvolvimento

Styleguide e documentação para desenvolvimento

Com fluxos validados pelos stakeholders, começamos em paralelo a elaboração de um styleguide, seguindo as orientações da marca Scanntech. Nosso objetivo era de construir semelhança e lembrança na marca no Clube, e consertar o problema de que o Clube parecia algo de fora da Scanntech.

A documentação para handoff já foi pensada nessa etapa. Os principais elementos foram enviados com guias e anotações de comportamentos ao ter interações.

Validação com o usuário final

Validação com o usuário final

Validação com o usuário final

Ainda estou elaborando a seção para ficar mais completa.

Após a validação dos fluxos e telas com o novo styleguide, começamos a recrutar os usuários para validar os principais fluxos do novo Clube.
Foram testes com parte exploratórios e de entrevista de profundidado, e uma segunda parte com teste de usabilidade, com tarefas para serem completadas.

Essas tarefas foram tabuladas e conseguimos perceber os pontos críticos que deveriam mudar, e sugestões que captamos nas entrevistas de profundidade viraram backlog com funcionalidades que poderiam ser realizadas no futuro.

Ainda estou elaborando a seção para ficar mais completa.

Após a validação dos fluxos e telas com o novo styleguide, começamos a recrutar os usuários para validar os principais fluxos do novo Clube.
Foram testes com parte exploratórios e de entrevista de profundidado, e uma segunda parte com teste de usabilidade, com tarefas para serem completadas.

Essas tarefas foram tabuladas e conseguimos perceber os pontos críticos que deveriam mudar, e sugestões que captamos nas entrevistas de profundidade viraram backlog com funcionalidades que poderiam ser realizadas no futuro.

Solução final

Solução final

Solução final

Após todos os estudos, criação de um styleguide e mais a validação dos usuários que utilização o sistema, entregamos o projeto, com todas as telas desk e mobile, mais o protótipo atualizado para o time de desenvolvimento.

Algumas telas abaixo mostram já a aplicação do novo branding digital do Clube de Promoções,

Ao total, desenhamos todos os principais fluxo do sistema, de aceites de promoções, aprovações em massa, fluxos de filtros e telas novas para acompanhamento de métricas, visualização de detalhes das promoções e como elas estão atuando, além de mostrar para o usuário sugestões ou quais indústrias acabam sendo as mais lucrativas para ele.

Outcomes

Outcomes

Junto com as pesquisas e testes de usabilidade, conseguirmos insumos o suficiente para conseguir melhorar a interface e os fluxos do novo layout, também captamos percepções e observamos como os usuários interagiam com a interface atual.

Foi comum ouvirmos sobre outras funcionalidades não mapeadas que poderiam virar oportunidades de implementação e exemplos de outros concorrentes diretos e indiretos. Isso tornou possível criar um backlog de possíveis melhoramentos para o produto num futuro, após a implementação do sistema novo.

Opa! Chegamos ao final… Por enquanto 🥳

Opa! Chegamos ao final… Por enquanto 🥳

Esse projeto foi concluído em 2023, mas ainda estou editando parte dele para colocá-lo o mais completo possível aqui!
Se tiver qualquer dúvida ou quiser ver a apresentação completa, pode mandar mensagem!

Confira também outros projetos que estão aqui no meu portfólio!

Esse projeto foi concluído em 2023, mas ainda estou editando parte dele para colocá-lo o mais completo possível aqui!
Se tiver qualquer dúvida ou quiser ver a apresentação completa, pode mandar mensagem!

Confira também outros projetos que estão aqui no meu portfólio!

Vamos

conversar?

Vamos

conversar?

Vamos conversar?

rhortega.com

© 2024