← Todos os projetos
MAPFRE / AVISO DE SINISTROPRODUCT DESIGN · SEGUROS

Um momento delicado.
Um caminho mais claro.

Da localização da apólice à revisão das informações: desenhando orientação e consistência na comunicação de um sinistro.

MEU PAPEL

UX/UI Designer

EM COLABORAÇÃO

Times de design, negócio e tecnologia

RECORTE DO CASO

Jornada de abertura de sinistro

MAPFREAVISO DE SINISTRO
Interface original de agendamento de vistoria, com progresso e ação de continuar
INTERFACES ORIGINAIS / DADOS OCULTADOS

Exportações individuais das interfaces originais do projeto. Mockups e movimento criados para este portfolio. Dados ocultados; números nas telas pertencem aos protótipos.

01 / O PROBLEMA

O seguro é complexo.
A orientação precisa ser simples.

Comunicar um sinistro envolve identificar pessoas, localizar uma apólice e reunir informações sobre o ocorrido. O fluxo também muda conforme o ramo e pode passar por oficina ou agendamento de vistoria.

Minha contribuição em UX/UI fez parte da construção dos fluxos, interfaces e padrões para essa jornada, em colaboração com o time. O objetivo de design era dar orientação sem esconder as regras necessárias ao atendimento.

CONTEXTO

Serviço sensível

Orientação durante uma tarefa que exige atenção e informações detalhadas.

RESTRIÇÃO

Regras reais

Comunicante, ramo e tipo de ocorrência mudam o percurso.

DIREÇÃO

Clareza contextual

Apresentar a etapa, explicar a decisão e permitir revisar.

02 / DO CONTEXTO À PROPOSTA

Uma estrutura comum. Caminhos diferentes.

Os materiais do projeto organizam a jornada por perfis, regras e etapas. A consolidação de padrões ajudou a manter continuidade visual entre os diferentes caminhos de comunicação.

  1. 01

    Consolidar

    Contextos de uso, perfis de comunicantes e regras dos ramos de seguro.

  2. 02

    Estruturar

    Jornadas e wireframes para organizar etapas comuns e variações.

  3. 03

    Prototipar

    Interfaces, estados, formulários, agendamento e revisão.

  4. 04

    Sistematizar

    Fundações, componentes e seções reutilizáveis documentados no Adobe XD.

03 / EVIDÊNCIA → DECISÃO

O raciocínio por trás
da interface.

Os exemplos abaixo conectam os contextos descritos no material às soluções visíveis nas interfaces. O mapa é uma síntese editorial criada para este portfolio.

01

Diferentes comunicantes

Cliente, terceiro, corretor e atendimento entram na jornada por contextos distintos.

DECISÃO DE DESIGN

Começar pela identificação do comunicante e pela localização da apólice.

02

Regras por ramo

Auto, residencial e rural exigem informações e encaminhamentos diferentes.

DECISÃO DE DESIGN

Manter uma estrutura comum de etapas com variações nos blocos de ocorrência, danos, oficina ou vistoria.

03

Preenchimento extenso

Informações pessoais, ocorrência, anexos e agendamento não cabem em uma única decisão.

DECISÃO DE DESIGN

Distribuir a tarefa por etapas com indicação de progresso, retorno e saída contextual.

04

Conferência antes do envio

Os dados precisam poder ser revisados antes da abertura do sinistro.

DECISÃO DE DESIGN

Agrupar a revisão por seção e oferecer ações de editar próximas às informações.

JORNADA / SÍNTESE DOS CAMINHOS
  1. 01Localizar apólice
  2. 02Descrever ocorrência
  3. 03Oficina ou vistoria
  4. 04Revisar e confirmar

O percurso varia conforme o ramo e o tipo de ocorrência. A sequência representa a arquitetura geral; não é um fluxo único obrigatório para todos os seguros.

04 / EXPLORE AS INTERFACES

Orientação em cada etapa.

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.

Localizar apólice

Começar com orientação.

O primeiro contato explica a tarefa, apresenta as etapas e pede o tipo de comunicante antes de avançar.

Abrir interface em tamanho maior ↗
Começar com orientação. O primeiro contato explica a tarefa, apresenta as etapas e pede o tipo de comunicante antes de avançar.
05 / ENTREGA E APRENDIZADO

Consistência para uma jornada extensa.

O conjunto de materiais reúne etapas de localização da apólice, descrição, vistoria ou oficina e revisão, além de fundações e componentes. As interfaces documentam as variações e os pontos de retorno da jornada.

O aprendizado central é preservar uma estrutura reconhecível enquanto a interface se adapta às informações e regras de cada ramo.

Explorar as fundações visuais do projeto +
Recorte original de Foundation: cores primárias MAPFRE, neutros e cores de status
Recorte de Foundation.png, exportação original do Adobe XD. A tipografia desta página segue o portfolio.

Sobre as evidências deste caso

Fontes: exportações individuais das interfaces de Aviso de Sinistro e fundações do projeto. O material visual usa a identidade histórica da MAPFRE. Não há resultados quantitativos ou confirmação de lançamento verificados neste recorte.

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.

CONTINUE EXPLORANDO

Solar Banco / Banca digital