Desarrollo front-end

Desarrollador Front-End en Ciudad de México

Construyo la parte de un sitio web que la gente realmente usa: interfaces, landing pages y componentes en React, Next.js y Astro, escritos para ser rápidos, responsive y fáciles de actualizar por otras personas.

Qué construyo

Componentes e interfaces

Componentes de React para contenido de compliance, reglas de casino y de juego, y promo codes en 10Bet Latam, además de secciones y componentes a medida para tiendas Shopify.

Landing pages a escala

Más de 30 landing pages para México, África y Europa en HTML, CSS y JavaScript, y landing pages para clientes de ecommerce como Palmer’s.

Contenido que se actualiza una sola vez

Términos y condiciones centralizados en una API de Node.js para que un cambio se haga en un solo lugar y no en cada página, y plantillas de email en HTML para campañas semanales y para el lanzamiento del casino online de 10Bet México.

Herramientas para otros desarrolladores

En HSBC desarrollé una extensión de Chromium en JavaScript para buscar en el DOM, guardar itempaths y verificar los pasos de desarrollo y control de calidad de cada ticket. Redujo los errores un 80% en un equipo de más de 20 desarrolladores, según auditorías mensuales.

Rendimiento y SEO técnico

En Brainfood Marketing mejoré los tiempos de carga y las métricas de Core Web Vitals de sitios WordPress con caché, compresión de imágenes, lazy loading y menos plugins, e implementé Google Analytics 4, Tag Manager, Meta Pixel, Search Console, metaetiquetas Open Graph y Twitter Cards, sitemaps y datos estructurados con Schema.org/JSON-LD.

Scripts para sitios que no controlo

En Stitchers.Space desplegué scripts publicitarios en JavaScript vanilla (ES6+) en sitios de alto tráfico, como plataformas de streaming y sitios de contenido de nicho. Usé Chrome DevTools para encontrar selectores CSS/XPath estables y puntos de inyección, MutationObserver y carga asíncrona para resistir cambios del sitio y conflictos, y probé en varios navegadores y dispositivos móviles.

Dónde lo he hecho

  • 10Bet LatamMid Front-End Developer

    Componentes de React, más de 30 landing pages y las plantillas de email en HTML para un lanzamiento de casino, con contenido compartido en un servidor alojado en AWS.

  • Industria SocialLead Web Developer

    Sitios con Astro, React, Next.js, TypeScript, Tailwind y Webflow, y tiendas Shopify de alto flujo con Liquid, HTML, CSS y JavaScript, mientras lideraba un equipo de tres personas.

  • HSBCWeb Production Manager

    Participación en desarrollo, QC y despliegue de Innovation Banking para Singapur, India e Indonesia con Sitecore y HTML, y administración del trabajo en Monday.com.

  • ApplabmxShopify Developer

    Cinco tiendas Shopify con temas desde cero: filtros, búsqueda, carrito, variantes y secciones a medida, pensadas para el rendimiento y el SEO técnico.

  • Stitchers.SpaceJavaScript Developer

    Scripts publicitarios en JavaScript y TypeScript, análisis del HTML con DevTools, posiciones mediante selectores CSS y QA de la colocación de los anuncios.

  • Brainfood MarketingWordPress Developer

    Sitios WordPress personalizados con CSS y JavaScript, además del trabajo de rendimiento y la configuración de analítica y SEO técnico.

Ver experiencia

Trabajo seleccionado

2019 — 2026Ver todos los casos de estudio

  • Inicio actual de HSBC Innovation Banking Singapur con navegación regional y banner principal
    HSBC Innovation BankingSitecore · Desarrollo, QC y despliegue · 2024–2026
  • Popup de la extensión de Chromium con las pestañas Ticket QC y Doc Search
    HSBC · Extensión de ChromiumHerramienta de QC de tickets · 2025
  • Portada actual de De Leña Pizzas con navegación y fotografía de una pizza
    De Leña PizzasAstro y menú dinámico · 2021–2025
  • Computadoras y consolas retro; imagen ilustrativa del caso de Stitchers.Space
    Stitchers.SpaceJavaScript · TypeScript · 2024
  • Páginas de compliance, landing pages y plantillas de email para 10Bet Latam
    10Bet LatamCompliance y email · 2022–2023
  • Escudo del Instituto Politécnico Nacional
    COFAA · Bitácora de servicioSistema web de tickets · 2019–2022
  • Escudo del Instituto Politécnico Nacional
    COFAA · Código de ConductaSistema web de acuses · 2019–2022
  • Escudo del Instituto Politécnico Nacional
    COFAA · TransparenciaPortal web de documentos · 2019–2022
  • Migración del sitio web institucional de COFAA-IPN a MODX
    COFAA-IPNMigración a MODX · 2019–2020

Habilidades18 habilidades · 4 áreas

Stack

Haz clic o toca una habilidad para explorar los puestos relacionados y sus fechas documentadas.

Lenguajes y marcado

Frameworks y librerías

Plataformas

Herramientas

Inspector

Estimación por duración de los puestos relacionados, contando una sola vez los meses simultáneos. Las barras muestran periodos laborales, no uso continuo de una herramienta.

Consultar mi CV

Cómo trabajo

  • Entrego en sprints de Scrum, con QA y correcciones incluidos en cada entrega en lugar de añadirlos después.
  • Coordino con equipos internacionales de diseño, marketing y desarrollo, y mantengo cada cambio versionado en Git.
  • Construyo pensando en el rendimiento y el SEO técnico desde la primera plantilla.

Front-end

Preguntas sobre mi trabajo en front-end.

¿Qué tecnologías de front-end uso?

React y Next.js para aplicaciones, Astro para sitios de contenido, TypeScript, Tailwind CSS y Sass para estilos, y Liquid para tiendas Shopify. También he trabajado con Webflow, WordPress y Sitecore.

¿He trabajado en sitios grandes o de mucho tráfico?

Sí. En HSBC atendí unos 60 tickets al mes en más de 30 sitios de banca empresarial, y en Industria Social desarrollé y gestioné tiendas Shopify de alto flujo para cuentas continuas como Original Penguin.

¿Solo trabajo en el front-end?

No. También escribo código de back-end, como APIs en Node.js, PHP y bases de datos SQL, y por eso me describo también como desarrollador full stack. La página de full stack cubre ese trabajo.

¿Puedo ayudar a mejorar un sitio existente en lugar de empezar de cero?

Sí. En Industria Social mantuve cuentas continuas de clientes además de entregar proyectos nuevos, y en HSBC mi trabajo era implementar cambios en sitios que ya estaban en producción.

¿Trabajo el rendimiento y los Core Web Vitals?

Sí. He mejorado los tiempos de carga y los Core Web Vitals con caché, compresión de imágenes, lazy loading y menos plugins, y construyo las plantillas pensando en el rendimiento desde el principio.

Perfiles de desarrollo

Hablemos

Cuéntame del proyecto o del puesto.

Considero puestos de tiempo completo, proyectos freelance y contratos con agencias o equipos de desarrollo. Un resumen breve del objetivo y el alcance basta para empezar.