Jaguar

JAGUAR EK.

De Bartender a Frontend

Mi camino no fue convencional, pero siempre estuvo guiado por la curiosidad.

Aprendí a programar mientras trabajaba como motion graphics artist. Hoy, combino creatividad y tecnología para construir experiencias digitales accesibles, funcionales y visualmente atractivas.

De Diseñador Gráfico a Bartender

Mi primer trabajo fue como diseñador gráfico en una imprenta, donde aprendí los fundamentos del diseño visual y la importancia de la creatividad. Sin embargo, el salario era muy bajo, lo que me llevó a buscar oportunidades adicionales. Comencé como ayudante de bartender y rápidamente ascendí a bartender principal en bares y restaurantes. Esta etapa no solo me enseñó a interactuar con personas de diferentes culturas, sino también a manejar situaciones bajo presión y desarrollar habilidades de servicio al cliente. Durante varios años, perfeccioné mi capacidad para resolver problemas rápidamente y mantener la calma en entornos dinámicos. Estas experiencias tempranas me dieron una base sólida para enfrentar desafíos en etapas posteriores de mi vida.

Hotelería y Turismo

Mi camino me llevó a trabajar en hoteles de lujo, comenzando como recepcionista. Con el tiempo, escalé posiciones hasta llegar a ser subgerente de recepción en una cadena internacional de cinco estrellas. Durante estos años, desarrollé habilidades valiosas como liderazgo, gestión de equipos y atención al detalle. Manejaba desde check-ins masivos hasta la resolución de incidentes con mantenimiento y limpieza, siempre asegurándome de ofrecer un servicio impecable. Sin embargo, algo dentro de mí sabía que quería explorar nuevos horizontes y desafiar mis habilidades de una manera diferente.

Un Accidente que Cambió Todo

Un accidente menor en moto me dejó con la pierna inmovilizada durante seis meses. Aunque fue un momento difícil, decidí aprovechar ese tiempo para reinventarme. Comencé a aprender diseño 3D y motion graphics de forma autodidacta, utilizando tutoriales de YouTube y recursos gratuitos. Pronto, estaba creando videos explicativos para clientes internacionales. Este giro inesperado me llevó a trabajar como motion graphics artist en Mexico Development Center, donde desarrollé contenido multimedia para e-learning. Fue aquí donde descubrí mi pasión por combinar creatividad y tecnología.

De Motion Graphics a Frontend Developer

Mientras trabajaba en motion graphics, comencé a interesarme por el desarrollo frontend. Utilizando cursos en plataformas como Udemy y recursos en línea, aprendí a programar a los 38 años. Empecé con HTML y CSS, luego avancé a JavaScript, React.js y Next.js. Hoy, con más de 6 años de experiencia en desarrollo web, he trabajado en proyectos para marcas importantes, combinando creatividad con optimización técnica. Mi enfoque único me permite crear interfaces dinámicas, accesibles y visualmente impactantes, demostrando que nunca es tarde para cambiar de rumbo.

Perfil Técnico

Mi experiencia como motion graphics artist me dio una ventaja única: entiendo flujo, ritmo y narrativa visual, algo que pocos desarrolladores dominan de manera innata. Ahora, uso tecnologías modernas para crear interfaces dinámicas y experiencias interactivas.

1.

Frontend Development

Desde vanilla CSS y JavaScript framework-agnóstico hasta tecnologías modernas como React, Next.js, Astro Build (Astro.js), Svelte, TypeScript, SASS y Tailwind CSS. Utilizo JSDoc en archivos JavaScript para incorporar tipado estático y autocompletado, aprovechando las ventajas de TypeScript sin migrar completamente a TypeScript. Este enfoque garantiza aplicaciones web rápidas, accesibles, optimizadas y fáciles de mantener, sin comprometer la escalabilidad del proyecto.

2.

Optimización de Performance

Uso SSR, SSG, ISR, Streaming & Suspense, Arquitectura de Islas y técnicas como code splitting, lazy loading y compresión de imágenes en formatos JPG, PNG y WebP para reducir tiempos de carga. Priorizo HTML semántico para mejorar legibilidad y SEO. Verifico el rendimiento con Lighthouse, asegurando métricas clave: First Contentful Paint, Largest Contentful Paint y Cumulative Layout Shift. Este enfoque no solo mejora la experiencia del usuario, sino que también contribuye a un mejor posicionamiento en buscadores.

3.

Accesibilidad Web

Implemento estándares WCAG 2.2 AA, ARIA landmarks y navegación por teclado para garantizar experiencias digitales inclusivas. Además, diseño estructuras semánticas en HTML que no solo mejoran la usabilidad y el SEO, sino que también aseguran compatibilidad con tecnologías de asistencia. Utilizo herramientas como WAVE, Lighthouse, NVDA y JAWS para verificar y optimizar la accesibilidad de cada proyecto, garantizando que todos los usuarios, independientemente de sus necesidades, puedan interactuar sin barreras.