Frontend Lead en Gesvatec Sistemas — Francisco Pérez Rubio

Gesvatec desarrolla software para proteger productos agrícolas de alto valor añadido: variedades vegetales protegidas, Denominaciones de Origen (D.O.) e Indicaciones Geográficas Protegidas (I.G.P.). Sus herramientas controlan el origen legal del producto desde el cultivo hasta su expedición, con clientes en más de 25 países.

Entré como único frontend y acabé liderando todo el frontend de la empresa. Migré la plataforma principal, rediseñé la web corporativa y puse en marcha un design system propio.

PackCert: de ASP.NET a Angular

PackCert es la aplicación web que usan envasadores, operadores y entidades de control para supervisar el producto protegido en cada fase: producción, entrega, envasado y expedición. Estaba construida con ASP.NET Web Forms y la llevé a una SPA en Angular 8, que después mantuve actualizada hasta Angular 12. Al principio conté con el apoyo del project manager, que hasta entonces se encargaba de los desarrollos web.

Antes

ASP.NET Web Forms

Después

SPA en Angular 8 → 12

−40%Tiempo de carga de la plataforma

Los módulos clave de la plataforma

En la migración reconstruí en Angular todos los módulos clave de la plataforma:

Central de avisosAlertas sobre posibles irregularidades en el aforo de cultivos, las entregas a envasadores y el envasado.+40 alertas

Central de estadísticasGráficas sobre producción, entregas, kilos envasados, presencia por países y comparativas entre campañas.+100 gráficas

Gestión de royaltiesConfiguración de royalties por superficie, número de plantas o kilos comercializados, con informes en PDF para productores y envasadores.

Monitorización y controlSeguimiento del envasado y la expedición en cada planta, con bloqueo remoto de la impresión de etiquetas y certificados si se detecta una irregularidad.

Para no repetir trabajo, fui construyendo una librería de componentes propia a medida que aparecían patrones reutilizables, lo que redujo el tiempo de desarrollo de nuevas pantallas. Los mapas satelitales los desarrollaba el equipo de GIS y yo los integraba en la plataforma mediante iframes.

Nueva web corporativa

Con la migración terminada, diseñé y desarrollé la nueva landing page de la empresa junto al equipo de marketing y soporte técnico.

Design system y mentoría

Marketing, diseño y desarrollo trabajaban sin un lenguaje visual común, así que impulsé un design system propio para unificar la identidad y los componentes de todos los productos. Al mismo tiempo, mentoricé al nuevo frontend que se incorporó al equipo.