UX ResearchUI DesignTeste de usabilidadePersonas

Mercado Solidário

Aplicativo que conecta diretamente produtores e demandantes, permitindo que anunciem produtos e necessidades de forma simples, prática e acessível.

Ano

2023

Duração

Finalizado

Papel

Product Designer

Equipe

8 pessoas

Mercado Solidário - Hero image

Overview

Transformando desafios complexos em experiências intuitivas

O Desafio

Produtores e demandantes não tinham um canal digital eficiente para se conectar, dependendo de redes informais, o que dificultava a divulgação, a descoberta de demandas e reduzia a visibilidade dos pequenos produtores.

A Solução

Criamos um aplicativo de classificados focado no contexto rural, organizando ofertas e demandas de forma simples, com destaque para contato direto, notificações relevantes e selos de verificação para gerar confiança.

O Impacto

Centralização das ofertas e demandas, aumento da visibilidade dos produtores e maior facilidade na conexão entre oferta e demanda.

Ferramentas utilizadas

FigmaFigJamNotionGoogle Forms

O Problema

Entendendo o contexto e os desafios

Contexto

Produtores rurais e demandantes não possuíam um canal centralizado para divulgar ofertas e necessidades, dependendo de redes informais e contatos diretos. Isso dificultava a conexão entre as partes, limitava a visibilidade dos produtos e tornava o processo de negociação pouco eficiente.

Hipótese

Objetivo de Negócio

Facilitar a conexão entre produtores e demandantes, aumentando a visibilidade das ofertas e demandas e promovendo um ambiente confiável para negociação.

Pain Points Identificados

  • 1

    Baixa visibilidade dos produtos e demandas

  • 2

    Dependência de redes informais para negociação

  • 3

    Dificuldade em encontrar oportunidades relevantes

  • 4

    Falta de confiança entre ofertantes e demandantes

  • 5

    Processo de contato descentralizado e pouco estruturado

Pesquisa

Descobrindo as necessidades reais dos usuários

Research process
Entrevistas com produtores e demandantesTestes de usabilidade do protótipo

5 usuários (produtores rurais e representantes de instituições locais)

Baixo letramento digital

Parte dos usuários possui pouca familiaridade com tecnologia, o que dificulta a navegação e o uso de funcionalidades mais complexas, exigindo uma interface simples e direta.

Necessidade de centralização

A divulgação de produtos e demandas acontece de forma dispersa (WhatsApp, contatos informais), dificultando a descoberta de oportunidades e limitando o alcance dos produtores.

Fortalecimento da comunidade local

As relações comerciais acontecem dentro de comunidades como Furnas do Dionísio, e a solução precisa respeitar essa dinâmica, fortalecendo conexões locais em vez de substituí-las.

Contato como etapa principal

A negociação acontece fora da plataforma, tornando essencial facilitar o acesso às informações de contato e a conexão entre as partes.

Insight Principal

O principal desafio não era criar novas funcionalidades, mas estruturar um canal simples e acessível que centralizasse ofertas e demandas, respeitando o contexto local e o nível de familiaridade tecnológica dos usuários.

Personas

Quem são nossos usuários

Personas do projeto
S

Sebastião

53 anosProdutor rural

Produz alimentos em sua propriedade e busca novas formas de divulgar seus produtos, mas possui pouca familiaridade com tecnologia.

Objetivos
  • +Divulgar seus produtos com facilidade
  • +Encontrar compradores sem depender de terceiros
Frustrações
  • -Dificuldade em usar aplicativos
  • -Insegurança ao mexer em ferramentas digitais

"Se for difícil de usar, eu prefiro nem mexer."

G

Gerusa

59 anosDiretora de escola

Responsável pela compra de insumos para a escola, busca produtores locais para atender demandas recorrentes.

Objetivos
  • +Encontrar fornecedores confiáveis
  • +Resolver demandas de forma prática
Frustrações
  • -Dificuldade em encontrar produtores disponíveis
  • -Falta de organização nas informações

"Eu preciso encontrar quem possa atender minha demanda sem complicação."

