Diseño webs que cargan rápido y flujos que trabajan solos.

Soy ingeniero en sistemas. Llevo más de cinco años haciendo sitios que cargan rápido y automatizando lo que a los equipos comerciales les quita tiempo.

  • 70%menos tiempo de respuesta comercial
  • 90+PageSpeed en móvil
  • 99.9%uptime sostenido
Escríbeme Ver los 8 proyectos

Descargar CV en PDF

En pantalla Parque México

1 de 7 grabados

01 — Vitrina

Ocho proyectos en producción

Grabé cada sitio tal como está publicado. No son maquetas ni capturas retocadas. Aquí están los más visibles; hay más.

№ 01

Parque México

Archandel · Ciudad de México

Desarrollo residencial premium. Galería optimizada, narrativa de inversión y captura de leads conectada a CRM.

Mi papel
Diseño en Figma · Elementor · WPO · captura → CRM → chatbot
Soporte
WordPress · Elementor
Enfoque
WPO · CRO
Estado
En producción

Qué se hizo

  • Diseño en Figma con el equipo y maquetación en Elementor
  • Galería del desarrollo en WebP, sin bloquear el LCP
  • Formulario con campo trampa y teléfono normalizado
  • Alta en CRM con etapa y dueño, más chatbot de atención

№ 02

Riem Leasing

Arrendamiento de equipo

Jerarquía de beneficios y ruta directa al asesor financiero. El visitante entiende el producto antes de bajar una pantalla.

Mi papel
Diseño en Figma · Elementor · WPO · captura → CRM → chatbot
Soporte
WordPress · Elementor
Enfoque
Jerarquía de oferta · CRO
Estado
En producción

Qué se hizo

  • Diseño en Figma con el equipo y maquetación en Elementor
  • Jerarquía de oferta reordenada para la conversión
  • Captura con antibot y datos completos antes de salir del sitio
  • Llegada al CRM y chatbot para las dudas de arrendamiento
Proyecto en pausa

№ 03

Viu Metepec

Vivienda vertical · Metepec

Fichas de modelo, plantas arquitectónicas y formulario con seguimiento por UTM para atribuir cada lead a su campaña.

Mi papel
Diseño en Figma · chatbot con IA, blindado contra prompt injection · automatización
Soporte
WordPress · Elementor
Enfoque
Fichas de modelo · UTM
Estado
En pausa

Qué se hizo

  • Diseño en Figma con el equipo
  • Chatbot con IA para fichas de modelo y plantas
  • Blindaje contra prompt injection en las instrucciones
  • Seguimiento por UTM para atribuir cada lead a su campaña
  • Limpieza de datos y alta en el CRM

№ 04

Punto Cero Neo

Usos mixtos

Narrativa de ubicación y plusvalía, con llamada a la acción segmentada por perfil de comprador.

Mi papel
Diseño en Figma · Elementor · WPO · captura → CRM → chatbot
Soporte
WordPress · Elementor
Enfoque
Segmentación por perfil
Estado
En producción

Qué se hizo

  • Diseño en Figma con el equipo y maquetación en Elementor
  • Llamada a la acción segmentada por perfil de comprador
  • Captura con antibot y limpieza previa al CRM
  • Alta con la etapa que corresponde al perfil, más chatbot

№ 05

Sauces Residencial

Residencial horizontal

Disponibilidad por lote y galería ligera en WebP. Todo el peso de imagen bajo presupuesto, sin sacrificar el recorrido visual.

Mi papel
Diseño en Figma · Elementor · WPO · captura → CRM → chatbot
Soporte
WordPress · Elementor
Enfoque
Galería en WebP · Disponibilidad
Estado
En producción

Qué se hizo

  • Diseño en Figma con el equipo y maquetación en Elementor
  • Galería y disponibilidad por lote, todo en WebP
  • Peso de imagen bajo presupuesto, sin perder el recorrido visual
  • Captura limpia, alta en CRM y chatbot

№ 06

Realeza

Grupo Braverman

Escrita a mano para control total del LCP. Traspasable a Elementor sin rehacer el diseño, para que el cliente la mantenga solo.

Mi papel
Diseño en Figma · Astro · WPO · captura → CRM → chatbot
Soporte
Astro · HTML · CSS · JS
Enfoque
Control de LCP · Performance 90+
Estado
En producción

Qué se hizo

  • Front en Astro, sin arrastrar framework al navegador
  • LCP controlado y performance por encima de 90
  • Diseño en Figma con el equipo, maquetado a mano
  • Captura, limpieza, llegada al CRM y chatbot

№ 07

Portofino · Etapa 5

Lanzamiento de etapa

Con presión de campaña encima: HTML, CSS y JS a medida para publicar rápido y medir desde el minuto uno.

