Este sitio, antoniogc
Rediseñé mi portafolio para pasar de un CV de developer a un sitio que vende servicios, con un formulario que dispara un flujo en n8n en lugar de solo mandar un correo.
- año
- 2026
- rol
- Estrategia, diseño y desarrollo
- stack
- Astro Tailwind CSS Alpine.js n8n Umami
- visitante
Navegador
- sitio
Astro
HTML estático
Umami
analítica sin cookies
- formulario
Webhook n8n
recibe nombre, correo y proceso
- flujo
Supabase
guarda el lead
Notificación
me avisa al instante
El punto de partida
Mi sitio anterior era un CV: “Frontend Developer”, una línea de tiempo de empleos y una lista de tecnologías. Funcionaba para reclutadores, pero ahora trabajo por mi cuenta y mi público cambió. Un dueño de negocio no necesita saber qué librerías uso: necesita saber qué problema le resuelvo.
El proceso creativo
1. Primero el mensaje
Antes de diseñar escribí la frase principal: automatizo el trabajo repetitivo y construyo webs que trabajan solas. Todo lo demás se ordenó a partir de ella: qué hago, pruebas de que lo hago, cómo trabajo, quién soy y cómo contactarme.
2. Un prototipo antes del código
Armé la estructura completa en un prototipo y después la adapté a mi identidad visual: el cyan y el morado, el fondo oscuro y los degradados que ya eran mi marca.
3. Mostrar, no decir
En lugar de una foto genérica, el hero muestra un flujo de n8n: webhook, base de datos, condición, correo y WhatsApp. Es lo primero que ve un cliente y explica mi trabajo sin leer una línea. Las etiquetas en fuente monoespaciada (// Cancún, Quintana Roo) mantienen el tono de developer sin volverlo técnico de más.
Cómo funciona
- Astro genera HTML estático. No hay servidor que mantener y la página carga rápido.
- El contenido vive en archivos de datos, así que puedo cambiar servicios o proyectos sin tocar el diseño.
- El formulario es una automatización. Envía los datos a un webhook de n8n; si falla, el visitante ve opciones para escribirme por WhatsApp o correo.
- La analítica es Umami, que no usa cookies ni necesita banner de consentimiento.