Módulo 3 · Diseño de Interiores y Marketing Digital
Sesión 6 · Tema 2.3 · Parte 2
De tu brief al sitio publicado
Hoy conviertes tu brief en un master prompt y publicas tu portafolio.
Tu brief… hoy se vuelve sitio
Traes tu brief (S5): wireframe, imágenes y contenido. Hoy lo redactas como master prompt y lo ejecutas.
Sin brief, no hay clase
Si no lo trajiste, hoy armas el brief primero.
Qué te llevas de la sesión
- Redactar tu Master Prompt 1 (estructura) desde tu brief.
- Redactar tu Master Prompt 2 (diseño).
- Ejecutar en v0 y refinar lo mínimo.
- Publicar tu portafolio y entregar la evidencia.
De brief a master prompt
Tu materia prima, convertida en una instrucción poderosa.
Una instrucción larga, precisa y poderosa
El master prompt no es corto: es UNA instrucción completa que genera todo el sitio de un tiro. Y tú ya tienes el material: tu brief.
El secreto
No le pidas cositas de a poco. Prepara y dale todo junto, bien preciso.
Cada parte del brief = un bloque del prompt
Contexto →
"Soy {nombre}, {especialidad}, tono {…}"
Wireframe →
Las secciones y su orden.
Contenido →
Los textos de cada proyecto.
Imágenes →
Qué archivo va en cada lugar.
Redacta tu Master Prompt 1 (estructura)
"Actúa como diseñador web senior. Genera en ESTA instrucción un portafolio COMPLETO para un
arquitecto. Enfócate en estructura y contenido (el diseño va después).
Contexto: {tu brief}. Inicio · Proyectos · Sobre mí · Contacto.
Cada proyecto: portada, reto, proceso, resultado, ubicación, año, rol (usa {imágenes}). Responsive."
Redacta tu Master Prompt 2 (diseño)
"Ahora aplica el diseño sin cambiar estructura ni contenido.
Estilo: {minimalista/editorial…}, inspirado en {tus referentes S3}.
Paleta: {colores}. Tipografía: {títulos / cuerpo}.
Imágenes grandes, mucho espacio en blanco, responsive."
v0 y la regla de oro
Entra a v0.app (cuenta gratis). Cada mensaje gasta créditos, así que pega tus prompts completos y ajusta lo mínimo.
Plan de hoy
2 disparos grandes (estructura + diseño) y 1–2 ajustes.
Sube imágenes + pega el Master Prompt 1
Arrastra tus imágenes, pega el prompt de estructura y revisa que esté completo:
Diseño, refina y revisa en celular
Pega el MP2
El diseño. El sitio se transforma.
Refina mínimo
1–2 ajustes, uno a la vez.
Revisa móvil
Que se vea bien en el celular.
Publica con un clic
1 · Publish
v0 sube tu sitio solo.
2 · Tu link
tunombre.vercel.app, en ~1 min.
3 · ¡En vivo!
Gratis. Compártelo.
¿Dominio propio? Opcional (~$10–15 USD/año). El link gratis funciona perfecto.
Publica y entrega
Tu portafolio en línea
- Sitio publicado: Inicio, 3 proyectos con imágenes y Contacto.
- Toma capturas + tu link y arma un PDF.
- Súbelo a Crezee y pega tu link en el tablero de Miro.
Para la próxima
¡Tu portafolio está en línea!
Tienes ancla (LinkedIn) y aparador (tu web). La próxima: cómo usar las redes para atraer clientes.