Mi papel
Completo: diseño, maquetación, WPO y automatización
Soporte
Astro · HTML · CSS · JS
Enfoque
Publicación rápida · Medición
Estado
En producción

Qué se hizo

  • Proyecto completo: diseño propio en Figma y front en Astro
  • Publicación rápida para el lanzamiento de la etapa
  • Medición con GA4 y UTM desde el primer día
  • Performance por encima de 90 en PageSpeed
  • Captura, limpieza, alta en CRM y chatbot

№ 08

Medainvest

Portal para inversionistas

Lenguaje financiero claro, confianza visual y captura de perfil cualificado antes de pasar al asesor.

Mi papel
Completo: diseño, maquetación, WPO y automatización
Soporte
Astro · HTML · CSS · JS
Enfoque
Perfil cualificado · Confianza
Estado
En producción

Qué se hizo

  • Proyecto completo: diseño propio en Figma y front en Astro
  • Formulario que cualifica el perfil del inversionista
  • Señales de confianza antes de pedir datos
  • Performance por encima de 90 en PageSpeed
  • Limpieza, alta en el CRM y chatbot

02 — Evidencia

Los números que puedo comprobar

Cada cifra sale de un proyecto donde medí antes y después. Si no lo puedo comprobar, no lo pongo aquí.

  1. 70%

    Menos tiempo de respuesta comercial

    Armé herramientas internas y flujos en Make, Zapier y n8n para que el prospecto llegue al asesor cuando todavía tiene interés.

  2. +60%

    Captación de prospectos

    Cambié la interfaz viendo mapas de calor y lo que la gente hacía de verdad, no lo que se opinaba en la junta.

  3. 50%

    Menos tiempo de carga

    Rediseñé y optimicé 15 sitios corporativos en WordPress sin romperle al equipo lo que ya sabía usar.

  4. 85%

    Menos incidentes de seguridad

    Cerré el perímetro con firewalls y VPN en la infraestructura que yo administraba.

  5. 99.9%

    Uptime sostenido

    Cinco años administrando servidores Linux y Windows, y las plataformas de las que dependía la operación.

03 — Caso de estudio

Relay: la landing no solo captura, califica

Relay es un producto que inventé para una prueba técnica: captación y clasificación de prospectos en marca blanca para agencias. La landing no explica el flujo, lo corre.

91 Performance móvil
100 Performance escritorio
100 SEO
100 Prácticas recomendadas
  • Seis señales → un score de 0 a 100. El puntaje decide la ruta, el tiempo de respuesta comprometido y la etapa con la que el contacto entra a HubSpot.
  • Honeypot antibot. Un campo trampa que la gente no ve y que debe llegar vacío. Si viene lleno, el envío se descarta antes de llegar al CRM.
  • Teléfono a E.164. Así el marcador, el chat y el CRM leen el mismo número.
  • Data Store para recurrentes. Si el mismo contacto vuelve, no se crea una segunda oportunidad: se detecta, se completa lo que falta y se anota que ya había escrito.
  • Reintentos automáticos. Si el correo o HubSpot fallan, el escenario espera y vuelve a intentar, en lugar de perder el prospecto sin que nadie se entere.
  • Open Graph configurado. Al pegar el enlace en un chat sale con imagen, título y descripción, que es como la mayoría ve una landing antes de abrirla.

Video del flujo + nota técnica ↗

Simulador de calificación

Mueve las seis señales y mira cómo cambian ruta, SLA y etapa de CRM.

en vivo
0 score
Ruta
—
SLA comprometido
—
Etapa en HubSpot
—
Notificación
—
Ver el cálculo 
{}

Relay no existe como empresa: lo inventé para la prueba técnica y lo digo también en el pie de su propia landing. Las métricas de PageSpeed sí son reales y cualquiera puede verificarlas en el enlace.

04 — Automatización

El flujo completo, incluyendo lo que pasa cuando falla

Esto es lo que hay detrás de un formulario que califica. Baja despacio y avanza paso a paso. Lo armo igual en Make, n8n o Zapier: cambia la herramienta, no el criterio.

Diagrama del flujo de captación y clasificación de leads El formulario web valida el honeypot, normaliza el teléfono, calcula un score de seis señales y rutea el lead hacia HubSpot, notificación por correo y un Data Store de deduplicación, con reintentos automáticos cuando un servicio falla. Formulario web Elementor + JS Honeypot campo trampa vacío = humano Normaliza teléfono E.164 + score 0–100 6 señales router HubSpot upsert + etapa Correo alerta al asesor Data Store dedupe + recurrentes reintento con backoff si el servicio falla
  1. 01Captura en la landing, sin librerías pesadas y sin bloquear el LCP.
  2. 02Guardia antibot: si el honeypot trae contenido, se descarta antes de consumir operaciones.
  3. 03Normalización y scoring: teléfono a E.164, seis señales ponderadas, score y ruta.
  4. 04El router decide destino, SLA y etapa según el puntaje.
  5. 05Upsert en el CRM con la etapa que corresponde, sin duplicar oportunidades.
  6. 06Alerta al asesor de turno con el contexto completo del lead.
  7. 07Registro de reincidencia y reintentos con espera creciente: nada se pierde en silencio.
