Ruta Limpia: la basura espera en casa, no en la calle.

Septiembre de 2026 · concepto y prototipo

Un concepto y prototipo funcional para la recolección de basura de Oruro: el vecino sabe a qué hora llega el carro a su calle y EMAO ve cuánto diésel gasta cada ruta y dónde puede ahorrar.

Ruta Limpia: centro de mando con la flota en vivoRuta Limpia en el celular: «¿Dónde vives?», la app del vecino
EMAOPropuesta para la Empresa Municipal de Aseo · Oruro

Tecnología

  • Next.js 16
  • TypeScript
  • MapLibre GL
  • Firebase Hosting
  • React 19
  • Tailwind CSS 4
  • OpenStreetMap
  • Export estático

Servicios

#Concepto de producto#Propuesta de valor#UX/UI#Prototipo funcional#Mapas en tiempo real#Gobierno local#Diseño mobile-first

El proyecto

Cliente e idea

EMAO es la empresa municipal que recoge la basura de Oruro. Partimos de su perfil de proyecto «Oruro Limpio Smart», que pedía ver dónde está el camión, y lo convertimos en un concepto completo con un prototipo que se puede probar en el navegador. Es una propuesta: todavía no está en operación.

Reto y objetivos

El carro tiene un horario de referencia, pero puede llegar con media hora y hasta cinco horas de diferencia, así que el vecino deja la bolsa en la esquina antes de irse a trabajar. Además, en septiembre de 2026 terminó el subsidio al diésel: el litro pasó de Bs 9,80 a Bs 17,95 y EMAO llegó a suspender el recojo. Cada kilómetro de más y cada minuto con el motor encendido sin avanzar ahora cuesta casi el doble.

Solución y resultado

Diseñamos un ciclo que se repite en cada calle: el carro avisa por GPS, el vecino recibe el aviso en la app o por WhatsApp y sale a tiempo, y si el carro ya pasó, la app se lo dice para que guarde su bolsa.

Para EMAO armamos un centro de mando que traduce kilómetros, retrasos y motor encendido en bolivianos de diésel, con un simulador de ahorro y una página pública de cumplimiento por ruta.

La basura espera en casa

El vecino sabe cuándo pasa el carro por su calle.

Rutas que ahorran

EMAO ve el gasto de cada ruta y dónde mejorar.

Un actor, una pantalla

Vecino, chofer y municipio, cada uno con lo suyo.

Resumen del proyecto

Funciones principales

Las cinco pantallas comparten el mismo reloj: lo que reporta un vecino aparece al instante en el centro de mando, y el retraso de un camión cambia la hora que ve cada calle. Los datos de la flota son simulados, sobre las calles reales de Oruro.

Ruta Limpia: app del vecinoRuta Limpia en el celular: portada con la hora de llegada en vivo

El vecino sabe cuándo salir

Elige su calle una sola vez y la app le muestra a qué hora llega el carro, con un rango honesto. Le avisa 5, 10 o 15 minutos antes, le dice «en tu cuadra» o «ya pasó», y le permite reportar un problema con foto, ver el ranking Barrio Limpio y saber dónde va cada residuo.

Ruta Limpia en el celular: chat de WhatsApp de EMAO

El mismo aviso, por WhatsApp

Para quien no instala apps: escribe su calle en el chat y recibe el aviso antes de que llegue el carro. Desde ahí también puede preguntar cuándo pasa, cambiar de calle o reportar basura en la esquina.

Ruta Limpia: app del choferRuta Limpia en el celular: ruta y reportes con un toque

El celular del chofer hace de GPS

El piloto no necesita comprar equipos: el teléfono del chofer envía la posición. Ve su ruta y las siguientes calles, reporta con un toque un microbasural, una calle bloqueada o una avería, y recibe un aviso cuando el motor lleva encendido sin avanzar.

Ruta Limpia en el celular: dónde ahorrar diéselRuta Limpia: página pública de cumplimiento

