Alonso Caballero — Frontend Developer

Senior Front-End Developer · E-commerce, UX/UI y Web Performance

CDMX, Iztacalco

Sobre mí

Senior Front-End Developer con más de 10 años construyendo e-commerce, productos digitales y sitios de marketing. Conecto objetivos de negocio, diseño UX/UI y código para crear experiencias rápidas, accesibles y medibles. Trabajo con React y arquitecturas headless, así como con Webflow, WordPress y Shopify, para llevar productos a producción y mejorar su rendimiento, SEO técnico y conversión mediante analítica y experimentación.

Senior Front-End Developer with 10+ years building e-commerce platforms, digital products, and marketing websites. I connect business goals, UX/UI design, and engineering to create fast, accessible, measurable experiences. My work spans React and headless architectures alongside Webflow, WordPress, and Shopify, with a focus on shipping well and improving performance, technical SEO, and conversion through analytics and experimentation.

Experiencia laboral

Viajes el Corte Inglés México
Senior Front-End Developer

2024 - Actual
Híbrido - Tiempo completo
Desarrollo funcionalidades y componentes reutilizables para una plataforma de viajes de alto tráfico. Trabajo con React, JavaScript y Styled Components, incorporando accesibilidad WCAG, rendimiento y mantenibilidad desde la implementación. Colaboro diariamente con equipos de UX y desarrollo en España, Alemania, Colombia y Chile para convertir diseños de Figma en experiencias de producción.
- Desarrollo de componentes reutilizables y nuevas funcionalidades con React y Styled Components.
- Participación en code reviews y trabajo multidisciplinario con equipos internacionales de UX y desarrollo.
- Mejora continua de la experiencia de usuario con foco en accesibilidad, performance y pruebas.
GAIA Design
Front-End Developer · E-commerce & UX

2019 - 2024
Remoto - Tiempo completo
Acompañé la evolución del e-commerce desde Magento 1 y Magento 2 hacia una arquitectura headless con React, Next.js, Tailwind, Vercel y DatoCMS. Desarrollé y optimicé landing pages y puntos críticos del funnel —home, PLP, PDP, carrito y checkout— conectando UX, performance y objetivos de conversión.
- Participación en la transición de Magento a una arquitectura headless con React, Next.js, Vercel y Tailwind CSS.
- Optimización de páginas clave del funnel con foco en WPO, Core Web Vitals y reducción de fricción.
- Implementación de pruebas A/B con VWO para respaldar decisiones de CRO con datos.
Sales Ready Marketing / Inbox Marketing
Website Content Manager & Webflow Developer

2020 - 2022
Remoto - Contract
Diseñé y desarrollé sitios web y landing pages en Webflow, desde la interpretación de diseños en Figma y Adobe XD hasta la publicación. Implementé CMS, interacciones, formularios, automatizaciones con Zapier y medición con GA4 y píxeles de Meta, cuidando experiencia responsive, performance y conversión.
- Entrega end-to-end de sitios y landing pages en Webflow a partir de Figma y Adobe XD.
- Integración de analítica, píxeles de Meta y automatizaciones con Zapier.
- Implementación de experiencias responsive, interacciones y optimizaciones enfocadas en conversión.
Interjet
Desarrollador Web Frontend · UX

2016 - 2019
Tiempo completo
Formé parte del equipo de UX desarrollando interfaces responsivas, landing pages y micrositios para la plataforma de la aerolínea. Contribuí a campañas de e-mail marketing con Oracle Responsys y a mejoras continuas en componentes globales y secciones de alto uso, incluido el micrositio de venta de boletos para Disneyland y páginas para el mercado canadiense.
- Desarrollo del micrositio de venta de boletos para Disneyland y landing pages para mercado canadiense.
- Campañas de e-mail marketing con Oracle Responsys orientadas a conversión en distintos mercados.
- Mejoras continuas de componentes clave del sitio incrementando consistencia visual y usabilidad.
Liverpool
Desarrollador Web Frontend · E-Commerce

2013 - 2016
Tiempo completo
Formé parte del equipo Front-End de liverpool.com.mx, creando micrositios, landing pages y experiencias de e-commerce orientadas a conversión. Participé en la migración a Oracle ATG Web Commerce (BCC), desarrollé prototipos HTML para el nuevo checkout y colaboré con equipos internacionales en lanzamientos para Williams-Sonoma, Pottery Barn y West Elm.
- Migración a Oracle ATG Web Commerce y desarrollo de prototipos HTML para el nuevo checkout.
- Lanzamiento de multisitios internacionales: Williams-Sonoma, Pottery Barn y West Elm.
- Desarrollo de landing pages para campañas comerciales y optimización de componentes del sitio.
CTIN (Centro de Tecnología e Innovación Telmex)
Desarrollador Web Frontend

