01

PetPerto

01

PetPerto

01

PetPerto

Um aplicativo focado em conectar os pets ao seus verdadeiros lares.

Minha atuação

UI/UX Designer

Plataforma

Aplicativo Mobile

Duração

3 meses

Ferramentas

Figma, Meet, Mijo, FigJam

Visão geral

Em um projeto de três meses, liderei o desafio de criar uma solução digital para um problema real e sensível: o grande número de animais abandonados. Meu objetivo era claro: usar o design para construir uma ponte entre pets que precisam de um lar e pessoas dispostas a oferecer amor e cuidado.

Etapa 1

Imersão e Empatia — Entendendo o Cenário

Antes de desenhar qualquer tela, mergulhei no universo da adoção. A pesquisa foi a base de tudo.

A grande questão

Dados da OMS mostram um cenário alarmante no Brasil com mais de 30 milhões de animais abandonados. Mas números não contam a história toda.

Conversando com pessoas

Realizei entrevistas com potenciais adotantes e ouvi suas dores: "Não sei por onde começar", "Tenho medo de processos burocráticos" e, a mais importante, "Gostaria de encontrar um pet perto de mim, de alguém em quem eu possa confiar".

Decisão de design #1 - O mapa é o coração do app

A principal dor era a distância e a falta de conexão local. Por isso, decidi que a experiência principal não seria uma lista infinita, mas sim um mapa interativo. O usuário abriria o app e veria imediatamente os pets disponíveis em sua vizinhança. Isso quebra a primeira barreira, tornando a adoção mais tangível e pessoal.'

Etapa 2

Definição e Ideação — Dando um rosto ao usuário

Com os insights da pesquisa, era hora de focar. Para isso, criamos a Mariana, nossa persona. Ela representa todos que buscam um companheiro, mas se sentem perdidos e inseguros. Mapear a jornada da Mariana nos ajudou a identificar os pontos de maior frustração e onde o app poderia brilhar.

Preocupações frequentes

A insegurança era um tema recorrente. Como confiar no processo? Como saber se o pet é o certo para mim?

Etapa 3

Prototipação e Validação — Dando vida às ideias

Com a estratégia definida, começei a desenhar a solução, dos rabiscos iniciais aos protótipos de alta fidelidade.

Wireframes

Criei a estrutura base do aplicativo em wireframes de baixa fidelidade para validar o layout, a hierarquia das informações e as funcionalidades principais antes de aplicar qualquer elemento visual. Isso garantiu que a usabilidade fosse o foco desde o início.

Fluxo de navegação

O caminho do usuário foi projetado para ser intuitivo e sem atritos.

Identidade Visual

A escolha das cores e da tipografia foi intencional. Usei uma paleta com tons de laranja e branco para transmitir acolhimento, energia e ação, combinada com uma fonte limpa e amigável para garantir legibilidade e uma sensação de leveza.

Resultado

Ao final do projeto, o resultado foi um protótipo funcional que não apenas solucionava as dores mapeadas, mas que oferecia uma experiência de adoção mais humana, segura e local. Cada funcionalidade foi uma resposta direta a uma necessidade real, descoberta durante nosso processo de design.