Saltar al contenido
Disponible para nuevas oportunidades

Oscar Arenas

Ingeniero Frontend Sénior React · Next.js · TypeScript · Sistemas de diseño

  • Ahora: Senior Technology Engineer en Publicis Global Delivery (PGD)
  • Bogotá, Colombia (UTC−5)
  • Abierto a remoto (LATAM · EE. UU. · UE)
  • Inglés: Competencia profesional en el trabajo

Más de 17 años entregando productos web para marcas globales: arquitectura frontend, sistemas de diseño y accesibilidad, con un flujo de trabajo aumentado por IA.

Años de experiencia
17+
Equipos de producto usan mis librerías de componentes
90
Ingenieros mentoreados
12

Sobre mí

Construyo frontends rápidos y accesibles, y los sistemas de diseño que los sostienen.

Ingeniero frontend sénior con más de 17 años entregando productos web para marcas globales. Me especializo en React, Next.js y TypeScript, sistemas de diseño, accesibilidad (WCAG 2.2) y Core Web Vitals, con Node.js en el backend. En Publicis Global Delivery (Publicis Sapient) lideré la arquitectura front-end de la plataforma digital de una liga deportiva norteamericana y construí librerías de componentes React adoptadas por 90 equipos de producto. Soy mentor de ingenieros en TypeScript, accesibilidad y rendimiento, y uso IA para programar, revisar y entregar más rápido sin comprometer la arquitectura.

Para reclutadores

Qué busco

Respuestas a las preguntas que suelen hacer los reclutadores en una primera llamada. Para cualquier otra cosa, pregúntame.

Roles que busco
Senior / Staff Frontend EngineerTech LeadIngeniero de producto aumentado con IA
Tipo de contrato
Tiempo completo · Por contrato
Modalidad
Preferentemente remoto; compatible con los husos horarios de LATAM, EE. UU. y la UE. Posibilidad de modalidad híbrida en Bogotá.
Horario habitual
De lunes a viernes, de 09:00 a 17:00, hora de Bogotá (UTC−5)

Preguntas frecuentes de reclutadores

¿Podemos contratarte como empleado o solo como contratista?

Radicado en Colombia. Disponible como empleado remoto (EOR) o contratista independiente en cualquier país; reubicación a conversar.

¿Cuándo podrías empezar?

Fecha de inicio a convenir; normalmente 2–4 semanas.

¿Qué nivel de inglés tienes?

Español: Nativo · Inglés: Competencia profesional en el trabajo

¿Cuáles son tus expectativas salariales?

Abierto a conversar; depende del rol, el alcance y el mercado.

¿Cuándo podemos hablar?

Normalmente de lunes a viernes, de 09:00 a 17:00, hora de Bogotá (UTC−5). Agenda una llamada o escríbeme un email.

Experiencia

