Overview
A demanda surgiu da necessidade da área comercial da CERC em ter uma ferramenta que acompanhasse suas operações de trabalho. Assim, o objetivo principal do projeto era melhorar a eficiência da área comercial, permitindo a simulação de contratos e a consulta de recebíveis do sistema financeiro por meio de um aplicativo móvel e uma versão desktop.
-
The project was initiated to address the need for a tool to support CERC's commercial operations. The main objective was to enhance the efficiency of the commercial team by enabling contract simulations and receivables inquiries through a mobile app and a desktop version.
Desk Research
Foi realizado um desk research inicial para compreender completamente o contexto do produto e as necessidades dos usuários, além de trazer um benchmark com apps de propostas semelhantes. A partir dessa pesquisa e de entrevistas posteriores com os stakeholders, foi possível entender os fluxos de usuário, mapear os stakeholders, task flows e personas detalhadas para garantir uma abordagem centrada no usuário.
Após essa fase de entendimento e planejamento, foram desenvolvidos wireframes de baixa fidelidade para delinear a estrutura e o fluxo do aplicativo. Com a aprovação desses wireframes, eles evoluíram para wireframes de alta fidelidade, focando em uma interface intuitiva e visualmente agradável.
Após essa fase de entendimento e planejamento, foram desenvolvidos wireframes de baixa fidelidade para delinear a estrutura e o fluxo do aplicativo. Com a aprovação desses wireframes, eles evoluíram para wireframes de alta fidelidade, focando em uma interface intuitiva e visualmente agradável.
-
An initial desk research was conducted to fully understand the product context and user needs, as well as to benchmark similar apps. Based on this research and subsequent interviews with stakeholders, user flows were mapped, stakeholders were identified, and detailed task flows and personas were created to ensure a user-centered approach.
Following this understanding and planning phase, low-fidelity wireframes were developed to outline the app's structure and flow. Upon approval of these wireframes, they evolved into high-fidelity wireframes, focusing on creating an intuitive and visually appealing interface.
Following this understanding and planning phase, low-fidelity wireframes were developed to outline the app's structure and flow. Upon approval of these wireframes, they evolved into high-fidelity wireframes, focusing on creating an intuitive and visually appealing interface.
Solução
O produto final consistiu em um aplicativo móvel e uma versão desktop integrados ao sistema existente da CERC, com uma interface renovada e uma experiência de usuário aprimorada. O aplicativo permite que a área comercial consulte instituições de arranjo para verificar a possibilidade de adiantamento dos recebíveis vendidos pelas lojas. Nele, é possível ver as últimas consultas feitas pelo consultor comercial, com saldo mensal e histórico, consultar o CNPJ da empresa, ver de maneira simplificada ou detalhada o saldo comprometido e o disponível para cada bandeira e tipos de contratos em vigor. Também é possível visualizar gráficos de vendas realizadas pelo estabelecimento, permitindo ao usuário analisar se deve ou não submeter ao contrato. Tudo de maneira simplificada.
-
The final product consisted of a mobile application and a desktop version integrated into CERC's existing system, featuring a revamped interface and an enhanced user experience. The app allows the commercial team to consult with arrangement institutions to check the possibility of advancing receivables sold by stores. Users can view recent inquiries made by commercial consultants, including monthly balances and history, check the company's tax ID (CNPJ), and see both simplified and detailed views of committed and available balances for each card network and types of contracts in place. Additionally, users can view sales graphs for each establishment, enabling them to analyze whether or not to proceed with the contract. All features are presented in a simplified manner.
Desktop
A versão desktop foi desenvolvida dentro do sistema interno da empresa, que já existia anteriormente. Procuramos fazer com que o sistema fosse o mais próximo possível da versão mobile, utilizando os mesmos fluxos de usuário para minimizar ruídos cognitivos e tornar a usabilidade o mais fluida possível.
-
The desktop version was developed within the company's existing internal system. We aimed to make it as similar as possible to the mobile version, using the same user flows to minimize cognitive load and ensure a smooth and intuitive user experience.
Obrigada!
Thank you!