IEB+Capacitación · Desarrollo Web
Todos los módulos
01

Estructurar un proyecto desde cero

Antes de pedirle una sola pantalla a la IA, definí qué estás construyendo y para quién. Acá armás el plano del proyecto.

18 minDefinir objetivosArquitectura de páginasUser flowSitemap

Antes de prompetear

El plano va primero

La tentación es abrir la IA y pedir “hacéme una web”. Mal arranque. Sin un plano, la IA inventa por vos y terminás con páginas que no sirven a ningún objetivo. Cinco minutos de planificación te ahorran horas de re-prompteo.

La regla de oro

Toda página tiene un objetivo y una acción principal. Si no podés nombrarlos, todavía no la diseñes.

Paso 1

Definir objetivos

¿Qué tiene que lograr esta web? Vender, captar leads, informar, agendar reuniones. El objetivo de negocio define todo lo demás: qué páginas hay, qué se ve primero y cuál es el llamado a la acción (CTA).

Prompt para clarificar objetivos
Soy del equipo de marketing de {{empresa}}. Quiero una web para {{objetivo: ej. captar leads de un nuevo producto}}.
Antes de proponer diseño, hacéme 5 preguntas clave para definir: objetivo de negocio, público, acción principal (CTA), y qué métrica indicaría éxito.
No escribas código todavía.

Paso 2

Arquitectura de páginas

Listá las páginas mínimas y, para cada una, su objetivo único. Clickeá las páginas del ejemplo para ver cómo se piensa cada una:

Inicio

Captar en 5 segundos: qué ofrecés y qué hago ahora. Hero + CTA principal.

Menos es más

Una landing de campaña suele necesitar 1 sola página. Un sitio institucional, 4–6. No agregues páginas “por las dudas”.

Paso 3

User flow

El user flow es el camino que hace la persona desde que llega hasta que convierte. Mapealo como una secuencia simple: cada paso debe acercar al objetivo.

flujo
Anuncio (Instagram)
   ↓
Landing — Hero con promesa + CTA "Quiero saber más"
   ↓
Sección beneficios + prueba social
   ↓
Formulario (nombre + email + WhatsApp)
   ↓
Gracias + redirección a WhatsApp

Paso 4

Sitemap + checklist

Con objetivos, páginas y flow claros, ya tenés el brief que le vas a pasar a la IA. Pedí el sitemap completo en un solo prompt:

Prompt para generar el sitemap
Con este contexto:
- Empresa: {{empresa}}
- Objetivo: {{objetivo}}
- Público: {{público}}
- Acción principal (CTA): {{CTA}}

Proponé el sitemap (lista de páginas) y, por cada página: su objetivo único, las secciones que la componen y su CTA. Formato lista. Sin código.

Antes de pasar al diseño, ¿tengo…?

0/5