05 / Fiserv · B2B Conciliation · 2021Portal Carat · Design de produto

Tornar a operação de pagamentos legível.

Um portal modular para vendas, conciliação, risco, onboarding e relatórios.

Portal · Dados · Onboarding · Conciliação

Explorar ↓

01 / Craft de produto

Desenhar a superfície de decisão em torno do trabalho.

O conceito para operadores reuniu contexto do cliente, recebíveis disponíveis, notas e simulação em um único ambiente de alta fidelidade. Ele é apresentado como direção conceitual, não como interface lançada.

Conceito Fiserv em alta fidelidade para um ambiente de operadores com contexto do cliente, saldo disponível e ações de simulação
Estudo conceitual · Visão geral do operador de recebíveis
Conceito Fiserv em alta fidelidade com registros de recebíveis, status e ações de simulação
Estudo conceitual · Registros, status e hierarquia de ações
Dashboard Carat com alertas, métricas de venda e visualizações de dados
Estudo de interface Carat · Visão geral, alertas e saúde do negócio
Dashboard de vendas Carat com tendências semanais e distribuição por meio de pagamento
Estudo de interface Carat · Performance de vendas e detalhe por canal

02 / Contexto

Um portal para toda a operação de pagamentos.

O Carat precisava atender lojistas e parceiros em vendas, conciliação, antifraude, configurações e um hub crescente de produtos. O desafio era um ecossistema de pagamentos fragmentado, com portais separados e sem uma visão integrada do negócio.

Como designer sênior em todo o portfólio de pagamentos, contribuí diretamente para Gateway e Financial Management por meio de arquitetura da informação, fluxos de produto, interface em alta fidelidade, direcionamento de pesquisa e uma base reutilizável de componentes.

03 / Contexto de produção

A operação real definiu o nível de clareza necessário.

O portal ativo dos lojistas explicitava a densidade das tarefas de vendas e antecipação. Estas telas são referências de produção usadas para entender a operação, não a interface redesenhada do Carat.

Visão geral do portal de pagamentos em produção com indicadores de venda e autorizações por bandeira
Referência de produção · Visão do lojista, 2021
Portal de pagamentos em produção exibindo registros e status de antecipação
Referência de produção · Operação de antecipação, 2021

04 / Sistema de interface

Um sistema para decisões densas em dados.

Hierarquia, cor e componentes foram calibrados para leitura rápida antes do mergulho na operação.

Reconstrução para portfólio · Lógica de marca e gráficos em desktop e mobile · Dados sintéticos
Documentação de botões e biblioteca de componentes Fiserv
Anatomia, estados e referências de implementação

05 / Arquitetura de produto

Modular sem se tornar fragmentado.

A navegação conectava ação e acompanhamento dentro de cada domínio do negócio.

Vendas, conciliação e antifraude compartilhavam uma estrutura previsível, enquanto perfil, contas, configurações e hub continuavam acessíveis sem apagar seus papéis distintos.

Mapa do Carat conectando vendas, conciliação, antifraude, configurações e hub
Arquitetura de informação modular

06 / Onboarding de parceiros

Separar responsabilidades. Manter uma jornada.

As tarefas de parceiro e cliente foram organizadas como um único modelo conectado de onboarding.

Tela mobile de onboarding para selecionar adquirentes
Escolha traduzida em linguagem de produto
Mapa de onboarding do parceiro e do cliente
Responsabilidades e passagens
Modelo progressivo de KYC em três etapas
Requisitos progressivos de KYC

07 / Profundidade operacional

Conciliação como produto, não como planilha.

O mesmo sistema trazia dados de canal, adquirente e cancelamento para uma visão mobile legível.

Reconstrução para portfólio · Detalhe operacional por adquirente · Dados sintéticos

08 / Refinamento

Pequenos ajustes tornaram dados densos mais fáceis de usar.

As sessões de usabilidade confirmaram a direção e revelaram pontos específicos de clareza.

  1. Adicionar explicações quando o significado do KPI não era evidente.
  2. Aproximar filtros do conteúdo que eles alteravam.
  3. Redimensionar telas e blocos de dados para preservar hierarquia entre viewports.

Próximo case

Estratégia Cast · EdTech Ver ↘