Sitemap

Wine Time: UI/UX case de um sommelier virtual

5 min readMar 11, 2024

--

Projeto fictício desenvolvido durante curso na EBAC.

Press enter or click to view image in full size
Mockup da solução

Descrição do Problema

Lana estava com pressa. Ela vinha direto do trabalho e passou no supermercado.

Ela começou olhando as prateleiras de bebidas do começo e foi andando até o final. Parecia com dificuldade.

Depois começou a voltar as prateleiras.

Começou a tirar fotos dos vinhos e mandar mensagens no whatsapp pedindo orientações às amigas.

Apesar da pressa, eu consegui fazer uma pergunta a ela: “Você sentiu dificuldade para escolher a bebida?” perguntei.

Ela disse: “Muito! Principalmente porque não bebo. Ia comprar para presentear alguém. Queria ajuda.”

Ela saiu sem levar nada.

Esse é um trecho da minha pesquisa de observação, por shadowing, no setor de bebidas de um supermercado. Assim como a Lana, muitos consumidores iniciantes ou leigos, tem muita dificuldade ao escolher uma bebida nesse contexto. Diferentemente de um aplicativo ou um site especializado, no supermercado o consumidor dispõe de informações muito limitadas para realizar a escolha.

Um levantamento mostrou que entre agosto de 2015 e março de 2016, as vendas de vinhos nos supermercados cresciam acima de 10%. No entanto, em julho do mesmo ano, elas subiram apenas 2,4%. Enquanto isso, a compra de bebidas em plataformas online só crescem.

Nesse contexto, o próposito desse projeto de UI/UX é a criação de uma ferramenta que auxilie o consumidor leigo na escolha de um vinho, no contexto do supermercado.

BenchMarcks

Como dito anteriormente, já existem diversos aplicativos para a compra de vinhos online. Entre eles destaco o WINE e o Vivino.

Press enter or click to view image in full size
Press enter or click to view image in full size

O público alvo desses aplicativos são consumidores mais experientes e exigentes. Dessa forma, há um gap para o consumidor leigo que não quer fazer uma assinatura, apenas quer comprar esporadicamente. É nesse gap que se concentra o projeto.

Pesquisas

A deskresearch realizada tinha como objetivo responder 2 perguntas:

1. Qual o perfil do consumidor de vinho no Brasil?

2. Quais as características da bebida que são consideradas por eles ao escolher?

Get Rayna Pires’s stories in your inbox

Join Medium for free to get updates from this writer.

Abaixo, alguns gráficos para facilitar a visualização dos principais dados coletados. Ao final desse artigo, vou por todas as fontes das pesquisas.

Press enter or click to view image in full size
Press enter or click to view image in full size

A partir da pesquisa percebi alguns fatores:

  • Parte relevante do público ainda compra sua bebida em lojas físicas (cerca de 52%)
  • 50% dos consumidores se baseiam no preço e no contexto imediatista da compra, enquanto os outros 50% se baseiam na procedência de país ou região, sabor, indicações e custo-benefício.
  • A faixa etária que mais compra a bebida é entre 35 e 44 anos, seguida pelas pessoas entre 45 e 54 anos.
  • O perfil do consumidor de vinho no Brasil é bem diversificado, dependendo de suas motivações e características.
Press enter or click to view image in full size

Matriz CSD

Com os dados coletados foi montada uma matriz CSD para direcionar o projeto.

Press enter or click to view image in full size

Personas, jornadas e ideação

Como é de se esperar de um projeto de UX/UI design, foram feitas personas e jornadas de usuário para auxiliar no processo de ideação da solução. A título de exemplificação, eu lhes apresento a Rebecca, uma das personas, sua jornada e o seu mapa de empatia.

Press enter or click to view image in full size
Press enter or click to view image in full size
Press enter or click to view image in full size

A partir do entendimento das necessidades da Rebecca e das outras personas, foi possível dá início o processo de ideação, que compreendeu várias metodologias de criação, cabendo citar o brainstorm e o 5 Why’s.

Press enter or click to view image in full size
rascunho da ideia inicial, que ainda passaria por vários aperfeiçoamentos

Protótipo de Baixa Fidelidade

De maneira simplificada, o user flow principal do produto consiste em:

Press enter or click to view image in full size
user flow principal

Ou seja, seriam feitas perguntas diretas e simples aos usuários para detectar as suas preferências, e a partir desses inputs o sistema buscaria no banco de dados as 3 opções de vinhos mais alinhadas com as expectativas do usuário.

Além da função principal, eu inseri também duas funções secundárias:

  • Verifique este vinho. Nesta função o usuário pode pegar uma garrafa diretamente do supermercado e checar as principais informações do vinho, tais como tipo, harmonizações, país de origem, taça etc, a partir do código de barras do produto.
  • Explorar. Essa funcionalidade mostra rankings dos mais comprados, melhores promoções e os que receberam melhores avaliações.

Com o fluxo pronto, foi produzido o protótipo de baixa fidelidade.

Press enter or click to view image in full size
print do protótipo de baixa fidelidade no figma

Teste de usabilidade

Foi realizado uma pesquisa quantitativa, via forms, com 13 participantes, nos quais eles relatavam o que levavam em consideração na escolha do vinho, e as sensações/emoções associadas a esta experiência. Três desses participantes foram convidados a testar o protótipo de baixa fidelidade. Eles ofereceram feedbacks valiosos para o aprimoramento da solução.

Press enter or click to view image in full size
exemplo de tabela elaborada a partir do teste.

O teste de usabilidade foi realizado de maneira remota por chamada de vídeo. Os participantes tinham algumas missões simples para realizar, como conseguir uma recomendação de vinho para um determinado contexto, por exemplo.

Dentre os apontamentos realizados por eles, destaco a ordem das telas, que foi modificada, tamanho da área de clique, troca de alguns termos técnicos por termos mais simples, além da inclusão de tooltips no protótipo.

Resultado

Após os aprimoramentos, o protótipo funcional interativo pôde ser finalizado. Ao todo foram 27 telas produzidas. O projeto também contou com ilustrações próprias e microinterações.

Revisão Bibliográfica

Consumidor troca supermercado por internet na compra do vinho. Fonte R7. 2016. Link:https://www.abras.com.br/clipping/redes-de-supermercados/61955/consumidor-troca-supermercado-por-internet-na-compra-do-vinho

Fatores de influência na compra de vinhos ( como as pessoas estão escolhendo ). Fonte: Revista de Administração Unimep. 2018.

Perfil do consumidor de vinho no Brasil, fonte: XXIII SEMEAD Seminários em Administração ( 2020)

Link: https://login.semead.com.br/23semead/anais/arquivos/1608.pdf?#:~:text=De%20acordo%20com%20os%20resultados,%2C%20representando%2060%25%20da%20amostra.

Estudo promovido pelo Ibravin e Wine Intelligence, fonte: https://innovarepesquisa.com.br/blog/o-consumo-de-vinho-pelos-brasileiros/

--

--