Vlue es una empresa con una solución tecnológica dedicada a la transportación mediante una aplicación que conecta a los conductores con los pasajeros. Ofrece además la opción de viajes para empresas y el servicio de entrega para restaurantes o cualquier otro tipo de empresa.

El Desafío o reto:

En el caso de Vlue, el reto inicial fue implementar una funcionalidad amigable de cara al equipo de soporte para el proceso de verificación de los drivers que trabajarán con Vlue. Existía un diseño propuesto por el cliente, el cual contenía muchos detalles personalizados, lo que llevó a un trabajo exhaustivo de maquetación, prestando mucha atención a cada detalle del diseño. Posteriormente, el cliente solicitó la creación de otra aplicación donde el trabajo fuerte estuvo en el manejo de mapas, aplicando Here Maps como solución y donde se debían utilizar los componentes ya diseñados en la primera aplicación. 

La Solución:

En el primer caso, pues la solución estuvo enfocada la aplicación de la metodología Atom Design, la cual define que los componentes deben ser construidos desde lo más pequeño a lo más grande. Esto permitió una centralización en el manejo de componentes y facilitó la reutilización de dichos componentes. Para la 2da aplicación, además de un estudio preliminar del SDK de Javascript de Here Maps, se implementó una solución NX Monorepo, donde coexistirían ambas aplicaciones, compartiendo a manera de librería externa, todos los componentes ya diseñados, para así lograr una uniformidad en el diseño de ambas aplicaciones.

Tecnologías:

Vue3, Nuxt3, NX, Typescript, TailwindCss

Proceso de Implementación:

Este punto de alguna manera se responde en el punto de La Solución. Primero se diseñaron los componentes que se utilizarían en la web basados en un diseño propuesto por el cliente en Figma. Al crearse otra aplicación, que debía lucir igual que la primera, pues se creó una solución NX Monorepo, donde se insertaron ambas aplicaciones, y todo el código común para ambas, pasó a constituir librerías de uso común entre ambas aplicaciones.

Resultados y Beneficios para el cliente:

Consistencia de marca: Como resultado de la implementación de estas soluciones se obtuvieron dos aplicaciones con una identidad visual unificada, reforzando la imagen profesional de Vlue.

Eficiencia operativa: La primera aplicación redujo el tiempo de verificación de conductores, eliminando procesos manuales y mejorando la experiencia del equipo de soporte.

La segunda aplicación permitió a empresas programar viajes recurrentes y gestionar entregas. Escalabilidad técnica: El uso de NX Monorepo y componentes modulares redujo el tiempo de desarrollo de la segunda aplicación, al evitar redundancias en el código.

Vlue