Vitor Lopes
← Voltar aos projetos
Design System

Ecossistema Shepherd

Design System completo (PawPrint) + super app de serviços para pets, construídos do zero com acessibilidade AA.

Acessar produto
Ecossistema Shepherd
Tipo
Design System
Status
Em desenvolvimento

Como funciona

  1. 01Tokens
  2. 02Componentes com AA
  3. 03Documentação viva
  4. 04App Shepherd

Em imagens

PawPrint, o design system do ecossistema Shepherd

O contexto

O Shepherd centraliza agendamentos, compras e prontuário pet. Antes do PawPrint, cada tela reinventava padrões e a acessibilidade era acidental.

O problema real

A tensão era velocidade versus fundação: o app precisava sair, mas construir features sobre uma base inconsistente só adiava o custo. Decidi construir o sistema e o produto em paralelo.

As decisões críticas

01

Acessibilidade AA como padrão, não como camada extra

Embutir contraste e foco nos componentes-base garantiu que cada tela nova herdasse acessibilidade sem esforço adicional.

02

Empty states educativos antes de features novas

Telas vazias acolhedoras reduziam ansiedade e abandono precoce: prioridade sobre recursos que poucos veriam no início.

Meu papel

  • Criei o PawPrint do zero: tokens, componentes e documentação viva.
  • Incorporei acessibilidade AA aos componentes essenciais.
  • Desenhei a jornada do Shepherd: onboarding, checkout e empty states.

Resultados

Entrega mais rápida de telas recorrentes no protótipo validado.

Padrões de acessibilidade AA incorporados aos componentes essenciais.

Menos inconsistências visuais reportadas entre plataformas.

O que eu faria diferente

Eu teria criado rituais de governança mais leves desde o início. O sistema só vive quando contribuir é fácil, e isso veio tarde demais.