2011 - 2013
Becario
Desarrollé sitios web interactivos con HTML5, CSS3, JavaScript y jQuery. También impartí talleres técnicos en Aldea Digital TELMEX, compartiendo fundamentos de desarrollo web y habilidades digitales.
- Desarrollo de sitios web interactivos con HTML5, CSS3, JavaScript y jQuery.
- Impartición de talleres de capacitación técnica en Aldea Digital TELMEX.
Freelance
Front-End & CMS Developer · Webflow, WordPress y Shopify

2007 - Actual
Freelance
Desarrollo y optimizo sitios corporativos, landing pages y tiendas en Webflow, WordPress y Shopify. Gestiono proyectos desde la implementación hasta la publicación, combinando HTML, CSS y JavaScript con React, Vue o Astro cuando el proyecto lo requiere. Aplico performance web, SEO técnico, accesibilidad y buenas prácticas de UX para entregar experiencias listas para crecer.
- Desarrollo end-to-end de sitios y e-commerce en Webflow, WordPress y Shopify para distintos sectores.
- Personalización de themes, templates, CSS, JavaScript y Liquid según las necesidades de cada proyecto.
- Aplicación de performance web, SEO técnico y UX para mejorar visibilidad, velocidad y experiencia.

Viajes el Corte Inglés México
Senior Front-End Developer

2024 - Present
Hybrid - Full-time
I build features and reusable components for a high-traffic travel platform. Working with React, JavaScript, and Styled Components, I bring WCAG accessibility, performance, and maintainability into the implementation. I collaborate daily with UX and engineering teams across Spain, Germany, Colombia, and Chile to turn Figma designs into production-ready experiences.
- Built reusable components and new features with React and Styled Components.
- Contributed to code reviews and cross-functional work with international UX and engineering teams.
- Continuously improved the user experience with a focus on accessibility, performance, and testing.
GAIA Design
Front-End Developer · E-commerce & UX

2019 - 2024
Remote - Full-time
I supported the e-commerce evolution from Magento 1 and Magento 2 to a headless architecture using React, Next.js, Tailwind, Vercel, and DatoCMS. I developed and optimized landing pages and critical funnel touchpoints—home, PLP, PDP, cart, and checkout—bringing together UX, performance, and conversion goals.
- Contributed to the move from Magento to a headless architecture with React, Next.js, Vercel, and Tailwind CSS.
- Optimized key funnel pages with a focus on web performance, Core Web Vitals, and reducing friction.
- Implemented VWO A/B tests to support data-informed CRO decisions.
Sales Ready Marketing / Inbox Marketing
Website Content Manager & Webflow Developer

2020 - 2022
Remote - Contract
I designed and developed Webflow websites and landing pages, from interpreting Figma and Adobe XD designs through launch. My work included CMS setups, interactions, forms, Zapier automations, and measurement with GA4 and Meta Pixel, with attention to responsive UX, performance, and conversion.
- Delivered Webflow websites and landing pages end to end from Figma and Adobe XD.
- Integrated analytics, Meta Pixel, and Zapier automations.
- Implemented responsive experiences, interactions, and conversion-focused optimizations.
Interjet
Frontend Web Developer · UX

2016 - 2019
Full-time
As part of the UX team, I built responsive interfaces, landing pages, and microsites for the airline’s digital platform. I contributed to Oracle Responsys email marketing campaigns and ongoing improvements to global components and high-traffic sections, including a Disneyland ticketing microsite and pages for the Canadian market.
- Developed the Disneyland ticket sales microsite and landing pages for the Canadian market.
- E-mail marketing campaigns with Oracle Responsys focused on conversion across different markets.
- Continuous improvements to key site components increasing visual consistency and usability.
Liverpool
Frontend Web Developer · E-Commerce

2013 - 2016
Full-time
As part of the Front-End team at liverpool.com.mx, I created microsites, landing pages, and conversion-focused e-commerce experiences. I contributed to the Oracle ATG Web Commerce (BCC) migration, developed HTML prototypes for a new checkout, and partnered with international teams on launches for Williams-Sonoma, Pottery Barn, and West Elm.
- Migration to Oracle ATG Web Commerce and development of HTML prototypes for the new checkout.
- Launch of international multisites: Williams-Sonoma, Pottery Barn and West Elm.
- Development of landing pages for commercial campaigns and optimization of key site components.
CTIN (Telmex Technology & Innovation Center)
Frontend Web Developer

2011 - 2013
Intern
I developed interactive websites with HTML5, CSS3, JavaScript, and jQuery. I also delivered technical workshops at Aldea Digital TELMEX, teaching web-development fundamentals and digital skills.
- Development of interactive websites with HTML5, CSS3, JavaScript and jQuery.
- Delivered technical training workshops at Aldea Digital TELMEX.
Freelance
Front-End & CMS Developer · Webflow, WordPress & Shopify

