Skip to content

Mensagens Diretas para Milhões de Usuários

Modernizando a experiência de mensagens do PicPay com adaptações específicas de plataforma para iOS e Android

Product
PicPay Bank
Role
Designer Sênior de Produto
Period
Em Produção
Platform
iOS + Android
Year
2025

Contexto

O PicPay é uma das maiores plataformas de pagamento digital do Brasil, com mais de 26 milhões de usuários ativos. Seu recurso de Mensagens Diretas (o “chat”) chegou a alcançar 12 milhões de usuários, mas era utilizado quase exclusivamente como canal de suporte ao cliente. A possibilidade de transformar essa funcionalidade em um espaço de comunicação interpessoal surgiu como uma oportunidade estratégica para atrair e engajar novos usuários.

Desafio

Realizamos uma auditoria completa da experiência de mensagens existente e identificamos problemas críticos, como navegação confusa, ausência de indicadores de status das mensagens, falhas recorrentes e uma linguagem visual desalinhada ao design system do PicPay. Além disso, funcionalidades já consideradas essenciais em aplicativos de mensagens modernos (como grupos de conversa) ainda não existiam na plataforma. Para estabelecer um novo padrão de qualidade e familiaridade, analisamos aplicativos amplamente utilizados pelos nossos usuários, como WhatsApp, Instagram e Telegram.

Objetivo

Redesenhar a experiência de mensagens do aplicativo, modernizando a linguagem visual, incorporando funcionalidades essenciais e criando experiências nativas e consistentes para iOS e Android.

Processo

Diagnóstico do Problema e Benchmark

Exploração Específica por Plataforma

Cocriação, Componentes e Handoff

Telas Finais

O redesign foi adaptado para respeitar as convenções nativas de iOS e Android, considerando diferenças importantes de navegação, composição de novas conversas, uso de FAB, comportamento do teclado e estrutura da barra de abas. Mais do que ajustes visuais, essas decisões influenciaram diretamente a forma como usuários descobrem, compreendem e interagem com as funcionalidades principais da experiência.

Foram entregues fluxos completos e telas prontas para produção em ambas as plataformas, cobrindo toda a experiência de Mensagens Diretas.

A seguir, o fluxo de criação de grupos exemplifica como o mesmo recurso foi desenhado de forma consistente, mas adaptado às expectativas e padrões de interação específicos de cada sistema operacional.

Resultados

Para avaliar o impacto do redesign, conduzimos uma pesquisa com usuários ativos de Mensagens Diretas um mês após o lançamento, utilizando o canal de suporte oficial in-app do PicPay. A abordagem permitiu coletar feedbacks diretamente no contexto real de uso, sem redirecionar usuários para ferramentas externas.

87%

Conseguiram finalizar conversas com menos trocas de mensagens, graças à introdução de estados mais claros e padrões de interação mais fluídos

63%

Disseram que a adoção de padrões visuais familiares tornaram a nova experiência intuitiva desde o primeiro uso

74%

Passaram a usar mais o aplicativo após a inserção de funcionalidades inéditas, como mensagens em grupo

O que aprendi

Projetar simultaneamente para iOS e Android me levou a enxergar além das diferenças visuais entre plataformas. Aprofundar o estudo no Material Design e no Human Interface Guidelines da Apple evidenciou o quanto certos comportamentos de interação parecem “naturais” apenas porque estamos acostumados ao ecossistema do nosso próprio dispositivo.

Padrões como gestos de navegação, comportamento do teclado, uso de modais e hierarquias de interação têm impacto direto na percepção de fluidez e familiaridade da experiência e adaptar esses detalhes corretamente é essencial para que a feature pareça verdadeiramente nativa em cada plataforma.

Além disso, contribuir para o Design System do PicPay enquanto estruturava uma biblioteca dedicada para o DM ampliou minha percepção sobre os limites entre componentes compartilhados e soluções específicas de contexto. O processo ajudou a entender com mais clareza quando vale expandir um sistema global e quando é mais eficiente criar estruturas independentes para atender necessidades particulares de um produto.