Menú
«Necesitamos que nuestro proceso de gestión tareas diarias en la vía pública sea más ágil, rápido y automático para aumentar la productividad y eficiencia de nuestro día a día de trabajo».
El objetivo primordial del Comú de la Massana era implementar una solución para mejorar la comunicación, colaboración y eficacia entre los distintos equipos. Asegurarse de que todas las tareas en la vía pública se realizan y exista un seguimiento de todas las acciones realizadas.
_Documentos utilizados para planificar las tareas
_Documentos utilizados para planificar las tareas
Todas las tareas del departamento de vía pública eran comunicadas por hojas o whatsapp, tratadas y planeadas en Excel, dificultando el seguimiento de la realización de las tareas.
Estábamos ante varios desafíos:
1- Digitalizar un proceso que tenía varias fases.
2- Entender los flujos de todos los procesos de trabajo.
3- Crear una interfaz que fuese intuitiva y fácil de utilizar para todos los niveles de usuarios.
Para iniciar el proyecto, tuvimos que dar un paso atrás y trazar una estrategia sobre el enfoque a seguir. Lo primero que hacer fue diseñar el mapa de navegación, para tener una vista de alto nivel sobre la plataforma.
Por eso nos hemos basado en el perfil de administrador principal que es el que más funcionalidades tendrá a su disposición.
También diseñamos el flujo del proceso de incidencia para entender todo el camino hasta estar cerrado
_Estructura de menús en el mapa de navegación
_Estructura de menús en el mapa de navegación
Antes de empezar a diseñar es necesaria una última etapa, que es la de definir al menos los flujos principales, para así entender qué perfiles hay de usuario, qué estados pueden tener los procesos, qué aprobaciones podemos automatizar y cuáles tendrán que ser manuales.
Por ejemplo, tenemos las incidencias que pueden nacer desde cualquier dispositivo y cualquier perfil de usuario.
_Flujo del proceso de incidencia
_Flujo del proceso de incidencia
Ahora que sabemos cómo trabaja el usuario, sus principales problemas y necesidades, estamos listos para diseñar una primera estructura visual de la interfaz.
Estos dibujos serán muy útiles para visualizar todo el análisis desarrollado hasta ahora y así cambiamos de una visión de alto nivel a nivel más bajo, funcionalidad a funcionalidad.
_Representación de la creación de una incidencia
_Representación de la creación de una incidencia
Un sistema de diseño sólido es la columna vertebral de la coherencia visual e interactiva de una marca, asegurando que cada elemento gráfico y funcionalidad se alinee armoniosamente en todos los puntos de contacto con el usuario.
Decidimos utilizar bootstrap para los componentes por la madurez y la versatilidad de los componentes.
_Sistema de diseño
_Sistema de diseño
El proceso de transferencia se adaptó también para garantizar el lanzamiento dentro de los tiempos definidos. Esto significó que el equipo de desarrolladores intervino antes de lo habitual y trabajó codo con codo con el equipo de diseño.
Gracias a sólidos procesos de colaboración que garantizan que el diseño y desarrollo estén siempre sincronizados, el equipo se adaptó a un proceso diferente pero sin perder la calidad del trabajo.
_Figma
_Figma
Utilizar TypeScript con React en el desarrollo del front-end proporciona ventajas significativas. TypeScript añade tipos estáticos, mejorando la detección de errores y la robustez del código. Esto facilita el mantenimiento y comprensión del código, aumenta la productividad del equipo y garantiza una experiencia de usuario más sólida en las aplicaciones web modernas. Además, con los componentes de React se pueden reaprovechar múltiples elementos de las aplicaciones web sin alterar la experiencia del usuario final.
El uso de SQL Server, C# y .NET Core en el desarrollo backend ofrece una combinación potente y eficiente. SQL Server proporciona una robusta gestión de bases de datos, asegurando la integridad y seguridad de los datos. C# es un lenguaje versátil y orientado a objetos que permite crear lógica empresarial compleja de forma clara y eficiente. .NET Core, como marco de trabajo, es multiplataforma y brinda flexibilidad para crear APIs escalables y de alto rendimiento. Estas tecnologías permiten construir aplicaciones seguras, rápidas y altamente adaptables para satisfacer las demandas modernas del desarrollo backend.
Azure ofrece una solución fiable y escalable para el almacenamiento de archivos y el despliegue de aplicaciones web. Utilizar Azure para File Storage garantiza una gestión segura y eficiente de datos, con fácil y rápido acceso desde cualquier lugar del mundo. Con características tales como redundancia y escalabilidad automática, Azure simplifica el proceso de almacenamiento de archivos para aplicaciones empresariales modernas.
Tras construir este producto desde cero, se ha conseguido mejorar la forma en que el usuario gestiona las tareas, las vacaciones, las guardias, entre otras funcionalidades.
Se ha disminuido el porcentaje de tareas no realizadas, se ha aumentado el control y eficacia de todos los equipos.
Entender bien al usuario y cómo eran sus rutinas diarias fue clave para que al final desarrolláramos un producto de calidad que ha venido a mejorar el día a día del usuario y poder eliminar completamente el papel y otras aplicaciones redundantes.
Ahora estamos trabajando en desarrollar nuevas funcionalidades e integraciones para seguir mejorando y actualizando la plataforma. Siempre sin perder foco de lo más importante: el usuario y la usabilidad de la plataforma.