Cómo Reconstruí Mi Web en 5 Horas con IA
El proceso exacto, los prompts, y las decisiones que tomé para pasar de una página genérica a un sitio profesional en un solo día usando Claude Code.
El Problema
Mi página anterior era un template de Next.js con texto genérico que no representaba nada de lo que realmente hago. La típica landing page que haces "por mientras" y se queda ahí meses.
Lo que necesitaba era claro: una página que mostrara proyectos reales con números reales. Que se sintiera como un developer portfolio, no como una agencia más con stock photos.
El problema es que diseñar una buena web toma tiempo. Contratar a alguien toma más. Y yo tenía una ventana de un solo día entre clases y trabajo.
Lo que quería lograr
- •Un sitio oscuro, minimalista, estilo Linear/Vercel — que comunicara "builder", no "agency"
- •Proyectos reales con métricas (2,500+ estudiantes, 89K pagos, agentes 24/7)
- •Copy directo — sin palabras de relleno, sin AI slop
- •Que se pudiera construir en un fin de semana
Si tu web no refleja lo que haces hoy, te está haciendo daño. Mejor no tener web que tener una que da la impresión equivocada.
El Prompt Inicial
No empecé diciéndole a Claude Code "hazme una web bonita." Eso da resultados genéricos. En vez de eso, le pasé mi manual de marca completo (colores, tipografías, tono de voz) y le pedí que me entrevistara.
Aquí está mi brand guide con colores, tipografías y tono.
Antes de construir nada, hazme preguntas sobre qué quiero
comunicar, quién es mi audiencia, y qué proyectos destacar.
Entrevístame como si fueras un diseñador web profesional.
Claude Code me hizo como 15 preguntas: qué tipo de visitante espero, si quiero algo tipo portfolio o tipo landing page, qué sensación quiero dar, qué cosas no quiero que aparezcan. Esa conversación fue más útil que cualquier brief que he escrito.
Por qué funciona
La IA no puede leer tu mente. Si le das instrucciones vagas, te da resultados vagos. Pero si le dejas hacer preguntas primero, extrae información que ni sabías que tenías clara. La entrevista reemplaza el proceso de discovery que normalmente toma días.
Decir "hazme una web profesional y moderna" es el peor prompt posible. Vas a recibir algo genérico que se ve igual a las otras 10,000 webs que la IA generó con la misma instrucción.
Agentes de Investigación
Después de la entrevista vino la primera versión del sitio. La estructura estaba bien, pero el copy era malísimo. Genérico. "Cutting-edge solutions" y ese tipo de basura que no dice nada.
Entonces corrí agentes de investigación: le pedí a Claude que analizara cómo las mejores páginas de tech presentan sus proyectos, qué copy usan, cómo organizan la información.
Investigá cómo presentan case studies las mejores páginas
de tech (Linear, Vercel, Raycast). Analiza:
- Cómo describen sus productos en una línea
- Qué métricas usan y cómo las presentan
- El tono — qué evitan decir
- La estructura visual de cada proyecto/feature
Después aplicá esos patrones a mis 6 proyectos.
Lo que descubrí
- 1Las mejores páginas describen QUÉ hace el producto, no CÓMO lo hicieron. El tech stack va aparte, como tags. La descripción vende el resultado.
- 2Cada proyecto lleva UNA métrica concreta. No tres, no cinco. Una. "2,500+ students managed" dice más que un párrafo.
- 3El copy evita superlativos. Nada de "revolutionary" o "cutting-edge." Los números hablan solos.
Cuando la IA te da copy genérico, no le digas "hazlo mejor." Dale ejemplos concretos de lo que te gusta y pedile que analice el patrón antes de reescribir.
Las 5 Horas
Todo pasó en un solo día. 5 horas de trabajo real, con pausas en el medio. Así se vio:
- Hora 0-1Entrevista con Claude Code. Definí audiencia, tono, estructura. Le pasé el brand guide (colores, tipografías, reglas de voz).
- Hora 1-2Primera versión del sitio completa: hero, proyectos, about, contacto. Estructura sólida, copy genérico.
- Hora 2-3Corrí agentes de investigación para analizar copy de las mejores páginas tech. Reescribí todas las descripciones de proyectos con el nuevo framework.
- Hora 3-4Iteraciones visuales: spacing, animaciones sutiles, responsive, dark mode refinado. En un punto lo dejé trabajando solo y me fui a ver tele.
- Hora 4-5Ajustes finales, deploy a Vercel, pruebas en móvil. Sitio live.
Lo que aprendí
La mayoría del tiempo no fue "construir" — fue dirigir. La IA genera rápido, pero tomar buenas decisiones sobre qué mantener y qué cambiar es el trabajo real. Architect, don't code.
¿Querés ver el resultado?
El sitio está live. Andá a verlo y decime qué opinás.
Hecho con Claude Code · 2026