Wireframes

Da estrutura ao layout

Os wireframes foram criados para estruturar a navegação e validar a organização dos serviços antes da etapa visual.

Wireframes do projeto

Telas Principais

1

Listagem de ofertas e demandas

2

Busca de produtos

3

Publicar oferta ou demanda

4

Match com base na oferta e demanda

5

Perfil do usuário

Design System

Sistema visual consistente

Tipografia

Fonte Primária

Poppins

Escala Tipográfica

Display - 32px
H1 - 24px
H2 - 20px
Body - 16px
Body Small - 14px
Body Xsmall - 12px

Cores

Primária

#2761A5

Secundária

#F9D308

Destaque

#48887B

Neutros 1

#EAEBEC

Neutros 2

#6E757A

Neutros 3

#29353D

Neutros 4

#101518

Solução

O que construímos

Estruturamos um aplicativo de classificados focado em conectar produtores e demandantes de forma simples, priorizando acesso rápido à informação e facilidade de contato.

Aplicação da priorização de serviços e simplificação da navegação

Decisões de design

1

Centralização de ofertas e demandas

Criamos um único canal onde produtores podem anunciar seus produtos e instituições podem publicar suas demandas, facilitando a descoberta de oportunidades.

2

Criação simplificada de anúncios

Reduzimos a complexidade no cadastro de ofertas e demandas, permitindo que usuários com baixo conhecimento digital consigam publicar com facilidade.

3

Match inteligente entre oferta e demanda

Criamos um sistema de match que conecta automaticamente usuários com base na compatibilidade entre o que é ofertado e o que é demandado, reduzindo o esforço de busca e acelerando a conexão entre as partes.

Testes de Usabilidade

Validando com usuários reais

Teste de usabilidade do projeto Mercado Solidário

6

participantes

~33% -> ~83%

Taxa de sucesso

Objetivo

Validar os fluxos principais do aplicativo e identificar barreiras de navegação

Rodada 1: Testes presenciais iniciais realizados na comunidade de Furnas do Dionísio

6 participantes

Usuários apresentaram dificuldade para concluir o cadastro de ofertas e demandas

Simplificar e reorganizar o fluxo de cadastro de anúncios

Usuários não compreenderam a funcionalidade de match entre oferta e demanda

Reestruturar o fluxo e melhorar a comunicação da funcionalidade

Parte dos usuários não identificava claramente os botões principais da interface

Aumentar contraste visual e hierarquia dos CTAs

Melhorias implementadas

  • Benchmarking para identificar boas práticas
  • Refinamento do fluxo de cadastro
  • Simplificação da navegação principal
  • Reestruturação da funcionalidade de match
  • Melhoria da hierarquia visual dos botões

Rodada 2: Segunda rodada de testes após refinamento da interface

6 participantes

Usuários conseguiram concluir o fluxo de cadastro com menos dúvidas

Manter o fluxo simplificado e validar em larga escala

A compreensão da funcionalidade de match aumentou significativamente

Adicionar onboarding opcional para novos usuários

Melhorias implementadas

  • Redução da quantidade de etapas no cadastro
  • Melhoria da clareza textual
  • Ajuste na organização visual das telas
  • Inclusão de feedbacks visuais durante ações importantes

Resultados

O impacto mensurável do design

~33% → ~82%

Taxa de sucesso na conclusão de tarefas após melhorias

0

Fluxos críticos com falha após segunda rodada de testes

100%

Usuários que conseguiram navegar sem suporte direto

Aprendizados

O que aprendi com este projeto

Testar com usuários reais no contexto de uso trouxe insights mais relevantes do que validações em ambiente controlado

Soluções que respeitam e fortalecem dinâmicas locais tendem a ter maior aceitação pelos usuários

Pequenas mudanças em fluxos críticos podem gerar grandes ganhos na taxa de sucesso das tarefas

Interfaces simples e diretas são essenciais para públicos com baixo conhecimento tecnológico

Detalhes visuais do projeto

Explore os artefatos visuais do projeto, desde wireframes até os mockups finais de alta fidelidade.