Back to work
Web Development · 2025

Solano

A full-stack platform built for a Portuguese logistics startup — real-time shipment tracking, client portal and an ops dashboard shipped in eight weeks.

Solano

/ OVERVIEW

From Figma file to production in eight weeks — a logistics platform that replaced three spreadsheets and a WhatsApp group.

RoleDesign & Full-Stack Development
DisciplineWeb Development
Year2025
RoleDesign & Full-Stack
Visit live site

The challenge

The client ran their entire operation across three separate spreadsheets, a shared inbox and a WhatsApp group. Drivers updated status by text message. Customers called to ask where their shipments were. The goal was to fix all of that without adding complexity.

The platform had to serve two very different users simultaneously: an ops team that lives in the dashboard all day and clients who check in once or twice and just want a clear answer. Both had to feel like the product was built specifically for them.

The approach

01

Architecture

Next.js App Router with a clear split between the client portal (server-rendered for SEO and speed) and the ops dashboard (client-side for interactivity). Supabase handles auth, real-time subscriptions and the database — one platform, zero glue services.

02

Real-time tracking

Shipment status updates push to both ops and client views instantly via Supabase Realtime. Drivers update via a minimal mobile-optimised form — no app install, no login friction.

03

Design system

A lean component library shared across both portals keeps the codebase thin. The ops-facing side is information-dense; the client portal is intentionally sparse — same primitives, different density.

04

Performance

Server-render everything that can be static, stream everything that can't. The client portal loads in under a second on a 4G connection — important for clients checking status on mobile.

Key features

01

Live shipment map

Clients and ops see the same live view — a map with last-known driver position and ETA, updated every 30 seconds.

02

Automated status emails

Key milestones trigger branded email updates to clients automatically, cutting inbound calls by half in the first month.

03

Role-based portals

Ops, drivers and clients each see a tailored view. Permissions are enforced at the database level, not the UI.

04

Driver mobile flow

A PWA-optimised flow lets drivers update status with three taps — works offline and syncs when connection returns.

05

PDF proof of delivery

Clients download a branded PDF on delivery confirmation — replaces the email-me-a-photo workflow entirely.

06

Analytics dashboard

Ops leadership gets a weekly summary of on-time delivery rate, route efficiency and client satisfaction scores.

Tech stack

Frontend

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

Backend & data

  • PostgreSQL
  • Supabase
  • Edge Functions
  • Zod

Infra

  • Vercel
  • Vercel Analytics
  • Resend

Results

99Lighthouse performance
<120msp95 API latency
35+Reusable components
4.1kLines of typed UI

Sample figures — illustrative placeholders until real metrics are added.

/ NEXT PROJECTBruma