Voltar para as entregasLogística internacional · Sistema completo

Shippingline

Sistema de comércio exterior: cotação, embarque, documentos e financeiro

O sistema operacional de um agente de cargas: do CRM e da cotação até o embarque, a emissão de Bill of Lading com QR de validação, o portal público de rastreio e o financeiro do processo.

Ver no ar
Interface do projeto Shippingline
Stack

Como foi construído

  • React + Vite + TypeScript
  • Tailwind CSS + Radix UI
  • TanStack Query
  • Geração de PDF (jsPDF) e QR Code
  • Banco Postgres com RLS e funções de borda
  • Envio de e-mail transacional com anexo
Parte pública

O que o cliente final vê

Site institucional

Landing, como atuamos, instruções, condições gerais e termos de BL.

Proposta por link

Página pública tokenizada com a proposta comercial, incluindo visualização registrada.

Rastreio de embarque

Portal com token onde o cliente acompanha os marcos do processo, sem precisar de senha.

Validação de documento

Página /validar/{código} que confirma a autenticidade do documento lido pelo QR Code.

Área interna

O que o time gerencia por dentro

Dashboard

Visão geral de processos, cotações e pendências.

Cotações e tarifário

Cotação com múltiplas opções, taxas, volumes, histórico de eventos e tarifário de fretes com taxas locais por armador.

Processos e bookings

Embarques com contêineres, eventos, tarefas e templates de marcos operacionais.

Documentos e assinaturas

Gerador de Bill of Lading, biblioteca de documentos, fluxo de aprovação/assinatura e códigos de verificação.

Clientes e parceiros

CRM com empresas, contatos, interações e estágios; cadastro de parceiros e seus contatos.

Financeiro

Lançamentos, contas a pagar e a receber ligados a cada processo.

Equipe e permissões

Papéis (super admin, admin, comercial, operacional, financeiro), permissões por usuário, allowlist e delegações temporárias.

As telas internas contêm dados reais de clientes, então não são publicadas aqui. A descrição acima foi levantada diretamente do código e da estrutura de dados do sistema. Demonstração ao vivo mediante conversa.

Estrutura de dados

Como a informação é organizada

Comercial

Empresas, contatos, interações, eventos de estágio e pedidos de cotação.

Cotação

Cotações, opções, taxas, volumes, eventos e visualizações.

Operacional

Embarques, contêineres, eventos, tarefas e templates de marcos.

Tarifas

Fretes, taxas locais por armador, catálogo de taxas e parceiros.

Documentos

BLs, documentos, aprovações, links, códigos de verificação e aceites de documentos legais versionados.

Financeiro

Lançamentos, pagáveis e recebíveis.

Segurança

Papéis, permissões, allowlist, delegações temporárias, eventos de auditoria e de login.

Integrações

O que conversa com o mundo de fora

E-mail com PDF

Funções de borda enviam cotação e atualização de embarque por e-mail com o PDF anexado.

Rastreio de contêiner

Integração externa que traz a posição do contêiner para dentro do processo.

Importações

Importação de taxas de armador e de portos/aeroportos a partir de arquivos.

Links curtos e proposta pública

Funções dedicadas para gerar links curtos e servir a proposta pública com token.

Tradução

Tradução automática da cotação para o cliente estrangeiro.

Engenharia

Decisões que fazem diferença

  • Documento em PDF com QR Code e página de validação — combate a fraude de BL
  • Papéis com RLS: comercial não vê financeiro, financeiro não altera operação
  • Delegação temporária de acesso para férias e substituições
  • Aceite de termos versionado e registrado por documento
  • Chat interno vinculado ao processo
Telas

Interface em funcionamento

Shippingline — Site público e posicionamento do serviço
Site público e posicionamento do serviço
Shippingline — Seções de como atuamos e condições
Seções de como atuamos e condições

Telas capturadas do ambiente no ar. Contatos, e-mails e documentos identificáveis foram desfocados antes da publicação.

Sua operação também pode virar sistema

Começa com um diagnóstico: entendemos como a empresa funciona hoje e desenhamos a solução antes de escolher a ferramenta.

Ver tudo o que desenvolvemos