Autonomia financeira para clientes que operam Pix
Em 2024, para atender às crescentes necessidades de clientes que operavam Pix via API e checkout, a Pagstar iniciou o desenvolvimento de um sistema de transações e gestão financeira.
O objetivo era criar uma ferramenta que proporcionasse maior autonomia para os clientes, especialmente aqueles que operavam com Pix, permitindo a realização de operações financeiras e administrativas de forma independente e reduzindo a dependência e o custo com a equipe financeira interna.
Meu Papel
Product Designer
Minhas Responsabilidades no Projeto
"Meu papel como Product Designer foi entender as necessidades dos usuários e do negócio, criar fluxos e protótipos que equilibrassem usabilidade, viabilidade técnica e estética da marca, e colaborar com a equipe técnica para garantir que as soluções fossem implementáveis dentro de um curto prazo.
Discovery
Pesquisa
Wireframes
Design de fluxos
Comunicação
Desafios
O principal desafio foi gerenciar prazos curtos, garantindo comunicação ágil com os desenvolvedores para avançar no desenvolvimento mesmo sem todas as validações concluídas. Também foi essencial compreender profundamente os sistemas financeiros para equilibrar funcionalidades complexas do Pix com uma interface simples, intuitiva e de fácil implementação.
Prazos Curtos
Para atender às expectativas de entrega, priorizei funcionalidades essenciais, iterando diretamente com o CTO, integrei design e desenvolvimento e experiência do usuário.
Autogestão
Neste projeto precisei assumir a definição de requisitos, priorização de entregas e acompanhamento do desenvolvimento, garantindo a continuidade do projeto sem depender de validações constantes.
Comunicação -
Atuei diretamente na comunicação com stakeholders e desenvolvedores, alinhando expectativas, esclarecendo demandas e promovendo integração entre as áreas para manter o fluxo de trabalho ágil e eficiente.
Impactos e Resultados
Embora o desenvolvimento do projeto não tenha sido concluído, conseguimos entregar as principais funcionalidades do sistema, como operar o Pix e área de relatórios, graças à sinergia criada entre equipes e à priorização estratégica das funcionalidades-chave. Os stakeholders expressaram satisfação com a ideação e andamento do desenvolvimento, reforçando o valor das etapas desenvolvidas.
Protótipos de alta fidelidade
Processos
Pesquisa e Discovery
Ao iniciar o projeto, promovi reuniões e encontros frequentes com stakeholders para entender o produto e os processos envolvidos. Essas interações me ajudaram a definir os requisitos do sistema e como ele deveria funcionar. Junto a isso, realizei pesquisas de benchmarks e estudei as necessidades dos usuários, anotando e compreendendo como deveriam se entregar aos processos internos.
Mapeamento preliminar do produto
Wireframes e Site Map
A partir dos insights obtidos, criei o primeiro sitemap, estruturando a arquitetura da informação do produto. Com isso, desenvolvi wireframes das principais funcionalidades, mapeando o comportamento das funções essenciais, alinhando meu entendimento dos processos com a visão dos stakeholders. Isso permitiu a validação inicial e o alinhamento de visões entre produto e negócios.
Site Map inicial
Mapeamento de rotinas MED
Wireframes de baixa fidelidade
Design System e Style Guide
Adotei o Material Design do Google como base para o design system. Trabalhei de perto com os desenvolvedores de front-end para alinhar a documentação do style guide com a linguagem mais eficiente para o desenvolvimento. Embora tenha utilizado fontes e ícones do Google, personalizei as cores e paletas para garantir que estivessem alinhados com a identidade da marca.
Design System
Style Guide
Prototipagem
Desenvolvi protótipos de alta fidelidade no Figma para validar as ideias de design e guiar o desenvolvimento, servindo como a principal documentação para os desenvolvedores. Esses protótipos materializaram os fluxos e funcionalidades planejadas, facilitando ajustes durante as discussões com stakeholders e desenvolvedores.
Fluxo de login
Facilitação
Assumi um papel ativo na facilitação da comunicação entre as equipes, promovendo reuniões e encontros regulares para promover o alinhamento de todos à medida que o design evoluía. Facilitei a colaboração entre stakeholders e desenvolvedores, usando uma abordagem crítica e analítica para antecipar questionamentos e alinhar a visão sobre o produto. Nessa abordagem, usei o design como uma ponte entre as áreas, traduzindo as necessidades de todos de forma clara e integrada.
Aprendizados
Este projeto provocou a minhas habilidades em compreender problemas complexos, comunicação e alinhamento de expectativas. Pude lidar com limitações técnicas de forma construtiva, vendo-as como oportunidades para aplicar criatividade e inovação, em vez de obstáculos.
O que poderia ter sido diferente
Teria sido importante mais tempo para dedicar à documentação de processos e requisitos antes de avançar para o design de interfaces; Uma documentação complementar descritiva dos fluxos e interfaces poderia ter gerado menos dependência dos desenvolvedores e dado mais autonomia para questões básicas, economizando tempo e melhorando a eficiência do time.
Próximos passos
Com a continuidade do projeto, meu foco seria realizar testes para avaliar onde o design pode ser aprimorado e como as simplificações impactaram a experiência. Buscaria validar se as escolhas de otimização afetaram o valor percebido e medir os impactos tanto no funcionamento do sistema quanto na experiência do usuário final.
