AJUSTANDO ARQUITETURA E VISUAL PARA UMA EXPERIÊNCIA FLUIDA

Eliminando fricções críticas no fluxo de contratação de serviços para simplificar a operação e acelerar o fechamento de novas vendas.

HOTELARIA & DAY CARE NOVO DE FLUXO MOBILE DESIGN OTIMIZAÇÃO DE CHECKOUT PADRONIZAÇÃO VISUAL
Tela Pet You Go

O desafio de construir dentro de uma estrutura já definida.

Quando o projeto chegou até mim, algumas telas já tinham sido desenvolvidas com base em um código existente e bem estruturado. A questão era que alguns fluxos de busca por serviços careciam de maior clareza e não seguiam os padrões já consolidados por aplicativos concorrentes. Antes de qualquer decisão de design, precisei entender a lógica do código para mapear meus limites e identificar onde havia espaço real para inovar.

Telas antigas Pet You Go

Fig 01. Versão original do PetYouGo, evidenciando problemas de hierarquia visual e navegação confusa.

Do rascunho à jornada de agendamento.

Esta etapa conecta meus primeiros rabiscos de estrutura com o fluxo real das telas em alta fidelidade. Eu desenhei essa transição para testar como as categorias e os filtros se comportariam na interface, garantindo que a busca por serviços pesados se transformasse em uma experiência limpa e totalmente focada no essencial.

Rascunhos de fluxo Pet You Go

Fig 02. Mapeamento do fluxo antigo: caminhos longos que faziam o tutor desistir antes de fechar o agendamento.

Trocando formulários longos por escolhas rápidas.

O fluxo original exigia que o tutor preenchesse campos extensos antes de visualizar qualquer resultado. Redesenhei essa jornada transformando entradas manuais em escolhas visuais rápidas, reduzindo o esforço cognitivo e tornando o processo de agendamento mais direto e fluido do início ao fim.

Antes e depois Pet You Go

Navegação fluida na busca por parceiros.

Desenhei as interações de rolagem e transição de telas para garantir que o tutor encontre um estabelecimento com o menor número de cliques possível. No vídeo ao lado, você pode acompanhar como a barra de busca e os cartões de prestadores respondem de forma imediata, trazendo informações cruciais — como distância e avaliação — logo na primeira camada visual, sem sobrecarregar a tela.

Cachorrinho Pet You Go

ANÁLISE COMPLEMENTAR: MAPEANDO INSIGHTS E LIMITAÇÕES DE DESENVOLVIMENTO

Para estruturar o fluxo de hotelaria do Pet YouGo, utilizei o FigJam para cruzar referências de mercado com as dúvidas operacionais da equipe técnica. Esse mapeamento visual funcionou como uma matriz de decisão, onde listei os principais gargalos de navegação — como a complexidade na busca por localização e as regras de paginação de dados — antes de iniciar o desenho das telas. Essa articulação prévia permitiu antecipar os cenários de erro e alinhar o escopo diretamente com as restrições da engenharia, garantindo que o design nascesse tecnicamente viável.

Fluxo de agendamento Pet You Go

Fig 03. Alinhamento de restrições: mapeando a jornada de hotelaria em paralelo com as limitações do código para garantir que a nova interface fosse 100% viável de programar.

Suporte integrado para reduzir a fricção antes da reserva.

Um ponto de atrito recorrente era a dúvida do usuário antes de confirmar o agendamento. Integrei um canal de suporte contextual diretamente no fluxo, permitindo que o tutor tirasse dúvidas sem sair da jornada de contratação — reduzindo abandonos e aumentando a confiança no momento decisivo.

Suporte integrado Pet You Go

Minimizando o esforço cognitivo no fechamento da reserva.

A etapa de fechamento concentra as decisões mais críticas do usuário. Simplifiquei o resumo do pedido, destaquei informações essenciais e reduzi campos desnecessários — para que o tutor chegasse à confirmação com clareza total sobre o que estava contratando.

Fechamento da reserva Pet You Go

Garantindo consistência visual e segurança no fechamento do pedido.

A tela de pagamento e confirmação exige um nível extra de confiança visual. Apliquei elementos que reforçam a segurança da transação, mantendo a identidade visual do aplicativo e garantindo que o usuário se sentisse seguro em cada etapa do fechamento.

Fechamento do pedido Pet You Go

Uma abordagem prática para vencer restrições técnicas.

Trabalhar com um código já estruturado exigiu criatividade dentro de limites reais. Desenvolvi uma abordagem em três frentes para garantir qualidade de entrega sem comprometer a arquitetura existente.

Ícone de apoio Pet You Go
01

Entendendo os limites da tecnologia.

Antes de propor qualquer solução, investi tempo para entender o que o código permitia e o que não permitia. Esse mapeamento foi essencial para evitar retrabalho e propor interfaces que pudessem ser implementadas sem rupturas na arquitetura existente.

Mapeamento Pet You Go
02

Comunicação e alinhamento com engenharia.

Sem acesso direto ao desenvolvedor principal, estabeleci um protocolo claro com os desenvolvedores juniores: documentava cada dúvida com precisão, propunha alternativas viáveis e aguardava confirmação antes de avançar — criando um ritmo de entrega confiável e previsível.

Comunicação com engenharia Pet You Go
03

Consistência visual e documentação.

Para garantir que o design fosse implementado fielmente, organizei cada entrega com especificações detalhadas de espaçamento, tipografia e comportamento. A documentação consistente foi o que permitiu manter a qualidade visual mesmo em ciclos de entrega rápidos.

Documentação Pet You Go
Várias telas Pet You Go

O que aprendi com este projeto.

Este projeto me ensinou que trabalhar dentro de restrições não é um obstáculo — é uma disciplina. A comunicação indireta com o time de desenvolvimento me tornou mais preciso nas perguntas e mais criterioso em cada entrega.

Aprendi também que organizar arquivos e construir um design system consistente desde o início não são etapas secundárias — são o que garante qualidade e escalabilidade à medida que o produto cresce. E que paciência, mais do que uma virtude, é uma competência de design.

Ícone Pet You Go

Selecione um projeto

C&A

Redesenhando um ecossistema complexo para reduzir o erro humano e acelerar a tomada de decisão.

Imersão Estratégica separador Fluxos separador Interface de Alta Densidade
detalhes

Easy Control

Eliminando a complexidade financeira de microentreendedores para reduzir erros operacionais e acelerar o controle de adiantamentos no setor de beleza.

Simplificação separador Eficiência separador Viabilidade
detalhes