Make n8n Zapier HubSpot Zoho GoHighLevel Adryo Webhooks Data Store Chatbots Cross-sell IA aplicada

05 — Proceso

De la pantalla en Figma al prospecto en el CRM

Es el mismo recorrido en todos los proyectos. Entrego el sitio y el flujo que lo alimenta, no uno sin el otro: un sitio que capta y no entrega, o un flujo que recibe basura, dan el mismo resultado que no tener nada.

  1. 01

    Diseño en Figma

    Si ya existe, parto de él. Si no, lo hago yo. La jerarquía se discute ahí, no en producción.

  2. 02

    Elementor o código

    En WordPress, sin acumular plugins. O en código propio: cuando se puede elegir, recomiendo Astro.

  3. 03

    Optimización

    Core Web Vitals con el contenido real —imágenes, formularios y medición incluidos— y el objetivo de pasar de 90 en performance.

  4. 04

    Captura y limpieza

    Campo trampa contra bots, teléfono normalizado y datos completos antes de que salgan del sitio.

  5. 05

    CRM y chatbot

    El prospecto entra al CRM con su etapa y su dueño; el chatbot atiende lo que no necesita a una persona.

06 — Stack

Lo que manejo y a qué profundidad

Solo lo que uso en producción. No pongo herramientas que abrí una vez.

Diseño web y optimización

  • WordPressAvanzado
  • ElementorAvanzado
  • WPO / Core Web VitalsAvanzado
  • CRO y diseño responsivoAvanzado
  • Divi · FigmaSólido

Automatización y CRM

  • MakeAvanzado
  • n8n · ZapierAvanzado
  • HubSpotAvanzado
  • Zoho · GoHighLevel · AdryoSólido
  • Chatbots y cross-sellSólido

Analítica digital

  • Google Analytics 4Avanzado
  • Google Tag ManagerAvanzado
  • Hotjar / mapas de calorAvanzado
  • Píxeles y UTMsAvanzado

Desarrollo y TI

  • HTML5 · CSS3Avanzado
  • JavaScriptSólido
  • AstroSólido
  • Servidores Linux / WindowsAvanzado
  • SEO On-PageAvanzado
  • Stack MERNBásico
  • IA aplicada (Gemini, Copilot)Avanzado

07 — Trayectoria

De la infraestructura a la interfaz

Empecé administrando servidores y acabé diseñando la interfaz que los usa. De ahí me quedó la costumbre de medir antes de opinar de un diseño, y de dibujar el flujo entero antes de automatizar nada.

  1. Septiembre 2025 — Actualidad

    Diseñador Web y Especialista en Automatización

    GBS Digital

    • Landing pages para Real Estate, fondos de inversión y leasing con métricas de excelencia en PageSpeed Insights.
    • Arquitectura de flujos complejos multiplataforma (Make, Zapier, n8n) e integración de IA en herramientas internas: −70% en tiempo de respuesta comercial.
    • Sincronización en tiempo real y administración de ecosistemas CRM: reglas de asignación, cross-sell y flujos con chatbots.
    • Implementación de trazabilidad completa para decisiones basadas en datos.

  2. 2020 — 2025

    Líder de Tecnología y Web Manager

    Link Education and Travel

    • Rediseño y administración de 15 sitios corporativos en WordPress: −50% en tiempos de carga y SEO On-Page para visibilidad orgánica.
    • Administración de servidores con 99.9% de uptime y aseguramiento perimetral: −85% de incidentes.
    • Coordinación técnica de lanzamientos de campaña y flujo de bases de datos comerciales.

  3. 2022 — 2025

    Desarrollador Web (Freelance)

    AMTE

    • Gestión integral del sitio institucional: contenido, actualizaciones y mantenimiento preventivo y correctivo.

  4. 2015 — 2019

    Ingeniería en Sistemas Computacionales · Titulado

    Colegio Mexiquense Universitario

08 — Contacto

Un solo canal,
y lo contesto yo.

Cuéntame qué necesitas, para cuándo y cómo vas a medir si funcionó. Te contesto con una propuesta concreta, no con un catálogo de servicios.

isantanajacinto@gmail.com

  • Disponibilidad Remoto / híbrido
  • Respuesta El mismo día
  • Ubicación Toluca, Estado de México · GMT−6
  • Idiomas Español nativo · Inglés B1 técnico
  • Curriculum Descargar PDF