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

arquitetura.png

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.

Screenshot 2026-09-30 at 22.43.20.png

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.

banner.png

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

Outros projetos

Hero.jpg
img 4.jpg
bottom of page