Facebook
Twitter
Linkedin
Instagram
Whatsapp
"Hemos superado todos los retos gracias al trabajo en equipo y la confianza mutua tras más de 5 años trabajando juntos".
El reto
El proyecto enfrentó varios desafíos significativos. No solo se requería el desarrollo de tres frontales distintos con un diseño innovador, sino que también era clave garantizar la interconexión total entre estas herramientas. La sinergia entre las aplicaciones era esencial: cualquier acción realizada por un cliente debía reflejarse de manera coherente en las otras dos plataformas.
Esta sinergia entre las 3 plataformas requiere de un modelo de datos muy complejo que permita realizar cualquier tipo de transacción sin errores ni descuadres en el proceso.
Solución
Conceptualización y diseño de herramientas
Uno de los aspectos fundamentales en el proyecto fue la participación del equipo de expertos en Experiencia de Usuario en la fase de conceptualización y diseño de las dos herramientas.
Por un lado, se abordó el diseño del sitio web destinado a los padres, ofreciendo una interfaz que les permitiera tomar decisiones acordes a sus necesidades específicas. Por otro lado, se desarrolló la herramienta dirigida a los centros educativos, donde el personal designado en cada institución, a solicitud de los padres, gestionaba la asignación de taquillas a los alumnos.
La primera etapa del proyecto consistió en la aplicación de técnicas de investigación de Experiencia de Usuario (UX research), en las cuales la colaboración con los interesados clave permitió definir tanto el desafío del proyecto como los perfiles de usuarios de cada herramienta. Este proceso también incluyó la identificación de los flujos de navegación en función de los comportamientos esperados y las necesidades comerciales.
Tras establecer esta base conceptual, se procedió con el prototipado y diseño visual de ambas herramientas. En el caso de la herramienta de pago dirigida a padres, madres y tutores, se priorizó una experiencia de uso consistente, accesible y adaptable a dispositivos móviles, con el objetivo de garantizar inclusividad para todos los tipos de familias. Por otro lado, en la herramienta de asignación para los centros educativos, se enfocó en simplificar tanto el trabajo individual como masivo del personal encargado, ya sea al inicio del año escolar o en momentos puntuales a lo largo del mismo. Se procuró que esta herramienta fuera fácilmente adaptable a los cambios de personal, dado que era común que este perfil variara año tras año.
Un aspecto destacado del trabajo realizado por el equipo de UX/UI fue la creación de un sistema de diseño personalizado para Taquicel. Este sistema permitió que la marca contara con elementos coherentes y disponibles para el desarrollo de futuras aplicaciones, manteniendo así una imagen consistente en todas sus plataformas.
Además, se diseñaron las diferentes tipologías de taquillas disponibles en los centros educativos en formato vectorial, facilitando así la tarea de asignación y elección tanto para el personal del centro como para los tutores legales de los alumnos, respectivamente. Este enfoque garantizó que el proceso fuera lo más sencillo y amigable posible para todas las partes involucradas.
Desarrollo de frontales
El desarrollo de las aplicaciones frontend para el proyecto de Taquicel se basó en la utilización de tecnologías avanzadas para ofrecer soluciones eficientes y seguras adaptadas a las necesidades específicas de la empresa. Angular 15 fue la elección para el desarrollo web, proporcionando interfaces de usuario interactivas y eficientes. Se utilizó PrimeNG para las plataformas de gestión operativa, garantizando una interfaz sólida y fácil de usar.
Desarrollo de modelo de datos
El proyecto también incluyó el desarrollo de un modelo de datos complejo que permitió la interconexión entre las tres plataformas, asegurando que el proceso de alquiler de taquillas y la gestión operativa estuvieran alineados en todo momento. Esta sinergia técnica fue un desafío significativo pero crucial para el éxito del proyecto.
Desarrollo de modelo de backend
En cuanto al backend, se optó por Node.js 14 y NestJS para proporcionar una arquitectura moderna y robusta. Se integró la librería de Redsys para la gestión segura de transacciones financieras, mientras que Nodemailer facilitó el envío eficiente de notificaciones. Además, se implementó la capacidad de importación masiva de datos mediante archivos Excel para una gestión eficiente y precisa de la información.
La seguridad de los datos fue una prioridad en todo el desarrollo, utilizando la biblioteca CryptoJS para garantizar una encriptación sólida de contraseñas y datos sensibles. La implementación de un sistema de generación de informes en formato Excel mejoró la capacidad de análisis y reporting.
Clave del éxito
- El éxito del proyecto se debe en gran medida al equipo técnico encargado de su desarrollo, respaldado por una gestión Agile. Este enfoque permitió al proyecto cumplir con las expectativas del cliente de manera efectiva.
- El equipo de UX/UI ha diseñado interfaces web potentes y usables que contribuyen a una mejor experiencia del usuario final.
- Además, la colaboración proactiva del cliente en todo momento ha sido fundamental para facilitar el desarrollo y progreso del proyecto.
Resultados
La herramienta se ha implementado con éxito en numerosos centros educativos y se espera que su adopción continúe creciendo en el futuro. Con una base tecnológica sólida y una visión hacia adelante, Taquicel está preparada para liderar la transformación digital del alquiler de taquillas.
