Cielo
Redesign da Plataforma Interna
3 de abr. de 2023
Serviços
Design da Interface
Links
Durante o meu primeiro estágio, tive a oportunidade de liderar o desenvolvimento de um novo layout para a plataforma interna de uma empresa cliente.
Sobre a Empresa
A CIELO é uma das maiores empresas do Brasil no setor financeiro. Reconhecida por seu trabalho no segmento de serviços financeiros diversos, é uma adquirente multi-bandeira responsável pela captura, transmissão e liquidação financeira de transações com cartões de crédito e débito.
Desafios
Interface Desatualizada: A plataforma tinha um layout pouco atrativo.
Falta de Documentação Visual: Usuários relataram a necessidade de páginas que explicassem detalhadamente cada funcionalidade da plataforma e para que serviam e exemplos de preenchimento de formulários (pensado principalmente nos novos funcionários).
Objetivo
O objetivo era tornar o layout mais atrativo e funcional para os usuários, que eram funcionários com contato frequente com a plataforma alinhando o design à identidade visual da marca.

Soluções
Para solucionar os problemas identificados, desenvolvi as seguintes etapas e implementações:
Identidade Visual:
Utilizei o brandbook da CIELO como base, aplicando a paleta de cores e tipografias já definidas, garantindo que a plataforma permanecesse alinhada com a identidade da marca.
Modernização do Layout:
Criação de um design mais limpo, com espaçamento adequado e uma hierarquia visual clara.
Desenvolvimento de Páginas Explicativas:
Introdução de novas páginas dedicadas a explicar a função de cada processo dentro da plataforma.
Área de Suporte com Downloads:
Criação de um botão para download de arquivos PDF, com exemplos práticos.
Todo o design foi desenvolvido no Figma, criando um protótipo de alta fidelidade, permitindo que os desenvolvedores implementassem o layout com facilidade.
