{"id":501,"date":"2025-05-15T16:47:07","date_gmt":"2025-05-15T14:47:07","guid":{"rendered":"https:\/\/ingeniustech.es\/?p=501"},"modified":"2025-05-18T04:49:13","modified_gmt":"2025-05-18T02:49:13","slug":"vlue-diseno-unificado-y-mapas-inteligentes-para-revolucionar-la-gestion-de-transporte-y-entrega","status":"publish","type":"post","link":"https:\/\/ingeniustech.es\/?p=501&lang=es","title":{"rendered":"Vlue: Dise\u00f1o unificado y mapas inteligentes para revolucionar la gesti\u00f3n de transporte y entrega"},"content":{"rendered":"\n

Vlue es una empresa con una soluci\u00f3n tecnol\u00f3gica dedicada a la transportaci\u00f3n mediante una aplicaci\u00f3n que conecta a los conductores con los pasajeros. Ofrece adem\u00e1s la opci\u00f3n de viajes para empresas y el servicio de entrega para restaurantes o cualquier otro tipo de empresa.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

El Desaf\u00edo o reto:<\/h2>\n\n\n\n

En el caso de Vlue, el reto inicial fue implementar una funcionalidad amigable de cara al equipo de soporte para el proceso de verificaci\u00f3n de los drivers que trabajar\u00e1n con Vlue. Exist\u00eda un dise\u00f1o propuesto por el cliente, el cual conten\u00eda muchos detalles personalizados, lo que llev\u00f3 a un trabajo exhaustivo de maquetaci\u00f3n, prestando mucha atenci\u00f3n a cada detalle del dise\u00f1o. Posteriormente, el cliente solicit\u00f3 la creaci\u00f3n de otra aplicaci\u00f3n donde el trabajo fuerte estuvo en el manejo de mapas, aplicando Here Maps como soluci\u00f3n y donde se deb\u00edan utilizar los componentes ya dise\u00f1ados en la primera aplicaci\u00f3n. <\/p>\n\n\n\n

La Soluci\u00f3n:<\/h2>\n\n\n\n

En el primer caso, pues la soluci\u00f3n estuvo enfocada la aplicaci\u00f3n de la metodolog\u00eda Atom Design, la cual define que los componentes deben ser construidos desde lo m\u00e1s peque\u00f1o a lo m\u00e1s grande. Esto permiti\u00f3 una centralizaci\u00f3n en el manejo de componentes y facilit\u00f3 la reutilizaci\u00f3n de dichos componentes. Para la 2da aplicaci\u00f3n, adem\u00e1s de un estudio preliminar del SDK de Javascript de Here Maps, se implement\u00f3 una soluci\u00f3n NX Monorepo, donde coexistir\u00edan ambas aplicaciones, compartiendo a manera de librer\u00eda externa, todos los componentes ya dise\u00f1ados, para as\u00ed lograr una uniformidad en el dise\u00f1o de ambas aplicaciones.<\/p>\n\n\n\n

Tecnolog\u00edas:<\/h2>\n\n\n\n

Vue3, Nuxt3, NX, Typescript, TailwindCss<\/p>\n\n\n\n

Proceso de Implementaci\u00f3n:<\/h2>\n\n\n\n

Este punto de alguna manera se responde en el punto de La Soluci\u00f3n. Primero se dise\u00f1aron los componentes que se utilizar\u00edan en la web basados en un dise\u00f1o propuesto por el cliente en Figma. Al crearse otra aplicaci\u00f3n, que deb\u00eda lucir igual que la primera, pues se cre\u00f3 una soluci\u00f3n NX Monorepo, donde se insertaron ambas aplicaciones, y todo el c\u00f3digo com\u00fan para ambas, pas\u00f3 a constituir librer\u00edas de uso com\u00fan entre ambas aplicaciones.<\/p>\n\n\n\n

Resultados y Beneficios para el cliente:<\/h2>\n\n\n\n

Consistencia de marca:<\/strong> Como resultado de la implementaci\u00f3n de estas soluciones se obtuvieron dos aplicaciones con una identidad visual unificada, reforzando la imagen profesional de Vlue.<\/p>\n\n\n\n

Eficiencia operativa: La primera aplicaci\u00f3n redujo el tiempo de verificaci\u00f3n de conductores, eliminando procesos manuales y mejorando la experiencia del equipo de soporte.<\/p>\n\n\n\n

La segunda aplicaci\u00f3n permiti\u00f3 a empresas programar viajes recurrentes y gestionar entregas. Escalabilidad t\u00e9cnica: El uso de NX Monorepo y componentes modulares redujo el tiempo de desarrollo de la segunda aplicaci\u00f3n, al evitar redundancias en el c\u00f3digo.<\/p>\n\n\n\n

Vlue<\/a><\/p>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

Vlue es una empresa con una soluci\u00f3n tecnol\u00f3gica dedicada a la transportaci\u00f3n mediante una aplicaci\u00f3n que conecta a los conductores […]<\/p>\n","protected":false},"author":1,"featured_media":290,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[85],"tags":[116],"class_list":["post-501","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-historias-de-clientes","tag-gestion-de-transporte"],"_links":{"self":[{"href":"https:\/\/ingeniustech.es\/index.php?rest_route=\/wp\/v2\/posts\/501","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ingeniustech.es\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ingeniustech.es\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ingeniustech.es\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ingeniustech.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=501"}],"version-history":[{"count":3,"href":"https:\/\/ingeniustech.es\/index.php?rest_route=\/wp\/v2\/posts\/501\/revisions"}],"predecessor-version":[{"id":505,"href":"https:\/\/ingeniustech.es\/index.php?rest_route=\/wp\/v2\/posts\/501\/revisions\/505"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ingeniustech.es\/index.php?rest_route=\/wp\/v2\/media\/290"}],"wp:attachment":[{"href":"https:\/\/ingeniustech.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=501"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ingeniustech.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=501"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ingeniustech.es\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=501"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}