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

• Framework Flutter - Linguagem Dart de Programação