Pagstar Carteira digital
O aplicativo de carteira digital da Pagstar possibilita pagamentos em sites de parceiros, permitindo que os usuários dos sites dos clientes efetuem o pagamento diretamente com o saldo da carteira Pagstar. Além disso, oferece serviços de Pix, como adição de dinheiro na carteira, cobranças e transferências.
Papel desempenhado
Product Design, Design Lead
Skills
Figma, Figmajam, Pesquisa com usuários, Teste de usabilidade, Acessibilidade
PerÃodo
out 2021 - atual
Evolução Visual e Modernização do Aplicativo Pagstar
A carteira digital da Pagstar marcou o inÃcio do portfólio da empresa, e tive a oportunidade de ingressar como designer de interface após o lançamento da primeira versão nas lojas de aplicativos. Em colaboração com outro designer, desenvolvemos uma nova identidade visual para o aplicativo.
Ao longo dos anos, alinhados com a evolução e os objetivos da Pagstar, buscamos constantemente atualizar o visual do aplicativo, mantendo-o alinhado com as tendências de mercado mais recentes e conferindo-lhe um aspecto mais moderno.
Primeira versão, 2020
Versão atual, 2024
Implementação do Pix: Adequação do Aplicativo às Diretrizes do Banco Central
Durante a fase de homologação do Pix com o Banco Central, o foco principal do time de design de produto foi a adaptação da interface do aplicativo para os serviços do Pix, conforme exigido pelas diretrizes do Banco Central. Este perÃodo exigiu um intenso esforço do time de design, que se dedicou ao estudo minucioso do manual do Banco Central e à criação das telas e fluxos necessários para a conformidade com as normas estabelecidas.
Acessibilidade
Como Lead Designer, incentivei a equipe a abraçar a acessibilidade como prioridade durante o desenvolvimento dos produtos.
Seguindo as diretrizes da WCAG (Web Content Accessibility Guidelines), realizamos testes de contraste entre as cores de texto e botões em relação aos seus respectivos backgrounds. Utilizamos a ferramenta Color Review para obter medidas de contraste e garantir conformidade com os critérios da WCAG.
Também conduzimos testes de cores de feedback para assegurar que pessoas daltônicas pudessem distinguir adequadamente os diferentes significados dos feedbacks.
Durante a análise, observamos que as cores existentes nem sempre ofereciam um bom contraste e que as cores de feedback podiam ser facilmente confundidas por pessoas com daltonismo. Como resultado, desenvolvemos uma nova paleta de cores, com foco total em acessibilidade.
Além disso, revisamos o tamanho das fontes em todo o aplicativo, e também verificamos os textos de retorno do recurso de TalkBack, que auxilia pessoas cegas ou com baixa visão na interação com dispositivos, garantindo uma experiência mais inclusiva e amigável.
Design System
Com o crescimento da empresa e o amadurecimento do produto, identificamos a necessidade de desenvolver um design system para o aplicativo. Esse sistema foi essencial para garantir que todos os componentes estejam sempre atualizados e padronizados, promovendo consistência e eficiência em nossas interfaces. Além disso, o design system facilitou a criação de novas telas, permitindo que a equipe de design trabalhasse de maneira mais ágil e integrada. A adoção desse sistema não só melhorou a coesão visual do produto, mas também fortaleceu a colaboração entre os designers e outros departamentos, garantindo uma experiência de usuário superior e um desenvolvimento mais eficiente.