CURSO IA · Nivel 1 · IA desde cero
Tu primer Proyecto:
la página web de tu negocio
Creás un Proyecto en Claude, le contás de tu negocio una sola vez, y publicás tu web hoy.
Dorita · Salsa Soul
Fenix · Fenix Kids
Neo · AI Cowork
¿Qué vamos a lograr hoy?
Una página web real, en internet
Hoy empezamos a trabajar con Claude. Vamos a crear nuestro primer proyecto.
Y nuestro primer proyecto va a ser tu página web real, en internet.
15
minutos de principio a fin
1
archivo HTML, listo para publicar
Antes de arrancar
Tené esto a mano
○
Nombre exacto del negocio
○
WhatsApp con código de país (595 para Paraguay)
○
Usuario de Instagram
○
Dirección del local (si aplica)
○
Horarios de atención
○
2 o 3 servicios/productos con precio (opcional)
○
Una idea del estilo visual que te gusta
○
Fotos (no obligatorias — se agregan después)
Paso 1 · Crear el Proyecto
El negocio entra una sola vez
1Barra lateral → Proyectos → Nuevo Proyecto
2Nombre del proyecto = el nombre de tu negocio
3Abrí Instrucciones del proyecto
4Pegá la plantilla del negocio → Guardar (próximo slide)
claude.ai
Claude
Chats
1 Proyectos
Artefactos
2 Nombre del proyecto
Salsa Soul Studio
3 Instrucciones del proyecto
Pegá la plantilla de tu negocio…
4 Guardar
Paso 1 · La plantilla que pegás en Instrucciones
Completá con tus datos reales
Sos el asistente de mi negocio. Siempre que te haga preguntas,
respondé teniendo en cuenta todo lo que te cuento acá abajo.
## Mi negocio
Nombre: [NOMBRE DEL NEGOCIO]
Rubro: [QUÉ VENDO O QUÉ SERVICIO OFREZCO]
Ubicación: [CIUDAD / BARRIO / DIRECCIÓN]
Horario de atención: [HORARIOS]
## Mis clientes
Son: [QUIÉNES SON MIS CLIENTES]
Lo que más les importa: [QUÉ BUSCAN / QUÉ PROBLEMA LES RESUELVO]
## Mis datos de contacto
WhatsApp: [NÚMERO CON CÓDIGO, ej: 595981123456]
Instagram: [@usuario] Facebook: [link/nombre]
Email: [EMAIL] Dirección exacta: [para Google Maps]
## Mis servicios o productos principales
1. [PRODUCTO 1] — [precio o descripción]
2. [PRODUCTO 2] — [precio o descripción]
3. [PRODUCTO 3] — [precio o descripción]
## Fotos que tengo [del local, producto, equipo, trabajos…]
## Colores o estilo que me gusta [moderno oscuro / colorido / minimalista…]
## Tono de comunicación [formal / amigable / joven y dinámico]
## Slogan [si tienen, o dejar vacío]
Paso 2 · El primer chat dentro del Proyecto
Ahora le pedís la página web
Como el Proyecto ya tiene tus datos, alcanza con pedir la web y dar las especificaciones:
▤Estructura
- Header con menú
- Hero con CTA
- Qué ofrezco
- Por qué elegirnos
- Contacto + footer
✦Funcionalidades
- Botón flotante de WhatsApp
- Links a Instagram/Facebook
- wa.me directo + Google Maps
- Menú hamburguesa
- Scroll suave
◐Diseño
- 100% responsive
- Tus colores y estilo
- Google Fonts
- Fade in al scroll
- Imágenes de Unsplash
★Calidad
- Todo en 1 archivo .html
- Código comentado
- SEO + Open Graph
- Favicon con la inicial
- Lista de qué personalizar
El flujo completo de la clase
De cero a publicada en 15 min
1
Completás la plantilla con tus datos
3 min
2
Creás el Proyecto y pegás las instrucciones
3 min
3
Pegás el prompt para pedir la web
1 min
4
Claude genera el HTML completo
2 min
5
Copiás el código → creás miempresa.html
2 min
6
Arrastrás el archivo a netlify.com/drop
1 min
✓
¡Página publicada! Compartís el link con el grupo
¡listo!
Lo que hace la diferencia
Amateur vs Profesional
| Amateur | Profesional |
|---|---|
| ✕Fondo blanco liso | ✓Color de marca consistente |
| ✕Texto plano | ✓Tipografía de Google Fonts |
| ✕Sin animaciones | ✓Fade in al hacer scroll |
| ✕WhatsApp solo en el footer | ✓Burbuja flotante siempre visible |
| ✕Links de texto | ✓Íconos de redes sociales |
| ✕No se ve en celular | ✓100% responsive |
| ✕Sin SEO | ✓Meta tags y Open Graph |
Tu web ya está online.
Y el Proyecto queda guardado: la próxima que necesites un cambio,
Claude ya sabe todo de tu negocio.
Ivan Lafuente
ivanlafuente.com · Lafuente AI Cowork