Experiencia

  1. actualidad

    Publicis Global Delivery (PGD) (se abre en una pestaña nueva)

    Bogotá, Colombia · Híbrido

    Senior Technology Engineer

    Función: Frontend · Experience Technology

    Alcance: Líder de arquitectura front-end · mentor de 12 ingenieros · librerías de componentes usadas por 90 equipos de producto

    • Entregué productos digitales centrados en la experiencia para clientes Fortune 500 de retail, finanzas y telecomunicaciones, dentro de la red global de Publicis Sapient.
    • Lideré la arquitectura front-end de la plataforma digital de una liga deportiva norteamericana (dashboards y comercio electrónico), construida con Next.js (App Router), TypeScript y un CMS headless.
    • Colaboré con los equipos de diseño y producto para convertir sistemas de Figma en librerías de componentes React listas para producción, adoptadas por 90 equipos de producto.
    • Fui mentor de 12 ingenieros de nivel medio en patrones de TypeScript, accesibilidad y optimización de Core Web Vitals.
    • Next.js
    • TypeScript
    • Node.js
    • React
    • Tailwind CSS
    • GraphQL
    • Vercel
    • Jira
  2. DevSavant

    Bogotá, Colombia · Remoto

    Senior Frontend Developer

    Alcance: Contribuidor individual sénior · responsable de cada funcionalidad de principio a fin · equipo distribuido entre LATAM y EE. UU.

    • Contribuidor individual sénior en un equipo pequeño y distribuido que entregaba aplicaciones Next.js + Node.js para clientes de EE. UU.
    • Diseñé y entregué un dashboard SaaS, una tienda de comercio electrónico y herramientas internas con Next.js, TypeScript y Supabase, que reemplazaron un sistema legado.
    • Fui responsable del ciclo de vida completo de cada funcionalidad, desde el alcance técnico hasta el despliegue en producción, trabajando de forma asíncrona entre los husos horarios de LATAM y EE. UU.
    • Next.js
    • React
    • Node.js
    • TypeScript
    • Supabase
    • PostgreSQL
  3. Endava (se abre en una pestaña nueva)

    Bogotá, Colombia · Híbrido

    Senior Software Engineer

    Función: Arquitectura frontend

    Alcance: Liderazgo técnico en arquitecturas frontend modulares · clientes globales de finanzas y retail

    • Aporté liderazgo técnico en arquitecturas frontend modulares para clientes globales de finanzas y retail.
    • Refiné patrones de manejo de estado y pipelines de CI/CD, lo que acortó los ciclos de retroalimentación y aumentó la confianza en cada lanzamiento.
    • Colaboré con arquitectos y product owners para traducir reglas de negocio en componentes React y TypeScript mantenibles.
    • React
    • TypeScript
    • Redux
    • Node.js
    • Jest
    • Webpack
  4. Globant (se abre en una pestaña nueva)

    Área metropolitana de Bogotá · Híbrido

    Senior Frontend Developer

    Alcance: Contribuidor individual sénior · impulsó TypeScript, el sistema de diseño y la accesibilidad en 3 equipos

    • Contribuidor individual sénior en una de las mayores compañías de productos digitales de LATAM (NYSE: GLOB), integrado en equipos de clientes de medios, finanzas, telecomunicaciones y streaming.
    • Construí métodos de pago y apps de streaming con React, Redux y Node.js.
    • Impulsé la migración a TypeScript, la adopción de un sistema de diseño y auditorías de accesibilidad en 3 equipos.
    • React
    • JavaScript
    • Node.js
    • Redux
    • CSS-in-JS
Ver 3 roles anteriores
  1. Telintel

    Bogotá, Colombia

    Programador sénior frontend

    • Construí y mantuve herramientas internas y aplicaciones para clientes de una empresa colombiana de software para telecomunicaciones, con JavaScript, Angular, React y Polymer.
    • Modernicé bases de código JavaScript heredadas con patrones modulares y componentes de interfaz reutilizables.
    • JavaScript
    • Angular
    • React
    • Polymer
    • HTML5
    • CSS3
  2. 1A Hosting

    Remoto

    Diseñador y programador web

    Alcance: Práctica independiente · 67 sitios entregados de principio a fin

    • Llevé una práctica independiente de diseño y desarrollo web en paralelo a empleos de tiempo completo y entregué 67 sitios para pymes en Colombia.
    • Me encargué de la entrega de principio a fin: diseño, implementación frontend y DevOps/mantenimiento de servidores.
    • HTML5
    • CSS3
    • JavaScript
    • PHP
    • MySQL
    • Linux
  3. HostDime Global (se abre en una pestaña nueva)

    Remoto

    Diseñador web

    • Diseñador web al inicio de mi carrera en una empresa de hosting con sede en EE. UU., donde construí una base en HTML/CSS, herramientas de diseño y fundamentos web.
    • Me encargué del mantenimiento y la seguridad de servidores en paralelo al trabajo de diseño.
    • HTML5
    • CSS3
    • JavaScript
    • jQuery

Tu vacante

Comprueba si Oscar encaja con tu vacante

Pega una vacante para ver qué requisitos tienen evidencia en el CV, pregunta por la experiencia, genera un CV enfocado en tu rol o pide una llamada. Todo funciona en tu navegador con los datos publicados del CV.

Lo que pegas o escribes aquí se queda en tu navegador; no se sube a ningún servidor. La analítica de uso nunca incluye tu texto, y las cookies de analítica solo se instalan si las aceptas. Privacidad

19 herramientas para agentes · WebMCP

Coincidencia inteligente (opcional) · Apagada · coincidencia por palabras clave

