Instituto Madiba
Sistema de recebimento de doações
Sistema de recebimento
de doações
O Instituo Madiba é uma organização sem fins lucrativos que tem como missão transformar a vida de jovens de baixa renda por meio de projetos educacionais. Como forma de garantir a sustentabilidade da Organização, o instituto dependia da ajuda de voluntários, doadores e patrocinadores que contribuíssem regularmente com doações ou voluntariado.
O objetivo do projeto foi pensar em um website com um sistema de recebimento de doações via pix, permitindo que parceiros, voluntários e patrocinadores pudessem escolher a quantia e a frequência das doações.
Meu papel foi cuidar da jornada de doações, garantindo uma experiência simples e intuitiva para o doador.
O Instituo Madiba é uma organização sem fins lucrativos que tem como missão transformar a vida de jovens de baixa renda por meio de projetos educacionais. Como forma de garantir a sustentabilidade da Organização, o instituto dependia da ajuda de voluntários, doadores e patrocinadores que contribuíssem regularmente com doações ou voluntariado.
O objetivo do projeto foi pensar em um website com um sistema de recebimento de doações via pix, permitindo que parceiros, voluntários e patrocinadores pudessem escolher a quantia e a frequência das doações.
Meu papel foi cuidar da jornada de doações, garantindo uma experiência simples e intuitiva para o doador.
Cargo/função
Cargo/função
UX/UI Designer
UX/UI Designer
Ano e Duração
Ano e Duração
2025 (2 meses)
2025 (2 meses)
Trabalhei com
Trabalhei com
Experiência do usuário / Pesquisa /
Fluxo de Usuário / UI Design
Entendendo a instituição
Entendendo a instituição
Antes, os doadores do projeto deveriam entrar em contato diretamente com um dos administradores do Instituto, comunicação que era feita por telefone. Isso tornava a experiência mais demorada, cansativa e menos recorrente.
Um novo website contendo um sistema de recebimento de doações buscava mudar este cenário trazendo mais confiança, comodidade e recorrência no recebimento das doações.
Antes, os doadores do projeto deveriam entrar em contato diretamente com um dos administradores do Instituto, comunicação que era feita por telefone. Isso tornava a experiência mais demorada, cansativa e menos recorrente.
Um novo website contendo um sistema de recebimento de doações buscava mudar este cenário trazendo mais confiança, comodidade e recorrência no recebimento das doações.
Jornada do usuário
Jornada do usuário
O primeiro passo foi maepar a jornada do usuário com o produto, desde o onboarding à efetuação da doação.
O primeiro passo foi maepar a jornada do usuário com o produto, desde o onboarding à efetuação da doação.
Fluxo de navegação completo, porém reprovado.
Fluxo de navegação completo, porém reprovado.
A primeira versão do fluxo de doações era completa: o usuário tinha a liberdade de digitar o valor da doação, ou adicionar valores apertando nas opções disponíveis.
O design tinha potencial, mas uma equipe enxuta de desenvolvedores e um baixo orçamento para o projeto demandavam uma alternativa mais simples.
A primeira versão do fluxo de doações era completa: o usuário tinha a liberdade de digitar o valor da doação, ou adicionar valores apertando nas opções disponíveis.
O design tinha potencial, mas uma equipe enxuta de desenvolvedores e um baixo orçamento para o projeto demandavam uma alternativa mais simples.
Solução mais simples e eficaz
Solução mais simples e eficaz
Novo Fluxo de doação: reduzimos o fluxo de interação à uma única tela, simplificando a jornada e a programação do sistema.
Limitação de funcionalidades: limitamos a calculadora para uma única escolha de valor dentre os 6 possíveis, retirando a possibilidade de adição e a digitação de um valor distinto.
Essas decisões foram pensadas em simplificar o desenvolvimento da plataforma sem comprometer a experiência do usuário.
Novo Fluxo de doação: reduzimos o fluxo de interação à uma única tela, simplificando a jornada e a programação do sistema.
Limitação de funcionalidades: limitamos a calculadora para uma única escolha de valor dentre os 6 possíveis, retirando a possibilidade de adição e a digitação de um valor distinto.
Essas decisões foram pensadas em simplificar o desenvolvimento da plataforma sem comprometer a experiência do usuário.
Testes dos protótipos
Testes dos protótipos
A validação do fluxo de doação ocorreu após uma bateria de testes com usuários. Primeiro, foram feitos testes com colaboradores do Instituto e posteriormente com doadores do projeto. Ambos os grupos concluíram o processo sem grandes atritos.
A validação do fluxo de doação ocorreu após uma bateria de testes com usuários. Primeiro, foram feitos testes com colaboradores do Instituto e posteriormente com doadores do projeto. Ambos os grupos concluíram o processo sem grandes atritos.
Conclusão
Conclusão
Este projeto foi mais do que apenas o desenho do fluxo de doação e suas interfaces, foi preciso entender um problema que impactaria tanto desenvolvedores quanto usuários.
A solução: um design mais simples com limitações de desenvolvimento sem prejuízos a experiência do usuário.
Este projeto foi mais do que apenas o desenho do fluxo de doação e suas interfaces, foi preciso entender um problema que impactaria tanto desenvolvedores quanto usuários.
A solução: um design mais simples com limitações de desenvolvimento sem prejuízos a experiência do usuário.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M 20 1.471 L 20 18.529 C 20 18.919 19.845 19.293 19.569 19.569 C 19.293 19.845 18.919 20 18.529 20 L 1.471 20 C 1.081 20 0.707 19.845 0.431 19.569 C 0.155 19.293 0 18.919 0 18.529 L 0 1.471 C 0 1.081 0.155 0.707 0.431 0.431 C 0.707 0.155 1.081 0 1.471 0 L 18.529 0 C 18.919 0 19.293 0.155 19.569 0.431 C 19.845 0.707 20 1.081 20 1.471 Z M 5.882 7.647 L 2.941 7.647 L 2.941 17.059 L 5.882 17.059 Z M 6.147 4.412 C 6.149 4.189 6.106 3.969 6.023 3.763 C 5.939 3.556 5.815 3.369 5.659 3.21 C 5.503 3.052 5.317 2.926 5.112 2.839 C 4.907 2.753 4.687 2.707 4.465 2.706 L 4.412 2.706 C 3.959 2.706 3.525 2.886 3.206 3.206 C 2.886 3.525 2.706 3.959 2.706 4.412 C 2.706 4.864 2.886 5.298 3.206 5.618 C 3.525 5.938 3.959 6.118 4.412 6.118 C 4.634 6.123 4.856 6.085 5.063 6.005 C 5.271 5.924 5.461 5.804 5.622 5.651 C 5.783 5.497 5.912 5.313 6.002 5.11 C 6.093 4.906 6.142 4.687 6.147 4.465 Z M 17.059 11.341 C 17.059 8.512 15.259 7.412 13.471 7.412 C 12.885 7.382 12.302 7.507 11.78 7.773 C 11.258 8.04 10.814 8.438 10.494 8.929 L 10.412 8.929 L 10.412 7.647 L 7.647 7.647 L 7.647 17.059 L 10.588 17.059 L 10.588 12.053 C 10.546 11.54 10.707 11.031 11.038 10.637 C 11.368 10.243 11.841 9.995 12.353 9.947 L 12.465 9.947 C 13.4 9.947 14.094 10.535 14.094 12.018 L 14.094 17.059 L 17.035 17.059 Z" fill="rgb(26, 29, 31)" height="20px" id="iZyFciD6x" width="20px"/></svg>)
©2026 Leonardo Kuabara. Todos os direitos reservados.
©2026 Leonardo Kuabara. Todos os direitos reservados.