Frontend · Mapas en vivo
Inteligencia Logística
Más información. Menos fricción al decidir.
Una operación logística que puede actualizar sus datos sin bloquear a quien la usa.
- Mi rol
- Frontend Developer
- Estado
- Shipped · 2024–25
- Herramientas
- Angular · Mapbox · RxJS · TypeScript
Intro
El producto no tenía un problema de mapas. Tenía un problema de percepción de velocidad: cada carga bloqueaba la pantalla con loaders invasivos.
El motor anterior asfixiaba al navegador al rastrear múltiples pedimentos nacionales a la vez. La operación se sentía lenta aunque los datos llegaran.
Lideré una auditoría técnica y migré el motor a Mapbox, refactorizando la carga asíncrona para rastrear transportes sin una sola fricción visual.
Rol
Estado
Tipo
Herramientas
Problema · Solución · Resultado
Qué necesitaba cambiar, qué decidí y qué resultado tuvo.
01 · El contexto
Problema
- Las peticiones de datos bloqueaban completamente la pantalla con loaders invasivos, frustrando la experiencia del usuario.
- El renderizado de rutas con el proveedor anterior asfixiaba el rendimiento del navegador al rastrear múltiples pedimentos nacionales a la vez.
02 · La decisión
Solución
Lideré una auditoría técnica basada en datos y ejecuté la migración estratégica hacia Mapbox para aligerar la carga de renderizado.
Refactoricé el manejo de promesas concurrentes para permitir peticiones en segundo plano sin interrumpir la navegación.
Colaboré con diseño para recomponer las tarjetas de información y crear estados de carga fluidos.
03 · El impacto
Resultado
+65%
Velocidad de carga y rendimiento general comprobado.
0
Bloqueos de interfaz durante las actualizaciones de estado.
Estándar
Mapbox adoptado como el nuevo estándar de la empresa.
+65%
Rendimiento del Mapa
Migración a Mapbox que aligeró el renderizado de rutas y aceleró la carga asíncrona de toda la aplicación.
0 bloqueos
UI Sin Fricción
Peticiones concurrentes en segundo plano que erradicaron los loaders invasivos durante la navegación.
Estándar
Adopción Corporativa
Mapbox se volvió la tecnología de mapas por defecto para los futuros proyectos de la empresa.
Tracking Aduanal
Monitoreo en vivo de transportes hacia múltiples aduanas, con jerarquías de permisos y flujos de datos espaciales concurrentes.