Compara significados en lugar de palabras clave, así que entiende paráfrasis y vacantes en español, portugués o francés.

Descarga 138 MB una sola vez: el modelo (135 MB) desde Hugging Face y el motor de ejecución (3 MB) desde jsDelivr. Queda guardado en este navegador y funciona en tu dispositivo.

Compara una vacante con el CV

Pega la descripción de la vacante, en cualquier idioma. Verás cuántos requisitos tienen evidencia en el CV, la experiencia que los respalda y lo que no está cubierto.

CV enfocado en tu rol

Reordena la experiencia y las certificaciones según un enfoque. Cópialo en Markdown o abre la versión imprimible en PDF.

Pregunta sobre la experiencia

Cada respuesta cita los fragmentos del CV en los que se basa. No se inventa nada: si no hay evidencia, lo dice.

Agenda una llamada

Disponibilidad habitual: lun–vie, 9:00–17:00 Bogotá (UTC-5). Elige una preferencia y confírmala por email o en la página de agenda. No se reserva nada hasta que la envíes.

Trabajo seleccionado

Arquitectura, decisiones clave y resultados, a partir de la experiencia descrita arriba.

  • Este sitio: un CV listo para agentes

    Personal · 2025 – actualidad · Diseño, ingeniería y contenido

    Sitio estático bilingüe (Astro + Tailwind CSS) que publica los datos del CV como HTML, JSON-LD y resume.json, con búsqueda semántica en el dispositivo, tools WebMCP para agentes de IA y CV en PDF/DOCX generados en el build.

    • Astro
    • TypeScript
    • Tailwind CSS
    • Transformers.js
    • WebMCP
    • JSON-LD
    • Puppeteer
    • Playwright
    • Vitest
    • GitHub Actions
    • Lighthouse CI
    • Firebase Hosting
    Problema, arquitectura y decisiones

    Problema

    Los reclutadores y sus agentes de IA necesitan datos del CV que puedan leer, verificar y consultar, no solo un PDF.

    Enfoque

    Un único módulo de datos tipado alimenta todas las superficies (página, JSON-LD, resume.json, archivos del CV y tools para agentes); la búsqueda y las tools corren en el navegador contra los datos publicados.

    Resultado

    19 tools para agentes y CV en 2 idiomas en PDF (3 versiones por enfoque), Word y Markdown, generados con los mismos datos en cada versión.

    Arquitectura

    • Sitio estático en Astro, en inglés y español; un único módulo de datos tipado (resume.ts) alimenta el HTML, el JSON-LD, resume.json, los generadores de PDF/DOCX y las tools para agentes.
    • Búsqueda semántica en el dispositivo: los embeddings de los pasajes (multilingual-e5-small) se calculan en el build y en el navegador solo se procesa la consulta del visitante, con Transformers.js sobre WebAssembly.
    • 19 tools WebMCP: 12 tools imperativas registradas con document.modelContext (navigator.modelContext en versiones anteriores de los navegadores; también disponibles como window.oscarResume) y 7 tools declarativas <form toolname> que además funcionan como formularios HTML normales.
    • Generación del CV: Puppeteer imprime la ruta /print/ a PDF (una versión general y dos por enfoque) y html-to-docx genera el archivo Word, en ambos idiomas, en cada versión; todos ellos, y el CV en Markdown, salen de un único modelo del CV (scripts/lib/cv-model.ts).
    • Controles de calidad: pruebas unitarias con Vitest, pruebas end-to-end y de accesibilidad (axe) con Playwright, presupuestos de Lighthouse CI y una verificación de regresiones del CV, en GitHub Actions.

    Decisiones clave

    • Estático primero: todas las capacidades para agentes corren en el navegador contra resume.json, así que el sitio no necesita un servidor para funcionar.
    • Los vectores de los pasajes se calculan en el build y el modelo de ~135 MB solo se descarga cuando el visitante activa la búsqueda semántica, así nunca bloquea el renderizado ni consume datos por defecto.
    • El JSON-LD se genera con los mismos datos que la página, así buscadores y agentes ven los mismos datos que las personas.
    • Un esquema Zod valida los datos del CV antes de cada build, así las fechas rotas o las traducciones faltantes detienen el build en lugar de publicarse.
    • Construido con programación y revisión asistidas por IA (Claude Code), con TypeScript estricto y esa validación del contenido antes de cada build.

    Resultados

    • 19 tools para agentes
    • 2 idiomas, 10 archivos de CV por versión (6 PDF, 2 Word, 2 Markdown)
    resume-oscarenas.web.app/
    Leer el caso de estudio (Este sitio: un CV listo para agentes)
  • Plataforma digital para una liga deportiva norteamericana

    Publicis Global Delivery (PGD) · Publicis Sapient · nov 2023 – actualidad · Líder de arquitectura front-end

    Dashboards y comercio electrónico para una liga deportiva de primer nivel, con Next.js App Router, TypeScript y un CMS headless, entregados a través de la red global de Publicis Sapient para un cliente Fortune 500.

    • Next.js (App Router)
    • TypeScript
    • React
    • Headless CMS
    • GraphQL
    • Tailwind CSS
    • Vercel
    Problema, arquitectura y decisiones

    Problema

    Una sola plataforma debía servir dos superficies muy distintas, dashboards con mucho contenido y una tienda en línea, alimentadas por un CMS headless.

    Enfoque

    Lideré la arquitectura front-end: Next.js App Router con componentes de servidor para el contenido, islas de cliente para los dashboards interactivos, una capa GraphQL tipada sobre el CMS y un paquete de sistema de diseño compartido.

    Arquitectura

    • Next.js App Router con React Server Components para las páginas de contenido e islas de cliente para los dashboards interactivos.
    • CMS headless como fuente de contenido, consumido a través de una capa GraphQL tipada.
    • Paquete de sistema de diseño compartido por los dashboards y la tienda.

    Decisiones clave

    • App Router en lugar de Pages Router para transmitir en streaming el contenido renderizado en el servidor y mantener pequeño el bundle en las rutas de comercio electrónico.
    • Tipado del esquema del CMS de extremo a extremo para que los cambios en el modelo de contenido aparezcan en el build y no en producción.

    Resultados

    • Cliente Fortune 500
    • Varias superficies: dashboards y comercio electrónico
    Leer el caso de estudio (Plataforma digital para una liga deportiva norteamericana)
  • Librerías de componentes React adoptadas por 90 equipos de producto

    Publicis Global Delivery (PGD) · Publicis Sapient · nov 2023 – actualidad · Ingeniero de sistema de diseño y mentor

    Convertí sistemas de diseño de Figma en librerías de componentes React listas para producción, adoptadas por 90 equipos de producto, mientras era mentor de 12 ingenieros de nivel medio en TypeScript, accesibilidad y Core Web Vitals.

    • React
    • TypeScript
    • Figma
    • Design tokens
    • Storybook
    • Tailwind CSS
    Problema, arquitectura y decisiones

    Problema

    Los sistemas de diseño de Figma debían convertirse en componentes React listos para producción que muchos equipos de producto pudieran adoptar.

    Enfoque

    Trabajo conjunto con diseño y producto: design tokens como única fuente de verdad, primitivas accesibles primero y criterios de aceptación de accesibilidad y rendimiento para cada componente.

    Resultado

    Adoptadas por 90 equipos de producto; 12 ingenieros de nivel medio acompañados como mentor en el proceso.

    Arquitectura

    • Design tokens como única fuente de verdad, exportados desde Figma y consumidos por CSS y TypeScript.
    • Primitivas accesibles primero (WCAG 2.2), que cada equipo compone en componentes propios de su producto.

    Decisiones clave

    • Librería headless donde fue posible para que los equipos pudieran adaptar el tema sin hacer un fork.
    • Cada componente con criterios de aceptación de accesibilidad y rendimiento antes de publicarse.

    Resultados

    • 90 equipos de producto la adoptaron
    • 12 ingenieros acompañados como mentor
    Leer el caso de estudio (Librerías de componentes React adoptadas por 90 equipos de producto)
  • Dashboard SaaS, tienda en línea y herramientas internas con Next.js + Supabase

    DevSavant · ago 2021 – ago 2023 · Contribuidor individual sénior, responsable de cada funcionalidad

    Diseñé y entregué un dashboard SaaS, una tienda de comercio electrónico y herramientas internas para clientes de EE. UU. con Next.js, TypeScript y Supabase, que reemplazaron un sistema legado, trabajando de forma asíncrona entre LATAM y EE. UU.

    • Next.js
    • React
    • TypeScript
    • Node.js
    • Supabase
    • PostgreSQL
    Problema, arquitectura y decisiones

    Problema

    Un sistema legado debía reemplazarse para clientes de EE. UU. con un equipo pequeño y distribuido.

    Enfoque

    Reemplazo incremental, funcionalidad por funcionalidad, con Next.js y Supabase como backend, siendo responsable de cada funcionalidad desde el alcance técnico hasta el despliegue en producción.

    Resultado

    Sistema legado reemplazado por tres productos: un dashboard SaaS, una tienda en línea y herramientas internas.

    Arquitectura

    • Front end en Next.js con Supabase (Postgres, autenticación, seguridad a nivel de fila) como backend.
    • Reemplazo incremental del sistema legado, funcionalidad por funcionalidad, detrás de las mismas URL.

    Decisiones clave

    • Supabase en lugar de una API a medida para que un equipo pequeño entregara autenticación, almacenamiento y acceso a datos sin operar servidores.
    • Responsabilidad desde el alcance hasta el despliegue para eliminar traspasos en un equipo distribuido.

    Resultados

    • Sistema legado reemplazado
    • 3 productos: dashboard, tienda en línea y herramientas internas
    Leer el caso de estudio (Dashboard SaaS, tienda en línea y herramientas internas con Next.js + Supabase)
  • Métodos de pago y apps de streaming, migración a TypeScript

    Globant · abr 2018 – jul 2020 · Senior Frontend Developer

    Construí métodos de pago y aplicaciones de streaming con React, Redux y Node.js para clientes de medios, finanzas, telecomunicaciones y streaming, e impulsé la migración a TypeScript, la adopción de un sistema de diseño y auditorías de accesibilidad en 3 equipos.

    • React
    • Redux
    • Node.js
    • TypeScript
    • CSS-in-JS
    Problema, arquitectura y decisiones

    Problema

    Apps de pago y de streaming para varios clientes, con 3 equipos que necesitaban una base común: tipos, un sistema de diseño y accesibilidad.

    Enfoque

    Migración incremental a TypeScript empezando por el dominio de pagos, adopción de un sistema de diseño y auditorías de accesibilidad en los 3 equipos.

    Resultado

    TypeScript, un sistema de diseño compartido y auditorías de accesibilidad adoptados en 3 equipos.

    Arquitectura

    • Redux para un estado de pagos predecible; capa BFF en Node.js delante de las API del cliente.

    Decisiones clave

    • Migración incremental a TypeScript, empezando por el dominio de pagos, donde los errores de tipo cuestan más.

    Resultados

    • 3 equipos adoptaron TypeScript, el sistema de diseño y las auditorías de accesibilidad
    Leer el caso de estudio (Métodos de pago y apps de streaming, migración a TypeScript)
  • 67 sitios web para pymes colombianas

    1A Hosting · ene 2009 – abr 2018 · Diseño, desarrollo y operaciones

    Práctica independiente de diseño y desarrollo web en paralelo a empleos de tiempo completo: 67 sitios entregados de principio a fin, con diseño, implementación front-end y DevOps/mantenimiento de servidores.

    • HTML5
    • CSS3
    • JavaScript
    • PHP
    • MySQL
    • Linux
    Problema, arquitectura y decisiones

    Problema

    Pymes colombianas necesitaban sitios web diseñados, construidos y mantenidos en funcionamiento por una sola persona.

    Enfoque

    Plantillas reutilizables y una rutina de despliegue común sobre servidores Linux autogestionados (LAMP).

    Resultado

    67 sitios entregados.

    Arquitectura

    • Stack LAMP en servidores Linux autogestionados.

    Decisiones clave

    • Plantillas reutilizables y una rutina de despliegue común para que 67 sitios fueran mantenibles por una sola persona.

    Resultados

    • 67 sitios entregados
    Leer el caso de estudio (67 sitios web para pymes colombianas)