EMAO ve el diésel en bolivianos

El centro de mando reúne la flota en vivo, las alertas, los reportes de los vecinos y los avisos masivos. Muestra el gasto de diésel por camión y dónde ahorrar, y una página pública de transparencia expone el cumplimiento de cada ruta.

Desarrollo

Metodología

Construimos el prototipo en Next.js con React y lo publicamos como sitio estático en Firebase Hosting. Las seis rutas piloto se trazaron sobre calles reales de OpenStreetMap y se dibujan con MapLibre GL. Una simulación determinista de la flota hace que el vecino, el chofer y el centro de mando vean el mismo mundo a la misma hora, y las pestañas abiertas se sincronizan entre sí para que un reporte viaje de una pantalla a otra.

Proceso

Mapa de la app

Una portada con el concepto y cinco puertas, una por actor. La ficha punteada es una plantilla: la vista «Mi calle» se diseñó una vez y sirve a las 102 calles de las rutas piloto.

InicioConcepto y propuesta
  • App del vecino
    • ¿Dónde vives?
    • Mi calleplantilla × 102
    • Avisos
    • Reportar un problema
    • Barrio Limpio
    • ¿Dónde va cada cosa?
  • WhatsAppsin instalar nada
    • ¿Cuándo llega el carro?
    • Cambiar mi calle
    • Reportar basura
    • Avisos de hoy
  • App del chofer
    • Ruta y siguientes calles
    • Reportar con un toque
    • Motor encendido sin avanzar
  • Centro de mando
    • Flota en vivo
    • Alertas y reportes
    • Avisos a vecinos
    • Gasto de diésel por camión
    • Dónde ahorrar diésel
    • Modo Carnaval
  • Transparenciapágina pública
    • Hoy, ruta por ruta
    • Este mes
    • Por qué publicarlo

Proceso

Una pantalla para cada actor

El vecino, el chofer y el operador de EMAO tienen necesidades distintas, pero todos usan el celular. Por eso cada pantalla, incluido el centro de mando, se pensó también a 390 píxeles: botones grandes, cifras legibles y lo urgente arriba.

Proceso

Páginas completas

La portada cuenta la propuesta de principio a fin: el problema, cómo funciona, las cinco pantallas y las fases de implementación. El centro de mando cabe en una sola vista de escritorio. Así se ven completas.

Ruta Limpia, página completa: portada del concepto
Ruta Limpia, página completa: centro de mando

Marca

Tipografía

Una sans con eje de ancho variable. En su versión más ancha y pesada recuerda los números pintados en el costado de un camión; en el texto corrido se lee limpia, con cifras tabulares para horas y montos.

Archivo

RegularSemiBoldBoldExtraBold

AaBbCcDdEeFfGgHhIiJjKkLlMmNnÑñOoPpQqRrSsTtUuVvWwXxYyZz0123456789
Ruta Limpia: tipografía aplicada en la portada

Marca

Colores

El amarillo es la señal: la hora de llegada, el aviso, el ahorro. La tinta verde oscura da cuerpo al centro de mando y a la app del chofer, y el gris piedra deja respirar las pantallas del vecino.

#FFC20EAmarillo señal
#15231DTinta
#E8EBE5Piedra

Conclusión

Ruta Limpia muestra que el problema no es solo ver dónde está el camión: es que el vecino salga a tiempo y que EMAO sepa cuánto le cuesta cada ruta. El prototipo está listo para probarse; el siguiente paso propuesto es un piloto de seis rutas con el celular de los choferes.

Ruta Limpia en el celular: portadaRuta Limpia en el celular: app del vecinoRuta Limpia en el celular: WhatsAppRuta Limpia en el celular: app del choferRuta Limpia en el celular: centro de mandoRuta Limpia en el celular: transparencia

Casos

Nuestros últimos trabajos

¿Tienes un proyecto así?

Cuéntanos qué necesitas: lo vemos juntos y te proponemos un camino por escrito, en español o en inglés.

[email protected]