2007 - Present
Freelance
I develop and optimize corporate websites, landing pages, and stores in Webflow, WordPress, and Shopify. I take projects from implementation through launch, combining HTML, CSS, and JavaScript with React, Vue, or Astro when appropriate. I apply web performance, technical SEO, accessibility, and UX practices to deliver experiences ready to scale.
- Delivered websites and e-commerce experiences end to end in Webflow, WordPress, and Shopify across industries.
- Customized themes, templates, CSS, JavaScript, and Liquid around project needs.
- Applied web performance, technical SEO, and UX practices to improve visibility, speed, and experience.

Educación

Instituto Politécnico Nacional - UPIICSA

Licenciatura en Ciencias de la Informática

2007 - 2012

Certificados y Cursos

E-Commerce
2022

PROTECO - UNAM
E-Commerce
2020

Google
Desarrollo Web
2018

Google

UX Diseño de productos y servicios
2021

UNAM DGTIC - 7697
Commerce Management Certification - Level 1
2024

EICOM Institute 8411940
Diseño de Experiencia de Usuario
2024

Google

Proyectos y portafolio

KONKO.ai •

Plataforma médica impulsado por IA para clínicas de salud en América Latina.

HTML5CSS3TailwindCSSNextJSTypeScriptBoltClaude
Acervo Animación - AAM •

Sitio para el Acervo de Animación Mexicana, desarrollado con Astro y Tailwind CSS.

HTML5CSS3AstroTailwindCSSJavaScriptBolt
Gissela Sauñe - Sitio web personal •

Portafolio web para la artista visual Gissela Sauñe.

HTML5Lanzamiento de multisitios internacionales: Williams-Sonoma, Pottery Barn y West Elm.JavaScript
ZentoMX •

Tienda Shopify de mobiliario con personalización de theme y experiencia de compra.

LiquidJavaScriptLESS
Calladitos •

Tienda de arte en Shopify con ajustes de storefront y estilos personalizados.

LiquidCSS3
FONIMA

Sitio promocional para el festival FONIMA.

HTML5CSS3JavaScriptBootstrap
WNDH •

Sitio web para el proyecto artístico WNDH.

HTML5CSS3JavaScript
ROGOFESA •

Sitio corporativo para servicios legales y consultoría ambiental.

HTML5CSS3JavaScriptBootstrap
Casiopea •

Sitio web para una productora de animación y diseño.

HTML5CSS3JavaScript
Calculadora BMI

Calculadora de IMC personalizada e integrada en un sitio WordPress de nutrición.

HTML5CSS3JavaScript
Airbnb GOYO

Landing page para promoción de una propiedad de renta vacacional.

HTML5CSS3VueJSJavaScript
Challenge GBM

Prueba técnica de front-end para el diseño y desarrollo de landing pages de GBM.

HTML5CSS3JavaScriptBootstrapjQuery
Additional HR •

Sitio web para una consultora de recursos humanos en Estados Unidos.

HTML5CSS3
IMPSA •

Sitio corporativo desarrollado en Webflow.

Webflow
Bennets •

Sitio web de servicios de limpieza desarrollado en Webflow.

Webflow
Graff •

Sitio de marca desarrollado en Webflow.

Webflow
SRM •

Sitio para agencia de marketing desarrollado en Webflow.

Webflow
Compucentro •

Sitio para retail de tecnología desarrollado en Webflow.

Webflow
Musgo de roble •

E-commerce de productos de cuidado personal

WordPressWooCommercePHPElementor
Draco Studios •

Sitio web para estudio de animación de videojuegos

WordPressElementor
Inocquality •

Sitio web capacitacion y asesoria en inocuidad alimentaria

WordPressWPBakery
SITE Inmobiliaria •

Sitio web inmobiliaria con catálogo de propiedades

WordPressPHPElementor

KONKO.ai •

AI-powered assistant platform for healthcare clinics across Latin America.

HTML5CSS3TailwindCSSNextJSTypeScriptBoltClaude
Acervo Animación - AAM •

Website for the Mexican Animation Archive, built with Astro and Tailwind CSS.

HTML5CSS3AstroTailwindCSSJavaScriptBolt
Casiopea •

Website for an animation and design production studio

HTML5CSS3JavaScript
Gissela Sauñe - Personal portfolio website •

Portfolio website for visual artist Gissela Sauñe.

HTML5CSS3JavaScript
ZentoMX •

Shopify furniture store with theme customization and a tailored shopping experience.

LiquidJavaScriptCSS3
Calladitos •

Shopify art store with storefront and custom styling updates.

LiquidCSS3
FONIMA

Promotional website for the FONIMA cultural festival.

HTML5CSS3JavaScriptBootstrap
WNDH •

