Skip to main content

Dark Kinetic — Portfolio by Héctor Trejo Luna

[ID_REF]generador-de-firmas-oasis
[STK_VAL]React JS / Typescript / TailwindCSS / Nextjs / AWS S3
[STATUS]STABLE

Generador de firmas Oasis

RolFrontend Developer
Año2025
Visitar Sitiofirmasohr.com
Captura de pantalla del proyecto Generador de Firmas Oasis

  • El Reto: Un sistema interno obsoleto que volvía lento el proceso de actualizar la identidad visual, generando fricción entre los requerimientos de diseño corporativo y la implementación técnica.
  • La Solución: Migración a un stack moderno (Next.js + TypeScript + AWS S3) y establecimiento de un puente de comunicación ágil entre departamentos.
  • Mi Rol: Desarrollador Full-Stack (Arquitectura Frontend, Integración Cloud y Enlace Técnico Interdepartamental).
  • Stack Tecnológico: Next.js, React, TypeScript, Tailwind CSS, AWS S3.

El Reto y la Situación

"La identidad visual en las comunicaciones corporativas es crítica para el grupo Oasis Hoteles & Resorts. El corporativo dependía de un proyecto legacy en React para generar las firmas de correo de sus empleados, el cual se había vuelto difícil de mantener. Cada actualización solicitada por Marketing o Recursos Humanos (cambios de logotipo, campañas temporales o reestructuras para la agencia Viajes Caribe Maya) resultaba en un proceso técnico ineficiente, creando un cuello de botella entre las áreas estratégicas y el equipo de desarrollo."

La Estrategia y Ejecución

"Para transformar este desafío operativo en una solución dinámica, ejecuté una refactorización integral combinando excelencia técnica con comunicación estratégica:

  • Alineación Interdepartamental: Actué como el principal enlace técnico con los equipos de Diseño, Marketing y Recursos Humanos. Lideré sesiones de sincronización para traducir las guías de estilo, normativas de marca y necesidades operativas en requerimientos de software claros y ejecutables.
  • Modernización del Stack: Migré la base de código obsoleta a Next.js, implementando TypeScript para garantizar la seguridad de tipos y reducir errores, y reconstruí los layouts con Tailwind CSS para agilizar la maquetación de los diseños enviados por el equipo creativo.
  • Gestión Centralizada en la Nube: Integré AWS S3 para desacoplar los assets estáticos del código fuente. Esta arquitectura en la nube permitió que las imágenes corporativas dinámicas se sirvieran de manera rápida y centralizada en todas las firmas generadas."

Los Resultados y el Impacto

"La refactorización evolucionó el proyecto de un simple repositorio de código a una plataforma operativa fluida y colaborativa:

  • Sinergia Corporativa: La comunicación constante con Marketing y Diseño eliminó la fricción en las iteraciones, creando un flujo de trabajo donde las actualizaciones de marca se desplegaban sin bloqueos técnicos.
  • Eficiencia Operativa: El nuevo sistema redujo drásticamente el tiempo de respuesta frente a las solicitudes de Recursos Humanos para nuevas firmas corporativas.
  • Consistencia Multimarca: Se garantizó una uniformidad visual impecable en las comunicaciones de miles de empleados a través de todos los hoteles de la cadena OHR y Viajes Caribe Maya, respaldada por un código escalable y fácil de mantener."