Case Fictício · 2026

Agente IA Sem Parar

Assistente virtual inteligente nativo ao ecossistema de mobilidade da Sem Parar. Uma interface conversacional projetada para +5 milhões de clientes.

Tipo Product Design

Ferramentas Figma + AI

Ano 2026

Ver Protótipo Interativo ↗

+5M Clientes ativos

O ecossistema Sem Parar vai muito além do pedágio: tag, SuperApp, IPVA, multas, seguros, cashback e mais. Os usuários precisam de respostas rápidas sem filas.

5 Fluxos principais

12x Parcelamento IPVA

A Solução

Um agente de IA
nativo ao ecossistema

Interface conversacional que ajuda usuários com tag, extrato, IPVA, multas, seguros, cashback e dúvidas frequentes — com linguagem clara, emojis contextuais e links diretos.

Tag Sem Parar IPVA 2026 Extrato Cashback Seguros Multas Sem Parar Mais Fallback Humano

Peça sua Tag

Fluxo guiado para aquisição de tag com escolha de plano, cadastro e ativação passo a passo.

Ver Extrato

Consulta rápida de faturas e pagamentos com histórico completo diretamente no app.

IPVA 2026

Parcelamento em até 12x sem juros via Zapay, com cashback de 5% e alertas de vencimento.

Cashback

Clube de benefícios e descontos com acesso rápido via chat conversacional.

Outros Assuntos

Fallback inteligente para transferência suave ao atendimento humano quando necessário.

Acessibilidade

Light & Dark Mode

Acessibilidade e preferência visual garantidas com dois modos completos de interface, mantendo toda a identidade da marca.

Modo Escuro

Dark

Interface otimizada para ambientes com baixa luminosidade. Alto contraste com fundo escuro e accent em magenta vibrante.

Modo Claro

Light

Interface para ambientes iluminados com fundo neutro claro. Mantém a legibilidade e a força visual da identidade Sem Parar.

Conversa Ativa · Tag

Planos disponíveis

O agente guia o usuário pelo fluxo completo de aquisição: escolha do plano, cadastro, recebimento e ativação.

Clássico

O essencial para quem usa pedágio regularmente.

Completo

O plano mais vendido com todas as funcionalidades.

Flex

Paga só quando usa, sem mensalidade fixa.

Livre

Pré-pago sem mensalidade. Livre Free Flow para pedágio eletrônico.

Parceria Zapay · SuperApp

IPVA & Licenciamento

Consulta gratuita de débitos

Parcelamento em até 12x sem juros via Zapay

Cashback de 5% no IPVA

Alertas automáticos de vencimento

Histórico completo no app

💳

Parcelamento

Via Zapay pelo SuperApp

12x

💰

Cashback no IPVA

Devolvido na carteira Sem Parar

🔔

Alertas automáticos

Notificações de vencimento no app

Auto

🔍

Consulta gratuita

Débitos e licenciamento

Free

Arquitetura Técnica

Backend & Endpoints

intent_classifier.py
def classify_intent(message: str) -> Intent:
  keywords = {
    "tag": Intent.TAG,
    "extrato": Intent.EXTRATO,
    "ipva": Intent.IPVA,
    "multa": Intent.MULTAS,
    "seguro": Intent.SEGUROS,
    "cashback": Intent.CASHBACK,
  }
  for key, intent in keywords.items():
    if key in message.lower():
      return intent

  # fallback para atendimento humano
  return Intent.OUTROS

Backend · Python FastAPI

POST /chat Conversa principal

GET /history Histórico do usuário

GET /quick-actions Ações rápidas contextuais

POST /fallback Atendimento humano

Interface

Estados da Interface

Estado Vazio

Tela inicial com quick actions e saudação personalizada por horário.

Conversa Ativa

Mensagens com markdown, emojis contextuais e links clicáveis.

Animação de digitação enquanto o agente processa a resposta.

Erro

Mensagem amigável com opção de tentar novamente sem perder contexto.

Fallback Humano

Transferência suave para atendente real quando necessário.

Motion Design

Especificações de animação

ease-out · 300ms

Entrada Suave

Widget aparece do canto inferior da tela com suavidade.

spring · 400ms

Expansão do Chat

Chat abre com animação fluida e natural ao toque.

pulse · 150ms loop

Indicador de Typing

Indicador animado enquanto o agente processa.

ease-in · 200ms

Envio de Mensagem

Mensagem sobe com fade ao ser enviada pelo usuário.

ease-in-out · 250ms

Smart Animate

Transições entre estados com animações inteligentes.

Princípio

Fluidez Total

Toda interação tem resposta animada, reforçando a sensação de produto nativo.

Ferramentas Utilizadas

Stack do projeto

Figma

Design system, componentes, Auto Layout e protótipos interativos com layers organizadas para handoff.

Figma Make

Automação de fluxos e integrações entre sistemas do ecossistema Sem Parar.

Claude + MCP

IA generativa para conteúdo, lógica e arquitetura completa do agente conversacional.

Chat GPT

Criação do prompt mais estratégico e direcionado para orientar a geração do design.

Como o Agente Foi Construído

Estrutura do Prompt

Crie uma interface completa de agente de IA para o site do Sem Parar, seguindo o design system atual da marca e o contexto do produto digital da empresa. A interface deve parecer nativa ao ecossistema Sem Parar e ajudar usuários com serviços como tag, SuperApp, extrato, IPVA, multas, seguros, cashback e dúvidas frequentes. Quero: arquitetura visual desktop e mobile, motion specs, avatar com logo, light/dark mode, controle de fonte para acessibilidade, todos os componentes em Auto Layout, layers organizadas para handoff.

Gostou do
case?

Veja mais projetos e entre em contato para conversarmos sobre produto, design e impacto real.

Ver portfólio completo → Fale comigo