CURSO IA · Nivel 1 · IA desde cero · Módulo 1
La página web
de tu negocio
Hoy creás tu página web real con Claude y la publicás en internet.
Dorita · Salsa Soul
Fenix · Fenix Kids
Neo · AI Cowork
¿Qué vamos a lograr hoy?
Una página web real, en internet
La que ve tu cliente cuando busca tu negocio en Google. Y la hacemos así:
- La creamos con Claude — con la versión gratis alcanza
- La publicamos en internet gratis, sin saber programar
- De principio a fin, en 15 minutos
15
minutos de principio a fin
₲0
lo que cuesta publicarla
Paso 1 · Contale a Claude de tu negocio
Abrí un chat y pegá 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]
Este mismo texto después lo vas a guardar en un Proyecto — así Claude recuerda tu negocio para siempre. Eso lo vemos en el próximo módulo.
Paso 2 · Pedile la página web
Pegá este prompt en el mismo chat
Con la información de mi negocio que te di, creame una página web completa en un solo archivo HTML.
## Estructura
- Header con el nombre del negocio y menú de navegación
- Hero con título impactante, subtítulo y botón de acción
- Sección "¿Qué ofrezco?" con mis servicios o productos
- Sección "¿Por qué elegirnos?" con 3 puntos fuertes
- Sección de contacto con todos mis datos
- Footer con redes sociales
## Funcionalidades
- Botón flotante de WhatsApp (burbuja verde, siempre visible, abre chat directo)
- Links clickeables a Instagram y Facebook
- WhatsApp que abra chat directo: wa.me/[NÚMERO]
- Dirección con link a Google Maps
- Menú hamburguesa en celular
- Scroll suave entre secciones
## Diseño
- Responsive: perfecto en celular y computadora
- Usá mis colores y mi estilo
- Tipografía de Google Fonts
- Fade in al hacer scroll
- Imágenes profesionales de Unsplash del rubro, con comentarios de dónde poner mis fotos reales
- Íconos de Font Awesome
## Calidad
- Todo en un solo archivo .html (CSS y JS adentro)
- Código limpio y comentado
- Meta tags de SEO y Open Graph (para que se vea bien al compartir en WhatsApp)
- Favicon con la inicial del negocio
Al final, dejame un comentario con la lista de lo que tengo que personalizar (fotos, textos…).
¿Cómo está formada una página web?
Las partes de tu web
tunegocio.com
Header
Logo + menú de navegación
Hero
Título grande + botón de acción (lo primero que se ve)
Servicios
Qué ofrecés
Contacto
WhatsApp · mapa · redes
Footer
Pie de página
Y lo que la hace verse profesional:
- Responsive — se ve perfecta en el celular y en la computadora
- Fade in al scroll — cada sección aparece suave al bajar
- Imágenes — fotos del rubro en cada sección
- Botón de WhatsApp — burbuja flotante, siempre a la vista
Tu web ya está online.
La hiciste en una sola charla con Claude.
En el próximo módulo la guardás en un Proyecto.
Ivan Lafuente
ivanlafuente.com · Lafuente AI Cowork