Resumo

No mês de maio de 2024, durante meus estudos de Figma, criei o Me Adota! — um aplicativo para facilitar o processo de adoção de animais. O projeto serviu como prática de ferramentas e plugins, uso de design systems e componentização no Figma. Todo o design foi feito com uma biblioteca de ícones, assets, cores e tipografias.

O Desafio

Criar um aplicativo de adoção de animais que seja fácil de usar e que atenda às necessidades tanto dos tutores quanto dos animais, ajudando a conectar animais a pessoas que queiram adotá-los.

A Solução

Realizando uma pesquisa sobre o cenário atual das adoções de pets no Brasil, o nível de abandono e os motivos que levam tutores a adotarem ou não. Analisei estrategicamente o impacto do aplicativo e defini as áreas de atuação e problemas a resolver. Criei personas e jornadas relevantes, desenhei ideias no papel para validação, e depois produzi um style guide, wireframes e protótipos de alta fidelidade no Figma.

Pesquisa

A pesquisa mostrou que o Brasil enfrenta um grave problema de abandono de animais — cerca de 30 milhões, sendo 20 milhões de cães e 10 milhões de gatos. A pandemia impulsionou as adoções, mas também aumentou o abandono posterior. Jovens adultos veem um app de adoção como prático, enquanto pessoas mais velhas ainda preferem contato presencial. Funcionalidades educativas e parcerias com ONGs e clínicas são essenciais para promover adoções responsáveis.

UX Strategy

A estratégia foi construída com base na Matriz CSD e no Business Model Canvas. O app oferece praticidade e educação, guiando o usuário durante e após a adoção. A proposta de valor inclui suporte pós-adoção, orientação sobre cuidados básicos e parcerias com ONGs e clínicas veterinárias. O modelo de receita considera parcerias com pet shops e clínicas. No Value Proposition Canvas, o foco foi entender as dores e ganhos dos adotantes, equilibrando praticidade, informação e conscientização.

Personas e Jornadas

Com base em dados sobre motivações e dificuldades na adoção, foram criadas duas personas: João, jovem universitário que busca um pet prático e de fácil cuidado, e Maria, profissional de saúde que procura um animal para a família. As jornadas mapeadas abordam desde a descoberta até o suporte pós-adoção, com experiências personalizadas para cada perfil.

Style Guide

O style guide inclui paleta de cores e tipografia padrão (Inter, por Rasmus Andersson), configurados na biblioteca de estilos do Figma para garantir consistência e agilidade. As cores foram divididas entre primárias, neutras e secundárias para suportar diferentes funções visuais no app.

Fluxo de Login

O fluxo de login começa com uma tela inicial animada e opções de login, cadastro e recuperação de senha. O usuário pode se autenticar via conta própria ou redes sociais. O design prioriza clareza e simplicidade no primeiro contato.

Fluxo para marcar visita

Após o login, o usuário acessa a lista de animais disponíveis, podendo favoritar e filtrar. Ao escolher um pet, ele é direcionado à tela de agendamento, onde marca dia e horário para visitar o abrigo e conhecer o animal.

Outros fluxos

Além da adoção, o app inclui seções educativas sobre adestramento e cuidados com o pet, acessadas por um carrossel na tela inicial. Essas telas ajudam a reforçar a adoção responsável e o vínculo tutor-pet.

Conclusão

Desenvolver o Me Adota! foi uma jornada gratificante. O uso do Figma, design system e style guide garantiu consistência visual e uma experiência intuitiva. O projeto reforçou a importância da prototipagem e da padronização no design digital, resultando em um produto visualmente coeso e funcional.