Cómo crear una web para tu negocio con IA: del encargo al formulario
Neaptide · 6 de septiembre de 2026 · 9 min de lectura · Actualizado: 7 de septiembre de 2026
Creamos la web de un taller y probamos su diseño, formulario y errores. Con capturas originales, demostración interactiva, publicación y SEO.
En este artículo
Alguien elige un taller, escribe su email y pulsa Enviar. La página muestra «Gracias», pero al negocio no le llega nada. La web parece terminada y, aun así, no cumple su función. Empieza por la acción que debe completar el visitante y por cómo comprobarás el resultado.
Para una web pequeña, reúne los datos del negocio, define un recorrido principal, construye la página y prueba el diseño y el formulario. Publica y repite las comprobaciones en la dirección pública. El agente ayuda con el código; las condiciones del servicio y la revisión del resultado siguen necesitando atención.
El ejemplo que hemos creado
Forma es un taller de cerámica ficticio. Hemos creado una oferta, un programa y un formulario de prueba. La imagen procede de nuestra guía anterior; el precio de 60 € y las condiciones son inventados. Las cinco ilustraciones son capturas del ejemplo en funcionamiento. El servidor valida las solicitudes, pero no las guarda ni envía correos. Solo acepta direcciones @example.com.
1. Reúne los datos antes del diseño
«Haz una web moderna» no concreta lo esencial. Anota a quién se dirige el taller, qué harán los participantes, qué incluye el precio y cuándo podrán recoger la pieza. Guarda los datos confirmados en un archivo del proyecto y señala los que faltan. El modelo no debe sustituirlos por direcciones, opiniones o años de experiencia inventados.
2. Decide cómo se mantendrá la web
Si el equipo necesita editar contenido sin tocar código, plantea un editor o CMS desde el principio. Una web pequeña a medida también puede ser un proyecto de código con un proceso de publicación claro. Piensa en el mantenimiento, además de la primera versión.
Abre la carpeta del proyecto en un agente que trabaje con archivos. Pide primero una estructura y las dudas pendientes. Este encargo sirve para repetir el ejercicio.
Crea una web didáctica para el taller ficticio Forma.
Taller para principiantes de 2 horas, 60 € por persona y hasta 8 participantes. Incluye materiales y cocción. Identifica estas condiciones como ficticias.
Incluye oferta y botón, tres pasos y formulario. No inventes opiniones, dirección ni resultados. Usa la imagen del proyecto. En pantallas estrechas, coloca el texto encima de la imagen.
El formulario acepta un email @example.com y de 1 a 8 participantes. Valida en navegador y servidor. No guardes solicitudes ni envíes correos; indícalo en el resultado.
Añade un fallo simulado que permita reintentar sin perder los campos. Empieza por los archivos que cambiarás y las comprobaciones.3. Mira la primera pantalla como visitante
Comprueba que un visitante entiende la actividad, el precio y lo que incluye. Pulsa el botón principal para verificar que lleva al formulario. En nuestro ejemplo, la imagen está junto al texto, de modo que puedes cambiar el título sin generarla de nuevo. Pide correcciones concretas y guarda una versión funcional después de cada avance importante.
4. Comprueba el diseño con poco ancho de pantalla
Las columnas pasan a una sola y el texto no tapa la taza. Antes de lanzar una web real, ábrela también en un teléfono: muestra el teclado, recorre los campos y llega al botón. La vista estrecha solo comprueba una parte de esa experiencia.
Revisa formatos ancho y estrecho: desplazamiento horizontal, texto cortado y elementos superpuestos. Recorre los enlaces y el formulario con el teclado. Corrige cada problema y repite la comprobación afectada.5. Prueba tres estados del formulario
Datos incorrectos
Introduce 9 participantes. El formulario debe explicar el límite de 1 a 8 junto al campo y no enviar nada. El servidor también debe validar: es posible enviar una petición sin pasar por la interfaz.
Un fallo del servidor
Vuelve a 2 y activa el fallo simulado. El servidor devuelve HTTP 503. La página informa del error y conserva los campos. Desactiva el fallo para reintentar.
Confirmación
Una solicitud válida recibe HTTP 200. El resultado especifica que se ha validado, sin guardarse ni reenviarse. El botón permanece desactivado mientras se procesa la petición.
En una web comercial, define el destino: CRM, sistema de reservas o bandeja de entrada. Envía una prueba y localízala allí. Que un servicio acepte un correo en su cola no demuestra que se haya entregado. Si los reintentos crean duplicados, también hay que resolverlos en el servidor.
El procesamiento del formulario superó 12 pruebas que incluían solicitudes válidas, errores de email y de número de participantes, formatos no admitidos, una petición demasiado grande y el fallo simulado. Son comprobaciones funcionales del ejemplo; no miden su respuesta ante una carga elevada ni constituyen una auditoría de un sistema de reservas.
6. Publica y comprueba la dirección pública
El repositorio almacena el código y el historial de versiones. El servicio de alojamiento prepara la web y la hace accesible en internet. Este proyecto usa GitHub para el repositorio y Vercel para el alojamiento. No siempre hace falta un servidor privado virtual (VPS) independiente, pero el proveedor debe permitir ejecutar el código que procesa el formulario.
- Guarda una versión funcional y conecta el repositorio al alojamiento.
- Revisa la configuración de compilación y entorno. No incluyas secretos de integraciones en el código público.
- Prueba una publicación preliminar: enlaces, formulario, errores y confirmación.
- Conecta el dominio según las instrucciones del proveedor y comprueba HTTPS.
- Repite las pruebas en la dirección pública y verifica la recepción en el destino real.
Presupuesta creación, herramienta de IA, dominio, alojamiento, servicio de formulario y mantenimiento. La suscripción de IA no es todo el coste de la web.
7. Explica la oferta para buscadores y respuestas de IA
Escribe un título de página, una descripción y un encabezado principal claros. Responde en el texto para quién es el servicio, qué incluye el precio y qué pasa tras la solicitud. En las traducciones, revisa direcciones y enlaces de idioma. Los datos estructurados deben coincidir con el contenido visible.
Las respuestas directas y las condiciones explícitas facilitan entender y citar la oferta, sin garantizar posiciones en buscadores o respuestas de IA. La web didáctica lleva noindex; el artículo sí está pensado para la búsqueda.
Cuándo recurrir a un especialista
- Pagos, cuentas o reservas con plazas limitadas.
- Solicitudes que no puedes seguir hasta su destino.
- Traslado de una web existente conservando sus URL.
- Cambios que rompen otras partes una y otra vez.
Aporta el recorrido concreto y los resultados de las pruebas. En un taller real, la comprobación termina cuando la persona responsable encuentra la solicitud correcta en su sistema.