01
Escolha impulsiva
A aparência ou a popularidade pode pesar mais do que necessidades reais de saúde, energia, socialização e rotina.
Case study · UX/UI Design
DogLibrary
Uma plataforma criada para apoiar escolhas mais conscientes na hora de encontrar um cão compatível com a rotina, o espaço e o estilo de vida do futuro tutor.
Projeto acadêmicoPós-graduação em IHC/UXUX/UI DesignArquitetura da informaçãoDesign de interface
01 — O problema
Escolher um cão não deveria depender só de aparência ou impulso.
Muitas pessoas se encantam por uma raça sem entender se ela combina com sua rotina, energia, espaço, tempo disponível e capacidade de cuidado.
02
Informação dispersa
O usuário consulta muitas fontes e ainda assim tem dificuldade para comparar raças com os mesmos critérios.
03
Compatibilidade pouco visível
A decisão passa a considerar não só qual cachorro a pessoa quer, mas qual cachorro combina com sua vida.
De uma escolha emocional para uma decisão mais orientada.
02 — Arquitetura
Organizar informação para reduzir dúvida e apoiar escolhas melhores.
Home
Entrada emocional e direta para a busca por raças.
Filtros
Critérios como dócil, guarda, crianças, esportivo e preguiçoso.
Perfil da raça
História, saúde, cuidados, características e alertas.
Favoritos
Continuidade da decisão para comparar depois.
03 — Wireframes
Da estrutura ao produto visual.
Home
Wireframe
Home
Interface final
Todas as raças
Wireframe
Todas as raças
Interface final04 — Soluções
Soluções pensadas para clareza, comparação e continuidade.
Filtros por compatibilidade
O usuário encontra raças a partir de critérios comportamentais e práticos ligados à rotina.
Cards comparáveis
As raças seguem um padrão visual com dados essenciais, facilitando comparação rápida.
Perfil detalhado
Cada raça possui uma página com história, características, saúde, cuidados e alertas.
Favoritos
Raças de interesse podem ser salvas para que a escolha continue com mais calma.
Estado de erro útil
A tela de raça não encontrada mantém o usuário orientado e evita uma experiência sem saída.
Notificações
Alertas e novidades reforçam continuidade e mantêm o usuário informado.
05 — Sistema visual
Desbloqueie as cores do DogLibrary.
Clique nas cores para descobrir como cada uma apoia a experiência, da navegação aos alertas e estados emocionais da interface.
Cor selecionada
Escolha uma cor
Cada cor revela uso, intenção e função dentro do sistema visual.
06 · Interfaces finais
Uma galeria interativa dos principais momentos da experiência.
As telas aparecem em destaque central, com as interfaces anteriores e próximas ao fundo em blur leve, para mostrar o fluxo sem perder a qualidade visual das capturas.
Home
Entrada simples, emocional e visual para iniciar a busca por raças.
07 — Decisões de UI
As decisões visuais também fazem parte da solução.
Visual acolhedor
Formas suaves, ilustrações e cores claras tornam o tema mais emocional e acessível.
Conteúdo em camadas
A interface apresenta primeiro o essencial e aprofunda quando o usuário demonstra interesse.
Comparação facilitada
Cards padronizados permitem analisar raças usando os mesmos critérios.
Interação emocional
Favoritos, notificações e elementos visuais reforçam vínculo e continuidade.
08 — Ideias futuras
Uma biblioteca que pode crescer para além dos cães.
Um próximo passo incrível seria expandir o DogLibrary para outros tipos de animais, ajudando tutores a entenderem necessidades, rotina, espaço e cuidados antes da adoção ou compra.
Gatos
Perfis por temperamento, independência, ambiente ideal e cuidados de saúde.
Ratos e hamsters
Orientações para habitat, enriquecimento ambiental, alimentação e manejo seguro.
Cavalos e pôneis
Conteúdos sobre espaço, rotina, comportamento, custos e cuidados essenciais.
Design como apoio para escolhas mais conscientes.
O DogLibrary mostrou como UX pode transformar uma decisão afetiva em uma jornada mais clara, responsável e orientada ao bem-estar.