Website for the WNDH artistic project.

HTML5CSS3JavaScript
ROGOFESA •

Corporate website for legal services and environmental consulting.

HTML5CSS3JavaScriptBootstrap 4
BMI Calculator

Custom BMI calculator integrated into a nutritionist’s WordPress website.

HTML5CSS3JavaScript
Airbnb GOYO

Landing page promoting a vacation-rental property.

HTML5CSS3VueJSJavaScript
Challenge GBM

Front-end technical challenge for GBM landing page design and development.

HTML5CSS3JavaScriptBootstrapjQuery
Additional HR •

Website for a US-based human resources consulting firm.

HTML5CSS3
IMPSA •

Corporate website built with Webflow

Webflow
Bennets •

Cleaning services website built with Webflow

Webflow
Graff •

Brand website built with Webflow

Webflow
SRM •

Marketing agency website built with Webflow

Webflow
Compucentro •

Technology retail website built with Webflow

Webflow
Musgo de roble •

E-commerce personal care products

WordPressWooCommercePHPElementor
Draco Studios •

Website for a video game animation studio

WordPressElementor
Inocquality •

Website for a food safety training and consulting firm

WordPressWPBakery
SITE Inmobiliaria •

Real estate website with property catalog

WordPressPHPElementor

Vibecoding (Playground)

Quiniela Mundial 2026 •

Quiniela para pronosticar los resultados del Mundial 2026.

Lovable
Costco Price Watcher •

Herramienta que monitorea precios de productos en Costco y avisa cuando bajan.

Lovable
BG Remover •

Herramienta para eliminar el fondo de imágenes automáticamente.

Lovable

Diseño UX

Shopitrack •

Sistema de diseño unificado para Shopitrack. Diseño web de landing page.

FigmaDesign SystemUI Design

Habilidades y conocimientos

HTML Desarrollo Web, Frontend
CSS Desarrollo Web, Frontend, Diseño Responsive
JavaScript Desarrollo Web, Frontend, Backend, Fullstack
TypeScript Desarrollo Web, Frontend, Backend, JavaScript
Tailwind Desarrollo Web, Frontend, CSS Framework, Diseño Responsive
SCSS CSS, Preprocesador
LESS CSS, Preprocesador
React Desarrollo Web, Frontend, JavaScript Library, UI
NextJS Desarrollo Web, Frontend, SSR, React Framework
VueJS Desarrollo Web, Frontend, JavaScript
Astro Desarrollo Web, Frontend, SSG
WordPress CMS, Desarrollo Web
Webflow CMS, No-code, Desarrollo Web
Shopify E-commerce, CMS, Desarrollo Web
MySQL Bases de Datos, SQL, Almacenamiento de Datos, Backend
Git Control de Versiones, Colaboración, Código Fuente
GitHub Control de Versiones, Colaboración, Código Fuente, Git
Jira Gestión de proyectos
Figma UX, UI
Sketch UX, UI, Diseño
AdobeCS Diseño, Photoshop, Illustrator
Claude IA, Asistente de código, Automatización
OpenAI IA, GPT, Automatización
Gemini IA, Automatización

HTML Web Development, Frontend
CSS Web Development, Frontend, Responsive Design
JavaScript Web Development, Frontend, Backend, Fullstack
TypeScript Web Development, Frontend, Backend, JavaScript
Tailwind Web Development, Frontend, CSS Framework, Responsive Design
SCSS CSS, Preprocessor
LESS CSS, Preprocessor
React Web Development, Frontend, JavaScript Library, UI
NextJS Web Development, Frontend, SSR, React Framework
VueJS Web Development, Frontend, JavaScript
Astro Web Development, Frontend, SSG
WordPress CMS, Web Development
Webflow CMS, No-code, Web Development
Shopify E-commerce, CMS, Web Development
MySQL Databases, SQL, Data Storage, Backend
Git Version Control, Collaboration, Source Code
GitHub Version Control, Collaboration, Source Code, Git
Jira Project Management
Figma UX, UI
Sketch UX, UI, Design
AdobeCS Design, Photoshop, Illustrator
Claude AI, Coding Assistant, Automation
OpenAI AI, GPT, Automation
Gemini AI, Automation

Idiomas

Español
Nativo
Inglés
Técnico - B2

Alonso Caballero — Frontend Developer

Senior Front-End Developer · E-commerce, UX/UI y Web Performance

Senior Front-End Developer · E-commerce, UX/UI & Web Performance

Sobre mí

About me

Experiencia laboral

Work Experience

Educación

Education

Certificados y Cursos

Certifications & Courses

Proyectos y portafolio

Projects & Portfolio

Vibecoding (Playground)

Vibecoding (Playground)

Diseño UX

UX Design

Habilidades y conocimientos

Skills & Knowledge

Idiomas

Languages