Copimegatron — Servicio Técnico e Inventario

sep–dic 2024

Antes del sistema, una secretaria registraba a mano cada reporte de servicio recibido por teléfono, imprimía hojas diarias para los técnicos, y los técnicos reportaban trabajos terminados por mensajes de texto y fotos de hojas firmadas enviadas por mensaje.

Rol
Full-Stack Developer (colaborativo)
Empleador
Copimegatron, S.A. de C.V.
Colaboración
Equipo de 3 — proyecto con cliente directo
Stack
Next.jsReact NativeNode.jsMySQLAWSJWTFigma

Copimegatron es una empresa dedicada al arrendamiento de equipo de impresión, y antes de este proyecto todo su flujo de servicio técnico era manual: una secretaria anotaba cada reporte a mano después de que un cliente llamara, imprimía hojas diarias para los técnicos, y ellos avisaban que terminaron por mensaje de texto y foto de la hoja firmada. La plataforma reemplazó todo eso con vistas por rol (administración, clientes y técnicos) en tiempo real.

La app móvil partió de 5 mockups en Figma (login, lista de reportes para clientes, lista de reportes para administración y técnicos, crear un reporte nuevo, y una pantalla de detalles del reporte). La aplicación web, en cambio, la diseñamos directamente en código, sin mockup de por medio, lo que supuso un nuevo reto: poder diseñar interfaces sin una referencia previa, lo cual fortaleció en gran medida mis habilidades para poder diseñar sobre la marcha.

Mockup → pantalla final

App móvil — inicio de sesión
mockup
pantalla final
App móvil — lista de reportes (clientes)
mockup
pantalla final
App móvil — lista de reportes (secretaria/técnicos)
mockup
pantalla final
App móvil — crear nuevo reporte
mockup
pantalla final
App móvil — detalles de reporte
mockup
pantalla final

Diseñado directamente en código

Toda la aplicación web (landing institucional, login y un panel de administración completo de 7 secciones [dashboard, reportes, impresoras, ubicaciones, productos, clientes y técnicos]) se construyó directamente en código, sin mockups previos.

Decisiones Técnicas

El dashboard del panel de administración necesitaba resumir, para una usuaria no técnica (la secretaria), qué tan bien iba operando el servicio. Se priorizó mostrar reportes totales por estado, tiempo promedio por reporte, y tablas de las ubicaciones más rápidas y más lentas de atender; información que fue elegida por su utilidad operativa real.

← Volver a proyectos