Rotina B2B
Consulta, acompanhamento e ação em registros com muitos estados.
MAPFRE / PORTAL DO CORRETORPRODUCT DESIGN · SEGUROS
Uma operação complexa.
Uma próxima ação clara.
Pesquisa, regras de negócio e interface para conectar a rotina dos corretores à evolução de um ecossistema de seguros.
MEU PAPEL
UX/UI Designer
EM COLABORAÇÃO
Times de design, negócio e tecnologia
RECORTE DO CASO
Home, Propostas e Renovações · 2023
PORTAL DO CORRETOR
INTERFACES ORIGINAIS / DADOS OCULTADOS
Interfaces extraídas do relatório final UX/UI, de setembro de 2023. Mockups e movimento criados para este portfolio. Dados ocultados; números nas telas pertencem aos protótipos.
Mais sistemas.
Mais esforço para operar.
O diagnóstico mostrou uma operação distribuída entre ambientes, nomenclaturas e regras diferentes. Para o corretor, encontrar uma proposta ou decidir como renovar uma apólice exigia compreender esse ecossistema.
Minha contribuição no time de UX/UI conectou a leitura do contexto ao desenho de fluxos e interfaces. A proposta precisava conversar com o Design System internacional e com as condições de desenvolvimento.
Regras reais
Produtos, estados e dependências técnicas condicionam o desenho.
Clareza contextual
Tornar visíveis a prioridade e a próxima ação disponível.
Escutar antes de reorganizar.
O relatório final reúne entrevistas, dores, oportunidades, benchmark, protótipos e feedback. O processo aproximou a experiência do corretor das necessidades de negócio e das possibilidades técnicas.
- 01
Entender
Entrevistas com corretores, gestores e unidades; leitura do ecossistema existente.
- 02
Comparar
Benchmark de HDI, Azul e Bradesco para discutir busca, organização e tarefas.
- 03
Propor
Fluxos, hierarquia, filtros, estados e protótipos de alta fidelidade.
- 04
Alinhar
Feedback, validações qualitativas e documentação das decisões com o time.
BENCHMARK HISTÓRICO / 2023
HDI · Azul · Bradesco
O relatório compara organização de informações e recursos da operação do corretor. As referências ajudaram a discutir critérios de busca, acesso e acompanhamento; a proposta foi ajustada às regras e ao contexto da MAPFRE.
HDI
Navegação por tarefas e atalhos da operação.
RECORTE DO PPT ORIGINAL · 2023
Azul
Busca em destaque e separação das áreas do portal.
RECORTE DO PPT ORIGINAL · 2023
Bradesco
Organização por ramo e acesso a tarefas de seguros.
RECORTE DO PPT ORIGINAL · 2023O raciocínio por trás
da interface.
Cada mudança precisava responder a uma tarefa e sobreviver à discussão de regras e implementação. Estes exemplos estão documentados no relatório do projeto.
Fragmentação da operação
Três ambientes — MAPFRE Negócios, Connect Serviços e Connect Cálculo — apareciam no diagnóstico.
DECISÃO DE DESIGN
Organizar a proposta de experiência em torno das tarefas, com visão inicial, propostas e renovações.
Prioridade do corretor
A pesquisa apontou dificuldade para localizar informações e identificar o que exige ação.
DECISÃO DE DESIGN
Abrir Renovações em A Renovar e apresentar ações conforme o estado do registro.
Regras por produto
Automóvel e residencial não usam exatamente os mesmos critérios de busca.
DECISÃO DE DESIGN
Variar campos como Placa e CEP conforme o produto, preservando o contexto da consulta.
Viabilidade técnica
A solução precisava respeitar o Design System e as condições de implementação.
DECISÃO DE DESIGN
Adotar Ver mais em incrementos de dez registros em vez de paginação numerada, conforme a decisão documentada.
RENOVAÇÃO / LÓGICA DE AÇÕES
- 01Localizar registro
- 02Ver estado
- 03Calcular ou renovar
- 04Conferir documentação
Sem prêmio calculado → Calcular. Com cálculo → Renovar ou Alterar. Vencida → Nova cotação, com reaproveitamento de dados conforme a regra documentada.
Informação que vira ação.
Selecione uma etapa para explorar as telas originais. Abra a imagem para observar os detalhes; as capturas foram preparadas sem os dados pessoais dos registros.
Visão da operação
Uma entrada para o trabalho do corretor.
Propostas, próximas renovações, parcelas e sinistros aparecem em grupos reconhecíveis. A busca e os canais de ajuda ficam próximos da operação.
Abrir interface em tamanho maior ↗
Propostas
Encontrar a proposta e entender seu estado.
Filtros e agrupamento por status ajudam a organizar a consulta. A documentação permanece associada a cada registro.
Abrir interface em tamanho maior ↗
Renovações
A próxima ação depende do contexto.
A aba A Renovar ganha prioridade. Calcular, Renovar e Alterar aparecem de acordo com o estado da renovação.
Abrir interface em tamanho maior ↗Exportação
Deixar claro o que será exportado.
O diálogo permite escolher os grupos de status incluídos no arquivo. A definição documentada contempla os formatos XLS e TXT.
Abrir interface em tamanho maior ↗
Alinhar também é desenhar.
O trabalho consolidou propostas de Home, Propostas e Renovações, com protótipos, feedback qualitativo e decisões registradas para continuidade pelo time. A contribuição foi coletiva, incluindo interlocução com as regras do negócio e o Design System.
O aprendizado central é tornar a regra compreensível na interface e negociar a solução com quem vai implementá-la.
Sobre as evidências deste caso
Fonte principal: Relatório final UX/UI — MAPFRE ASD, 65 slides, datado de 18/09/2023. As interfaces foram extraídas diretamente do PPT, com dados ocultados. A validação qualitativa é relatada no documento; não há uma medição de impacto de negócio que permita atribuir ganho de conversão ou produtividade ao redesenho.
Os mockups, movimentos e mapas de síntese são apresentações atuais dos artefatos. As lâminas diagramadas para Behance não foram reutilizadas.