top of page
Happet
Um jeito inteligente de cuidar do seu melhor amigo
Uma plataforma digital criada para centralizar a rotina, a saúde e os cuidados dos pets, combinando Product Design, Inteligência Artificial e Design Engineering.

Meu papel
Product Designer · AI Designer · Design Engineer
Atuação
Estratégia de Produto · Discovery · UX · UI · Design System · AI Experience · Prototipação · Implementação
Produto
Aplicativo mobile · iOS / Android
Status
Em preparação para lançamento
O contexto
Cuidar de um pet é uma rotina cheia de pequenas responsabilidades.
Vacinas, medicamentos, consultas, exames, alimentação, peso, higiene, passeios, compromissos, viagens…
As informações importantes acabam espalhadas entre aplicativos, agendas, mensagens, documentos e, muitas vezes, na própria memória do tutor.
Foi a partir dessa fragmentação que surgiu uma oportunidade:
Como transformar todas essas pequenas responsabilidades em uma experiência simples, organizada e inteligente?
Discovery
Antes de desenhar a solução, eu precisava entender o problema.
O primeiro passo foi investigar como acontece a rotina de cuidado com um pet e quais momentos poderiam gerar maior valor para o tutor.
Perguntas que orientaram o Discovery
-
Quais informações sobre o pet precisam ser acompanhadas?
-
Quais tarefas são recorrentes?
-
O que costuma ser esquecido?
-
Onde essas informações ficam armazenadas hoje?
-
Quais cuidados envolvem mais de uma pessoa?
-
Em quais momentos o tutor precisa de ajuda para tomar uma decisão
-
Onde a tecnologia poderia ser realmente útil?
Principais insights
A investigação apontou alguns padrões importantes.
01 — O cuidado é fragmentado
As informações do pet normalmente estão distribuídas em diferentes lugares.
02 — A rotina é maior do que parece
Cuidar de um pet envolve dezenas de pequenas tarefas recorrentes.
03 — Informação sem contexto tem pouco valor
Saber que uma vacina está próxima é útil.
Saber qual pet precisa da vacina, quando foi a última dose e o que o tutor precisa fazer em seguida é muito mais útil.
04 — O cuidado pode ser compartilhado
Tutores, parceiros, familiares, pet sitters e creches podem participar da rotina do mesmo pet.
05 — Existe espaço para uma experiência mais proativa
O aplicativo não deveria apenas armazenar informações.
Ele poderia ajudar o tutor a entender, lembrar e agir.
Oportunidade
A partir desses insights, a oportunidade deixou de ser simplesmente criar um “app para pets”.
A proposta passou a ser:
Criar uma plataforma capaz de organizar o contexto completo do pet e transformar esse contexto em ações úteis para o tutor.
Foi aqui que nasceu a visão do HapPet.
Arquitetura do produto

A complexidade do produto exigiu uma arquitetura que permitisse conectar diferentes áreas sem tornar a experiência confusa.
UX
Menos informação. Mais contexto.
Um dos principais desafios de UX foi evitar que o HapPet se transformasse em um grande banco de informações sobre o pet.
A experiência deveria responder rapidamente:
“O que eu preciso saber ou fazer agora?”
Por isso, trabalhei a experiência a partir de três princípios:
Contexto
Mostrar informações relacionadas ao momento do tutor.
Prioridade
Destacar o que merece atenção.
Ação
Facilitar o próximo passo.
Principais jornadas
Compartilhamento / Modo Cuidado + viagem + Amigos / Cuidadores + Checklist
Passeios / Permissões +Rastreio + Resumo
Vacinas / UX de saúde + recorrência
Afonso / AI + contexto + ação
Menos informação. Mais contexto.
Um dos principais desafios de UX foi evitar que o HapPet se transformasse em um grande banco de informações sobre o pet.



Design System
Criando consistência para um produto que continua crescendo.
Com diferentes áreas e jornadas, um sistema de componentes tornou-se essencial.
Fundamentos
-
Tipografia
-
Cores
-
Grid
-
Espaçamento
-
Ícones
-
Bordas
-
Elevação
Componentes
-
Botões
-
Cards
-
Inputs
-
Navegação
-
Seletores de pet
-
Status de saúde
-
Timeline
-
Alertas
-
Notificações
Padrões
-
Dashboard
-
Resumo de saúde
-
Empty states
-
Feedbacks
-
Alertas
-
Experiência de AI
O Design System permitiu manter consistência enquanto o produto evoluía.

Do Figma ao produto
Design não terminou no protótipo.
Uma das características mais importantes deste projeto foi acompanhar a transição entre design e implementação.
O produto foi construído utilizando:
Frontend: React · TypeScript · Vite · Tailwind
Mobile: Capacitor · iOS · Android
Backend: Supabase · PostgreSQL · Auth · Storage · Edge Functions
Infraestrutura: Vercel
Inteligência Artificial: OpenAI
Dados de clima: Open-Meteo
bottom of page

