Resumo

O Me Adota! é um aplicativo para facilitar o processo de adoção de animais, desenvolvido como projeto de estudo durante minha formação em UI Design. O projeto exercitou o fluxo completo de design: desde a criação do design system e style guide até wireframes e protótipos de alta fidelidade no Figma, com componentes ajustáveis e padronizados.

O Desafio

Criar um aplicativo de adoção de animais que fosse fácil de usar e atendesse às necessidades tanto dos tutores quanto dos animais, conectando pets a pessoas que queiram adotá-los de forma responsável.

Pesquisa

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. A pesquisa revelou que jovens adultos veem um app de adoção como prático, enquanto pessoas mais velhas preferem contato presencial. Funcionalidades educativas e parcerias com ONGs e clínicas são essenciais para promover adoções responsáveis.

Matriz CSD — certezas, suposições e dúvidas levantadas na fase de pesquisa

Value Proposition Canvas — proposta de valor mapeada em relação às dores e ganhos dos usuários

Processo de Design

Business Model Canvas — parceiros, atividades-chave, segmentos e fontes de receita

• Design System: Criei uma biblioteca completa de ícones, assets, cores e tipografia (Inter), configurados no Figma para garantir consistência e agilidade
• Style Guide: Paleta de cores dividida entre primárias (laranja #EA6719), neutras e secundárias para diferentes funções visuais

Style guide — tipografia Inter e paleta de cores com tons laranja (#EA6719) e cinza

• Personas: Criação de perfis de usuário para embasar as decisões de design com base em necessidades reais

Persona João — 19 anos, mora em apartamento, busca animal de baixa manutenção para companhia

• Wireframes: Rascunhos no papel para validação inicial das ideias e fluxos

Wireframes iniciais — rascunhos no papel para validação dos fluxos e estrutura das telas

• Protótipos: Low e high-fidelity para design de jornadas e interações dentro do aplicativo

Protótipos de alta fidelidade — splash screen, home com busca e filtros, e seção educativa

Fluxos Principais

• Login: Tela inicial animada com opções de login, cadastro e recuperação de senha, incluindo autenticação via redes sociais
• Adoção: Lista de animais disponíveis com favoritos e filtros. Ao escolher um pet, o usuário agenda dia e horário para visitar o abrigo
• Educativo: Seções sobre adestramento e cuidados com o pet, acessadas por carrossel na tela inicial, reforçando a adoção responsável

Protótipo Interativo

Protótipo interativo — navegue pelas telas do Me Adota! diretamente no Figma

Aprendizados

Desenvolver o Me Adota! reforçou a importância da padronização no design digital. O uso de design system e style guide garantiu consistência visual, enquanto a prototipagem permitiu validar ideias antes de qualquer implementação. O projeto consolidou meu domínio do Figma e das boas práticas de UI Design.