Para desarrolladores y agentes de IA

Listo para agentes: 19 herramientas para agentes de IA

Un agente de IA que funcione en un navegador con WebMCP puede usar estas mismas herramientas en nombre de quien visita la página. Los agentes sin WebMCP pueden leer resume.json y llms.txt.

Cómo probarlo en Chrome o Edge 150+
  1. Abre esta dirección en una pestaña nueva chrome://flags/#enable-webmcp-testing
  2. Pon «WebMCP for testing» en Enabled
  3. Reinicia el navegador y vuelve aquí

Las llamadas a herramientas se ejecutan dentro de esta página; un agente solo recibe lo que devuelve cada herramienta.

Legible por máquinas: resume.json · llms.txt · agent.json · ¿Qué es WebMCP?

Vista de agente Todas las herramientas que un agente de IA puede usar en esta página, vía WebMCP o window.oscarResume. Prueba una. 19

Habilidades

Habilidades y herramientas

Lo que uso a diario, con lo que puedo entregar y lo que he tocado por el camino. Los años se derivan de la línea de tiempo de experiencia.

10 grupos · 71 habilidades

Stack principal

  • React 10+ años

    Arquitectura de componentes, hooks, RSC

  • Next.js 5+ años

    App Router, SSR/ISR, edge

  • TypeScript 8+ años

    Estricto, tipos de extremo a extremo

  • Node.js 8+ años

    APIs, BFF, herramientas

  • Sistemas de diseño 5+ años

    Tokens › librerías › adopción

  • Accesibilidad 5+ años

    Auditorías y remediación WCAG 2.2

  • Rendimiento web

    Core Web Vitals, presupuestos

  • Desarrollo aumentado con IA

    Código y revisión asistidos por IA, embeddings en el dispositivo, WebMCP

