Voltar ao trabalho
Desenvolvimento Web · 2025

Solano

Uma plataforma full-stack para uma startup portuguesa de logística — rastreio de envios em tempo real, portal de cliente e dashboard de operações entregues em oito semanas.

Solano

/ VISÃO GERAL

De ficheiro Figma a produção em oito semanas — uma plataforma de logística que substituiu três folhas de cálculo e um grupo de WhatsApp.

FunçãoDesign & Desenvolvimento Full-Stack
DisciplinaDesenvolvimento Web
Ano2025
FunçãoDesign & Full-Stack
Ver site

O desafio

O cliente geria toda a operação entre três folhas de cálculo separadas, uma caixa de entrada partilhada e um grupo de WhatsApp. Os motoristas atualizavam o estado por mensagem de texto. Os clientes ligavam para saber onde estavam as encomendas. O objetivo era resolver tudo isso sem adicionar complexidade.

A plataforma tinha de servir dois utilizadores muito diferentes em simultâneo: uma equipa de operações que vive no dashboard o dia todo e clientes que entram uma ou duas vezes e querem apenas uma resposta clara. Ambos tinham de sentir que o produto foi feito especificamente para eles.

A abordagem

01

Arquitetura

Next.js App Router com uma divisão clara entre o portal do cliente (server-rendered para SEO e velocidade) e o dashboard de operações (client-side para interatividade). O Supabase trata da autenticação, subscrições em tempo real e a base de dados — uma plataforma, zero serviços de cola.

02

Rastreio em tempo real

As atualizações de estado dos envios chegam instantaneamente a operações e clientes via Supabase Realtime. Os motoristas atualizam por um formulário mínimo otimizado para móvel — sem instalar app, sem fricção no login.

03

Design system

Uma biblioteca de componentes partilhada entre os dois portais mantém o código reduzido. O lado de operações é denso em informação; o portal do cliente é intencionalmente esparso — mesmas primitivas, densidade diferente.

04

Performance

Server-render tudo o que pode ser estático, streaming para o resto. O portal do cliente carrega em menos de um segundo em 4G — importante para clientes a verificar estado no telemóvel.

Funcionalidades

01

Mapa de envios ao vivo

Clientes e operações veem a mesma vista em tempo real — um mapa com a última posição conhecida do motorista e ETA, atualizado a cada 30 segundos.

02

Emails de estado automáticos

Os marcos mais importantes acionam emails de atualização com a marca do cliente automaticamente, reduzindo as chamadas recebidas a metade no primeiro mês.

03

Portais por função

Operações, motoristas e clientes veem cada um uma vista personalizada. As permissões são impostas ao nível da base de dados, não da UI.

04

Fluxo móvel para motoristas

Um fluxo otimizado para PWA permite aos motoristas atualizar o estado com três toques — funciona offline e sincroniza quando a ligação volta.

05

PDF de prova de entrega

Os clientes descarregam um PDF com a marca do cliente na confirmação de entrega — substitui inteiramente o fluxo de enviar foto por email.

06

Dashboard de analítica

A liderança de operações recebe um resumo semanal da taxa de entrega pontual, eficiência de rotas e pontuações de satisfação do cliente.

Stack técnica

Frontend

  • Next.js 15 (App Router)
  • React 19
  • TypeScript
  • Tailwind CSS

Backend & dados

  • PostgreSQL
  • Supabase
  • Edge Functions
  • Zod

Infra

  • Vercel
  • Vercel Analytics
  • Resend

Resultados

99Performance Lighthouse
<120msLatência API p95
35+Componentes reutilizáveis
4.1kLinhas de UI tipada

Valores de exemplo — placeholders ilustrativos até adicionares métricas reais.

/ PRÓXIMO PROJETOBruma