ONG Mais

Produto
Site institucional
Papel
UX/UI Designer (voluntária)
Time
UX, PM, DEV
Duração
6 meses
ONG Mais — site institucional

Contexto

A ONG Mais é uma organização educacional com o objetivo de ampliar o acesso à educação para jovens em situação de vulnerabilidade.

O projeto consistiu na criação de sua presença digital do zero, com o desafio de estruturar uma experiência capaz de conectar apoiadores e estudantes, comunicar o propósito da ONG e viabilizar formas de contribuição.

Atuei como UX/UI Designer ao longo de todo o processo, desde a pesquisa até a definição da solução, considerando limitações reais como ausência de orçamento e estrutura técnica.

Problema

A ONG não possuía um produto digital estruturado, o que dificultava:

  • comunicar sua proposta de valor
  • gerar confiança em potenciais apoiadores
  • transformar interesse em ação concreta

Além disso, o contexto trazia restrições importantes:

  • ausência de recursos financeiros
  • operação sem equipe técnica
  • baixa capacidade de manutenção contínua

A questão central do projeto foi:

como criar uma experiência digital que gere confiança e facilite o engajamento, dentro de um contexto operacional limitado?

Processo

Descoberta

Para entender o comportamento dos potenciais apoiadores, conduzi pesquisa quantitativa e qualitativa.

Matriz CSD — Certezas, Suposições e Dúvidas
Matriz CSD: mapeamento de certezas, suposições e dúvidas que guiaram a investigação.

A pesquisa quantitativa (91 respostas) mostrou um padrão relevante: alto interesse em ajudar, baixa conversão em ação.

Principais dados:

72%

Já ajudou uma ONG ou fez voluntariado

98%

Gostaria de colaborar com organizações sociais

75%

Busca informações antes de doar

82%

Encontra barreiras para se engajar (tempo, informação, dinheiro)

69%

Ajuda porque se sente bem

60%

Sente-se seguro doando por Pix

As entrevistas aprofundaram esse cenário, revelando dois fatores principais:

  • falta de tempo para buscar como ajudar
  • falta de confiança na transparência das organizações

O problema não era intenção, mas fricção e credibilidade.

Definição

Organizei os aprendizados em perfis e jornadas para orientar o produto.

Esse processo ajudou a garantir que as decisões não fossem baseadas em suposições, mas em necessidades reais, especialmente relacionadas a:

  • clareza de informação
  • facilidade de ação
  • construção de confiança

Estratégia

A priorização das funcionalidades foi guiada por impacto e viabilidade, utilizando o framework MoSCoW.

A proposta de valor foi construída considerando não apenas o usuário final, mas também a capacidade da ONG de sustentar a solução ao longo do tempo.

Matriz MoSCoW — priorização de funcionalidades
Priorização de funcionalidades com framework MoSCoW.

Decisões e trade-offs

As decisões de produto foram fortemente influenciadas pelas limitações operacionais.

Alguns exemplos:

  • Gateway de pagamento → descartado no momento por inviabilidade técnica
  • Seção de novidades → removida por falta de estrutura para produção contínua de conteúdo
  • Transparência financeira → identificada como essencial, mas planejada como evolução futura devido à ausência de dados organizados

Essas decisões direcionaram o projeto para uma solução mais simples, porém viável.

Nem sempre a melhor solução é a mais completa, mas a que pode ser sustentada no contexto real.

Solução

A experiência foi estruturada com foco em:

  • clareza de comunicação
  • redução de fricção no caminho de engajamento
  • acessibilidade para diferentes perfis

Os fluxos foram organizados para facilitar ações principais, como:

  • entender a ONG
  • descobrir formas de ajudar
  • realizar doações ou se voluntariar
User flow do site da ONG Mais
User flow: mapeamento dos caminhos do usuário pelo site.
Wireframes do site da ONG Mais
Fluxo de navegação, wireframes e protótipos de baixa e alta fidelidade.

Validação

Os testes de usabilidade revelaram pontos importantes de ajuste:

  • dificuldade em encontrar como ajudar → inclusão da opção no menu principal
  • baixa visibilidade do voluntariado → reposicionamento de CTAs
  • desalinhamento entre opções de doação e capacidade da ONG → simplificação para Pix e depósito

Após ajustes, uma nova rodada de testes indicou que:

  • a navegação estava clara
  • as formas de contribuição eram compreendidas
  • não havia fricções relevantes no fluxo principal

Resultado

O projeto resultou na criação da primeira experiência digital estruturada da ONG, permitindo:

  • comunicação mais clara do propósito
  • organização das formas de contribuição
  • base para crescimento futuro

Além da interface, o projeto também entregou uma estrutura de marca e produto que a ONG não possuía anteriormente.

Aprendizados

  • Restrições moldam decisões melhores: considerar viabilidade desde o início evita soluções inviáveis
  • Confiança é um fator central em produtos sociais
  • Reduzir fricção é mais eficaz do que aumentar funcionalidades

Este projeto também trouxe um aprendizado importante sobre responsabilidade:

trabalhar com uma organização real, ainda que voluntariamente, exige decisões mais cuidadosas, pois o impacto vai além do produto e afeta diretamente a forma como a causa se conecta com o mundo.