Profundidad Principal Herramienta diaria. Lidero equipos con ella. Sólido Llevado a producción; cómodo de principio a fin. Familiarizado Usado en proyectos o cursos; no es de uso diario.

Las habilidades subrayadas filtran la línea de tiempo de experiencia por los roles en los que las usé.

Frontend 6
Estado y datos 7
Backend y bases de datos 8
Pruebas y calidad 5
  • Jest (Sólido)
  • React Testing Library (Sólido)
  • Cypress (Sólido)
  • ESLint / Prettier (Sólido)
  • Playwright (Familiarizado)
Plataforma y DevOps 9
Prácticas de ingeniería 9
IA y desarrollo aumentado 9
  • Prompt engineering (Principal)
  • AI-assisted coding (Principal)
  • Transformers.js · on-device inference (Sólido)
  • Embeddings & semantic search (Sólido)
  • WebMCP · agent-ready web (Sólido)
  • OpenAI & Anthropic APIs (Sólido)
  • Structured outputs (Sólido)
  • LLM product flows (Sólido)
  • Midjourney · DALL·E (Familiarizado)
Diseño y herramientas 6
Etapas anteriores y afines 5

Certificaciones

Certificaciones

Aprendizaje continuo y verificable. Cada certificado de Udemy enlaza a su página pública de verificación en Udemy.

