Aumentando a confiança e melhorando a usabilidade dos usuários através do redesign

Benchmarking

Protótipo

Este case foi desenvolvido única e exclusivamente para fins de estudo e não possui nenhum vínculo com o projeto real.

Ferramenta: Figma | Tipo de projeto: Website (desktop)

Com o objetivo de criar melhorar a comunicação, acessibilidade e navegação do site, redesenhei, a fim de estudo, o site da AbacatePay, um projeto indie de gateway de pagamento voltado para desenvolvedores com foco na simplificação da integração do Pix.

Para alcançar esse objetivo, a estrutura das informações foi otimizada para facilitar a compreensão dos diferenciais do serviço, focando na clareza e simplicidade. Modernizei a identidade visual para transmitir confiança, e ajustei o design para garantir uma experiência fluida. Com isso, melhorei a experiência do usuário, tornando a plataforma mais intuitiva e alinhada às necessidades do público-alvo. Com ajustes em comunicação, segurança e navegação, o site se posiciona como uma plataforma mais confiável e eficiente.

Problemas e oportunidades

Antes do redesign, o site apresenta desafios como:

Interface pouco atraente e confusa;
Navegação não intuitiva, dificultando o acesso às principais informações;
Baixa clareza nos diferenciais competitivos do produto.

Sabendo disso, vi a oportunidade de redesenhar o site, valorizando a experiência do usuário e destacando os benefícios do produto para o público-alvo com maior clareza.

Pesquisando e participando de grupos pela internet, vi alguns comentários que indicavam possíveis atritos e pontos de insatisfação. Isso me instigou a olhar o site de um jeito mais crítico e identificar áreas que poderiam melhorar para evitar esses tipos de feedback negativo e contribuir para o crescimento da AbacatePay.

Processo de design

Para resolver os problemas identificados, segui um processo de design centrado no usuário e fiz uma análise técnica minuciosa, buscando identificar atritos de usabilidade e oportunidades para melhorar a experiência dos usuários.

Imersão e Análise: Estudo do mercado e análise de benchmarks para entender o contexto e identificar boas práticas aplicáveis.
Estratégia e Planejamento: Reestruturação da arquitetura da informação com foco na clareza e organização de conteúdo.
Design Visual: Criação de uma identidade visual moderna, utilizando cores, tipografia e elementos gráficos que transmitam confiança e inovação mantendo o conceito da marca.

Solução e entrega

Principais pontos de melhoria entregues:

Arquitetura da informação reestruturada: Organização clara entre as funcionalidades, taxas e documentação técnica (já que a integração é fácil, encontrar a documentação facilmente ajuda a comprovar isso).
Mensagens de valor diretas: Destaque para a integração rápida e a taxa competitiva de forma objetiva.
Elementos visuais atrativos: Utilização de metáforas visuais (como o abacate) para reforçar a identidade da marca de maneira criativa.

Na análise feita, percebi que algumas palavras-chave, como “integrar”, que são frequentemente usadas nos vídeos e postagens sobre o projeto, não estão sendo aplicadas de forma consistente no site. Para melhorar a clareza e otimizar o SEO, fiz ajustes nas palavras para alinhar com o vocabulário mais utilizado pelos usuários. Também notei que a menção ao método de pagamento aceito (Pix) poderia ser mais destacada para evitar confusão, já que, no momento, não é aceito outro método de pagamento como, boleto e cartão de crédito, por exemplo.

Resultados obtidos

Correspondência com o mundo real: A reformulação das mensagens e metáforas visuais, como o uso do abacate, cria uma conexão clara entre a identidade da marca e a simplicidade desejada pelos usuários.
Acessibilidade: Foco no design visual acessível, com contrastes adequados, hierarquia tipográfica clara e espaçamento otimizado para leitura em diferentes dispositivos.
Clareza na comunicação: A estrutura das informações foi planejada para garantir visibilidade e compreensão rápida dos diferenciais e benefícios do serviço.
Facilidade de navegação: A reorganização da arquitetura da informação segue o princípio de controle e liberdade do usuário, reduzindo atritos ao localizar conteúdos essenciais como taxas, funcionalidades e documentação técnica.
Aparência profissional e coerente: A identidade visual foi repaginada para transmitir inovação e confiança, características essenciais para o público-alvo de desenvolvedores e SaaS.

Além disso, inclui indicadores de resultados, depoimentos de usuários ativos e um FAQ pode ser muito útil para mitigar dúvidas. Essas mudanças podem aumentar a confiança e transmitir mais segurança ao usuário na plataforma, especialmente considerando que a AbacatePay lida com transações financeiras e dados sensíveis.

Antes

Depois

Conclusão

O redesign do site da AbacatePay representa um avanço significativo na experiência digital, baseado em heurísticas de usabilidade, benchmarks de mercado e princípios de design centrado no usuário.Com essas melhorias, o site fica mais alinhado com as expectativas dos desenvolvedores, sendo uma plataforma mais clara, segura e confiável.

Embora a validação dos resultados dependa de testes de usabilidade, acredito que as melhorias implementadas atendem às necessidades do público-alvo, consolidando o site como uma plataforma mais acessível, intuitiva e visualmente impactante. E para ter certeza disso, o próximo passo será validar esses resultados através de uma pesquisa, em breve.