Creé mi página web, gabyseo.com, sin saber programar. No usé WordPress ni un constructor de arrastrar y soltar: le explicaba a Claude lo que quería, Claude escribía el código y yo revisaba cómo quedaba.
Entre el 8 de mayo y noviembre de 2026 guardé 125 cambios en 31 días de trabajo. Aquí te cuento los pasos que seguí, simplificados para que puedas repetirlos con tu propio sitio, y los errores que cometí en el camino.
Antes de empezar: usé Claude de pago
Lo aclaro desde el principio porque cambia todo: todo el sitio lo hice con el plan Pro de Claude. No sé si habría llegado hasta aquí con la versión gratuita o con otra IA, porque no lo probé.
Lo que sí puedo decirte es cómo trabajé. Claude diseñó el HTML, escribió los estilos, armó el blog y corrigió los errores. Yo decidía qué quería, le pasaba referencias y revisaba cada cambio antes de publicarlo.
Usé tres herramientas de Claude, cada una para algo distinto:
- Claude Design para diseñar. El rediseño del home de mayo lo hice ahí y lo pasé a Claude Code para convertirlo en el sitio.
- El chat de Claude para explorar ideas antes de tocar el sitio: opciones de tipografía, las portadas para redes de cada artículo, el bloque del ebook y el design system.
- Claude Code para todo lo que toca el código: cada cambio, cada artículo y cada corrección. Lo uso desde el navegador y desde mi computadora.
Lo que necesitas para crear una página web con Claude
Estas son todas las herramientas que usé y lo que pagué por cada una:
| Herramienta | Para qué la usé | Costo |
|---|---|---|
| Claude | Diseñar (Claude Design), explorar ideas (chat) y escribir el código y los textos (Claude Code) | Plan Pro |
| Juntar referencias de diseño, fuentes y paletas de colores | Gratis | |
| GitHub | Guardar los archivos del sitio y cada versión | Plan gratuito |
| Vercel | Publicar el sitio en internet cada vez que guardo un cambio | Plan gratuito |
| Netlify | Comprar el dominio gabyseo.com | US$13.99 |
| Formspree | Recibir en mi email los mensajes del formulario de contacto y del de compra del ebook | Plan gratuito |
No necesitas saber qué es cada una antes de empezar. Yo tampoco lo sabía: se las fui preguntando a Claude a medida que aparecían.
Paso 1: busca referencias y define tu estética
Antes de pedirle nada a la IA, armé tableros en Pinterest con referencias de experiencia de usuario, fuentes, paletas de colores y elementos sueltos que me gustaban: botones, tarjetas, texturas.
Después le mostraba esas referencias a Claude y le pedía que diseñara el HTML siguiendo ese estilo. Un sitio en HTML es un conjunto de archivos de texto que el navegador sabe leer, así que no hace falta ningún programa especial para tenerlo.
La estética no salió a la primera. Hice cuatro rediseños grandes: en mayo, en agosto con una paleta rosa y crema, en octubre con el papel recortado en matcha y sakura que ves hoy, y el 31 de octubre cambié las fuentes por Geist, Baloo 2 y Leckerli One.
Lo que más me ayudó fue armar un design kit y un archivo CLAUDE.md. El design kit es una carpeta con los colores, las fuentes, las esquinas y cómo se usa cada componente. El CLAUDE.md es un archivo con las reglas del sitio, que Claude Code lee antes de cada cambio, así no inventa un color nuevo ni mezcla estilos de una página a otra.
Paso 2: guarda y publica tu sitio
El 8 de mayo subí los primeros archivos a GitHub y los conecté a Vercel. Desde ese día funciona así: cada cambio que guardo en GitHub, Vercel lo publica solo en unos segundos.
Ese mismo día hice el primer ajuste: que las direcciones de las páginas no terminaran en .html. Es más limpio para quien visita el sitio y para Google.
Paso 3: compra y conecta tu dominio
Compré gabyseo.com en Netlify por US$13.99 y lo apunté a Vercel, que es donde vive el sitio.
Esa mezcla confundió a Claude una vez: en mayo creó un archivo de configuración para Netlify pensando que el sitio se publicaba allí, y lo tuvimos que borrar el mismo día. La lección es contarle a la IA dónde está cada cosa: dónde compraste el dominio, dónde se publica el sitio y dónde guardas los archivos.
Paso 4: escribe el contenido y el SEO básico
Con el diseño andando, escribí los textos del home: servicios, precios, casos y preguntas frecuentes. Y como trabajo en SEO, desde la primera semana sumé lo básico para que Google entienda el sitio:
- Un título y una meta descripción propios en cada página.
- Datos estructurados (schema) para contarle a Google quién soy y qué ofrezco.
- Un sitemap y un archivo robots.txt.
- Google Analytics 4 para medir las visitas, y Google Search Console para ver con qué búsquedas me encuentran y si Google indexa mis páginas.
Para el formulario de contacto usé Formspree. Como el sitio es solo HTML, no tiene dónde guardar los mensajes: Formspree los recibe y me los manda por email. Está desde el primer día, y en octubre usé el mismo servicio para el formulario de compra del ebook.
Si no sabes por dónde empezar con esto, en la guía de qué es SEO y en el checklist SEO tienes el paso a paso.
Un detalle que tuve que corregir varias veces: Claude escribía con voseo argentino (necesitás, querés) aunque yo quería tuteo. Lo arreglé dejándolo como regla fija en el CLAUDE.md.
Paso 5: abre tu blog
El 17 de mayo publiqué el primer artículo, ¿Qué es SEO? Hoy el blog tiene 13, cada uno en su propia carpeta para que la dirección quede corta, con imagen para redes y enlaces a otros artículos.
Para escribir más rápido sin perder calidad armé un sistema de skills con Claude, que te cuento en cómo crear contenido SEO a escala con Claude. Y si te preocupa que suene a robot, mira cómo redactar con IA sin que suene a IA.
Paso 6: automatiza lo que se repite
Cuando el blog creció, actualizar todo a mano cada vez que publicaba se volvió un problema. En septiembre le pedí a Claude un pequeño programa que corre solo cada vez que publico y hace cuatro cosas:
- Elige los tres artículos más parecidos para la sección "Sigue leyendo" de cada uno.
- Actualiza el sitemap con las fechas de cada artículo.
- Arma el archivo llms.txt, un resumen del sitio para los modelos de IA.
- Pone los tres artículos más recientes en el home.
También mejoré la velocidad y la accesibilidad: pasé las fotos a formato WebP, subí el contraste de los textos y agregué una página 404 propia. En octubre sumé el ebook con pago por Mercado Pago o PayPal.
Los errores que cometí y cómo los resolví
Ninguno fue grave, pero todos me enseñaron algo:
- Enlaces rotos. Algunos enlaces seguían apuntando a páginas terminadas en .html y daban error 404. Le pedí a Claude que revisara todo el sitio y los cambiara de una vez.
- Un bucle de redirecciones. Configuré dos veces lo mismo, en el código y en el panel de Vercel, y el sitio no cargaba. Lo resolvimos dejando una sola configuración.
- Una página que no debía ser pública. Subí un reporte interno con datos de un cliente. Lo borré y redirigí la dirección al home. Ahora reviso qué archivos se publican antes de guardar.
- El modo caos. Pasé un día entero armando un easter egg con estilo de collage y un cursor que dibujaba. Lo quité en el rediseño siguiente. Fue divertido, pero no era prioridad.
Equivocarte es parte del proceso. Lo importante es que cada error quede anotado como regla para que la IA no lo repita.
Consejos para hacer tu sitio web con IA
- Pide un cambio a la vez. Es más fácil revisar y deshacer si algo sale mal.
- Pregunta todo lo que no entiendas. Pídele a la IA que te explique qué hizo y por qué, en palabras simples.
- Revisa en el celular. Lo que se ve bien en la computadora a veces se desarma en una pantalla chica.
- Escribe tus reglas. Colores, fuentes, tono, idioma: todo lo que repites, déjalo en un archivo que la IA lea siempre.
- Verifica los datos. Precios, cifras y nombres tienen que ser reales. La IA puede equivocarse, y el sitio lleva tu nombre.
No necesitas saberlo todo para empezar. Yo no sabía qué era GitHub ni un archivo HTML, y hoy tengo un sitio que diseñé a mi gusto y que puedo cambiar cuando quiero.
¿Vas a hacer el tuyo? Si quieres que revisemos juntas el SEO de tu sitio cuando esté listo, escríbeme desde gabyseo.com.
Preguntas frecuentes sobre hacer tu sitio web con IA
No. Yo no sé programar. Le explicaba a Claude lo que quería en palabras simples, Claude escribía el código y yo revisaba el resultado. Lo que sí necesitas es paciencia para revisar cada cambio y pedir correcciones.
En mi caso solo pago dos cosas: el plan Pro de Claude y el dominio, que me costó US$13.99 en Netlify. GitHub, Vercel y Formspree los uso en su plan gratuito. Revisa los precios y condiciones vigentes de cada uno antes de elegir.
No lo sé, porque no lo probé. Todo mi sitio lo hice con el plan Pro de Claude. Si pruebas con otra opción, empieza por algo chico, como una sola página, y mira si te alcanza.
El primer día ya tenía los archivos en GitHub conectados a Vercel. Después lo fui mejorando de a poco: entre mayo y noviembre de 2026 trabajé en él 31 días, no todos los días seguidos.
¿Quieres que revisemos tu sitio juntas?
Cuéntame en qué punto estás y vemos por dónde seguir.
