Este projeto surgiu a partir do desafio de desenvolver uma solução digital para apoiar ONGs de proteção animal.

O objetivo foi criar uma plataforma que centralizasse processos como adoção, doações, campanhas e voluntariado, reduzindo a fragmentação das informações e facilitando o engajamento da comunidade.


Desenvolvido inicialmente como projeto acadêmico e posteriormente refinado para meu portfólio, o case demonstra minha abordagem em UX/UI Design, desde a compreensão do problema até a concepção de uma solução centrada nas necessidades dos usuários.

Minha atuação

  • UX Research

  • UX Design

  • UI Design

  • Prototipação

Ferramentas

  • Figma

  • Figjam

Projeto Acadêmico

Plataforma para ONGs de Proteção Animal

O Problema

ONGs de proteção animal desempenham um papel fundamental no resgate, cuidado e adoção de animais. Entretanto, muitas enfrentam desafios para organizar informações, divulgar campanhas e manter um relacionamento contínuo com voluntários, doadores e possíveis adotantes.

Grande parte dessas atividades acontece em diferentes canais, como redes sociais, aplicativos de mensagens e formulários externos, tornando a comunicação fragmentada e aumentando o esforço operacional das equipes responsáveis.

Principais desafios identificados


  • Informações distribuídas em diferentes canais.

    Processo de adoção pouco centralizado.

  • Processo de adoção pouco centralizado.

  • Baixa visibilidade de campanhas e eventos.

  • Dificuldade em captar voluntários.

  • Comunicação descentralizada com a comunidade.




Como poderíamos

Criar uma plataforma capaz de conectar ONGs, voluntários, doadores e adotantes em uma única experiência digital, simplificando processos e incentivando o engajamento da comunidade?

Centralizar informações da ONG

Facilitar o processo de adoção

Incentivar doações

Aproximar voluntários

Melhorar a comunicação

Melhorar a Organizar campanhas e eventos

Para que a solução atendesse às necessidades identificadas, foram definidos os seguintes critérios de sucesso:

Reduzir a dispersão das informações em diferentes canais

Tornar o processo de adoção mais simples e intuitivo

Facilitar o acesso às campanhas e oportunidades de voluntariado

Incentivar o engajamento contínuo da comunidade

Criar uma experiência acessível para diferentes perfis de usuários

A Solução

A solução proposta foi um aplicativo que reúne os principais serviços oferecidos pelas ONGs em um único ambiente digital.

A plataforma foi estruturada para oferecer uma navegação simples, intuitiva e acessível, permitindo que diferentes perfis de usuários encontrem rapidamente as funcionalidades mais relevantes para suas necessidades.

A solução permite:


  • Buscar animais para adoção

  • Realizar doações

  • Encontrar oportunidades de voluntariado

  • Acompanhar campanhas e eventos

  • Receber informações atualizadas da ONG.




A partir desses objetivos, foi desenvolvido um aplicativo capaz de atender diferentes perfis de usuários, oferecendo uma experiência intuitiva, acessível e centralizada para fortalecer a relação entre ONGs e a comunidade.

Descobertas da pesquisa

Durante a etapa de pesquisa, identifiquei três pontos que orientaram o desenvolvimento da solução.

Divulgação descentralizada das adoções

As adoções são divulgadas principalmente por meio do site da ONG e de publicações sobre feiras de adoção no Instagram. Esse modelo exige que os interessados acompanhem diferentes canais para obter informações atualizadas, tornando o processo menos prático e intuitivo.

Decisão de UX: Criar um ambiente centralizado para consulta de animais disponíveis e acompanhamento de eventos de adoção.

Comunicação de necessidades urgentes

Foi identificada a oportunidade de centralizar as solicitações de ajuda e destacar situações emergenciais, como falta de ração ou necessidade de arrecadação para tratamentos veterinários, permitindo uma comunicação mais ágil com a comunidade.

Decisão de UX: Implementar um sistema de notificações para alertar usuários sobre campanhas e necessidades de maior urgência.

Necessidade constante de apoio financeiro e materiais

Grande parte das necessidades da ONG está relacionada aos custos com atendimento veterinário, medicamentos e, principalmente, alimentação dos animais resgatados. Casos mais graves demandam arrecadações rápidas para garantir os cuidados necessários.

Decisão de UX: Desenvolver uma área dedicada às doações, destacando campanhas, necessidades recorrentes e formas simples de contribuição.

01

02

03

Essas descobertas serviram como base para definir os principais perfis de usuários da plataforma, orientando a criação das personas e dos fluxos de navegação.

PERSONAS

Laura Fernandes
26 anos | Porto Alegre, RS

Laura é designer gráfica autônoma e utiliza o celular como principal meio de acesso a conteúdos, causas e comunidades online. Está acostumada a navegar por redes sociais e costuma apoiar iniciativas com as quais se identifica.

Objetivo: encontrar formas simples e rápidas de contribuir com causas de proteção animal


Motivação: participar de ações com propósito e acompanhar campanhas de forma mais próxima.


Necessidade: uma experiência intuitiva, visual e objetiva, que facilite a descoberta de campanhas e oportunidades de apoio.


Comportamento: tem familiaridade com ambientes digitais e valoriza interfaces claras, organizadas e fáceis de navegar.

Ricardo Almeida
58 anos | Canoas, RS

Ricardo é professor de História aposentado e participa de ações sociais de forma ativa. Usa a tecnologia de maneira mais funcional e prefere interfaces simples, com navegação clara e informações bem organizadas.

Objetivo: encontrar oportunidades de voluntariado e acompanhar iniciativas sociais de forma prática.


Motivação: contribuir com causas em que acredita e participar de ações concretas na comunidade.


Necessidade: uma navegação acessível, com linguagem direta e tarefas bem orientadas.


Comportamento: valoriza clareza, previsibilidade e facilidade de uso ao interagir com plataformas digitais.

FLUXO DO USUÁRIO

O fluxo do aplicativo foi estruturado com base em três perfis principais de usuário:

  • Doador

  • Voluntário

  • Administrador

Cada perfil possui objetivos e necessidades específicas dentro da plataforma. Por isso, a arquitetura do fluxo foi pensada para organizar jornadas distintas, garantindo que cada usuário consiga acessar as funcionalidades mais relevantes de forma clara, prática e eficiente.

Essa divisão ajudou a definir melhor a navegação, as prioridades de conteúdo e as ações principais de cada perfil dentro do aplicativo.

WIREFRAMES DE BAIXA FIDELIDADE

Foram desenvolvidos wireframes de baixa fidelidade para estruturar as principais telas e validar a organização inicial das informações antes da construção da interface final.

Nessa etapa, o foco foi definir a base da experiência, incluindo:


  • cadastro de usuários

  • navegação principal

  • visualização de campanhas e eventos

  • área de gerenciamento para administradores


Os wireframes ajudaram a organizar a arquitetura da informação, priorizar conteúdos e estabelecer uma navegação mais funcional para os diferentes perfis do aplicativo.

INTERFACE FINAL

A interface foi projetada com foco em:

  • Clareza de navegação

  • Facilidade de acesso às campanhas

  • Organização de informações

  • Experiência intuitiva para diferentes perfis de usuário

Principais funcionalidades:

  • Visualização de campanhas e eventos

  • Cadastro como doador ou voluntário

  • Histórico de interações

  • Área administrativa com controle de campanhas

Create a free website with Framer, the website builder loved by startups, designers and agencies.