top of page

DESIGN

Novo aplicativo da Conta Pronta atualiza Tecnologia e Design seguindo os novas tendência de jornada para mobile banking

Interface do sistema da Conta Pronta, distribuição de serviços bancários privados para que empresas possam efetuar pagamentos aos funcionários, foi atualizada com o redesign moderno proposto pela Evo Systems.

Tela de login.png

Desafio

Conta Pronta é uma empresa especializada na comercialização e distribuição de serviços financeiros para aqueles que desejam realizar transações financeiras no seu dia-a-dia ou para aqueles que desejam transformar seu negócio em uma Fintech.

A Evo Systems realizou melhorias no design da interface antiga do sistema web da empresa Conta Pronta. A ideia do redesign surgiu como uma forma de modernizar e trazer os elementos visuais compatíveis com o aplicativo, um exemplo disso foram as correções de cores, botões, tipografia, etc.

Havia uma necessidade de padronizar os elementos e aproximar a interface web a do mobile, dando uma cara mais moderna ao aplicativo no processo.

O desafio foi aproximar a versão web da versão mobile, padronizando as duas versões. Contamos com a equipe de designers de interface e experiência do usuário (UX/UI Design) para modernizar o sistema, aplicando os conceitos da marca no aplicativo. O sistema possui diversas funções de serviços financeiros, atuando como um banco fechado para empresas efetuarem pagamentos para os funcionários, funções como visualização de cartões, transações e extratos, pagamentos de contas e boletos, funções que precisaram ser atualizadas no redesign e adaptadas para ambas as versões do aplicativo.

Transformação_

A proposta de interfaces feita pela equipe de design foi pensada para padronizar a versão web e mobile do aplicativo. Isso é de extrema importância, pois um produto com uma identidade inconstante pode gerar inúmeros problemas futuros, como a falta de consistência, dificuldade de reconhecimento da marca e a percepção do cliente de que a marca não é profissional.

A versão do aplicativo para web possuía elementos desatualizados em relação a sua versão mobile, então recriamos o site com os elementos modernos da versão mobile já existente. Com isso, além de trazer melhorias nas questões de legibilidade, foi implantado um menu lateral com ícones, o que auxilia o usuário a navegar pelo site pela associação de palavras a ícones, tornando seu uso intuitivo.

Trouxemos a identidade visual do Conta Pronta através das cores na interface. O laranja, além de ser a cor mais impactante da marca, chama a atenção do usuário para os botões, já que é a cor que mais se destaca na interface devido as cores predominantes serem preto e branco, também cores da marca. As telas projetadas possuem ótimo contraste, não causando desconfortos nem dificuldades na hora de ler e identificar os elementos na tela, o que também é consequência da hierarquia bem definida e lógica das informações. Uma boa hierarquia torna a navegação mais intuitiva e acessível aos usuários e leva em consideração o tamanho das fontes e seu alinhamento na tela. Elementos desalinhados e muito próximos causam desconforto visual, então todas essas questões foram consideradas durante todo o processo para o desenvolvimento de uma tela agradável.

Elementos como os sistemas de pesquisa e filtros do sistema passaram a ser mais limpos, tornando a visualização de algo denso mais leve e simples. Outro elemento de destaque são os avisos, que foram atualizados para estarem juntos de cores. Avisos e informações importantes acompanham o verde ou o amarelo, complementando o significado verbal com um elemento não verbal. O verde é associado a informações importantes para o usuário e o amarelo para avisos, comunicando que uma atenção deve ser tomada.

Por fim, desenvolvemos um Design System para o aplicativo, documentando todos os elementos do site e suas variações, tornando o gerenciamento e a manutenção de todo o processo mais prática por conta da organização. A Evo System desenvolve um Design System em todos seus projetos, já que seu uso é de extrema importância para todo o processo.

Estratégia

Célula de desenvolvimento ágil baseada na metodologia Scrum. Uma abordagem iterativa para entregas rápidas, com métodos de trabalho flexíveis, reuniões diárias e semanais e menos chance de retrabalho.

Tecnologias utilizadas

UX/UI Design

Pronto para começar?

Entre em contato para conversarmos mais sobre os desafios do seu negócio.

CONVERSE COM UM CONSULTOR

AGENDE UMA VISITA

bottom of page