Certificados
13
Horas de formación desde 2025
251+
IA e ingeniería de prompts
4

IA e ingeniería de prompts

3

Backend

1

Diseño y UX

1

Seguridad

2
  • Learning the OWASP Top 10 Destacado

    LinkedIn Learning

    2018

    Sin enlace público de verificación

  • Developing Secure Software Destacado

    LinkedIn Learning

    2018

    Sin enlace público de verificación

Cursos de base y complementarios (6)

Cursos introductorios o complementarios, incluidos para que la lista esté completa.

Formación

Formación

Formación

Ingeniería de Sistemas

Universidad del Tolima · Ibagué, Colombia

2001 – 2007

Idiomas
Español · Nativo Inglés · Competencia profesional en el trabajo
Fuera del teclado
CiclismoMúsicaViajesVideojuegosPizza y cerveza artesanal

Contacto

¿Tienes un rol en mente?

Estoy abierto a roles de frontend sénior, staff y líder técnico, a tiempo completo o por contrato. Preferentemente en remoto, con horarios compatibles con LATAM, EE. UU. y la UE.

Respondo en menos de un día. Preferentemente en remoto, con horarios de LATAM, EE. UU. y la UE.

Descarga el CV

Envíame un mensaje

Tu mensaje llega directo a mi bandeja de entrada. Respondo en menos de un día.