// CASO02 / 04

EstacionFlow

Control digital del despacho de combustible — de la pista al portal corporativo.

CLIENTEGasolinera La EstaciónROLFull-stackESTADOEn producción
Volver al portfolio
Portal corporativo de EstacionFlow con KPIs de consumo de flota
// Portal corporativo — consumo de flota
3
Superficies, una por usuario
80mm
Vale térmico con serie + correlativo
LIVE
En producción con cliente real
// Resumen

Qué es y por qué existe.

EstacionFlow es un sistema de control de despachos de combustible para Gasolinera La Estación. Digitaliza el despacho de punta a punta: el operario registra en tablet, se imprime un vale térmico, el piloto firma, y el cliente corporativo accede a un portal con KPIs y reportes del consumo de su flota. Un detalle define la arquitectura: el sistema central de las bombas es cerrado, sin API — EstacionFlow no se integra a la bomba, es la capa de registro, comprobante y reportería encima de ella.

// El reto

De dónde se partía.

01

Vales de papel y hojas de Excel para controlar cada despacho de combustible.

02

El cliente corporativo no tiene visibilidad del consumo de su flota.

03

Sin comprobante confiable ni trazabilidad del despacho.

04

Cuadre de turno y precios diarios gestionados a mano.

05

Sin datos que sostengan la relación comercial con el corporativo.

// La solución

Cómo funciona.

01
/operario — PWA en tablet

El despacho, en segundos y sin papel.

PWA para tablets Android en las bombas. Flujo por pasos: identificación del vehículo (cliente → vehículo → piloto → kilometraje), combustible (tipo, galones, precio del día automático, monto en vivo, bomba y turno), firma digital del piloto en canvas, confirmación e impresión. Targets táctiles grandes y legibilidad al sol.

02
/cliente — portal corporativo

La flota, monitoreada sin pedir reportes.

Dashboard de solo lectura con KPIs y gráficas de consumo, tendencias, tabla de despachos filtrable y vista de flota. El corporativo monitorea su consumo cuando quiera — es lo que sostiene la cuenta.

03
/admin — panel interno

Precios y operación en un solo lugar.

Gestión de precios diarios, clientes, vehículos, pilotos, cuadre de turno y reportes consolidados. La operación deja de depender de hojas sueltas.

04
Vale térmico

Comprobante con firma y correlativo.

Diseñado para papel térmico de 80 mm, dos copias por impresión, con serie + correlativo, datos del vehículo y piloto, tabla de despacho, firma del piloto y total prominente. Impresión por window.print() vía Epson Print Enabler, sin drivers ni SDK en las tablets.

// Arquitectura

El stack, capa por capa.

FrontendNext.js 15 · Tres superficies · /operario PWA
BackendNestJS
ORMDrizzle ORM
Base de datosPostgreSQL · Railway
Impresiónwindow.print() + Epson · Sin drivers
Modelo de datosPor estación · Listo para escalar
// Estado

Dónde está hoy.

+

En producción, en uso por la gasolinera con su primer cliente corporativo de flota.

+

Modelo de datos por estación: clientes, vehículos y pilotos globales; precios y despachos por ubicación — la puerta queda abierta a más estaciones sin rehacer el modelo.

+

Design system construido desde cero, con la paleta extraída pixel por pixel de las publicaciones reales de la gasolinera.

Next.js 15NestJSDrizzle ORMPostgreSQLwindow.print() + EpsonPor estación
Ver más proyectos