Cómo hacer un portafolio online sin código, paso a paso

Para hacer un portafolio online sin código, elige entre cuatro y seis trabajos, describe cada uno en tres frases y pide el sitio por escrito. Zugo genera la página a partir de esa descripción en torno a un minuto, y tú sustituyes las imágenes por las tuyas antes de publicar en tu dominio.

La parte difícil no es técnica. Un portafolio falla casi siempre por selección, no por diseño: veinte trabajos sin contexto convencen menos que cuatro contados bien. Esa decisión la tomas tú antes de escribir el primer prompt.

¿Qué trabajos entran y cuáles sobran?

La regla práctica es que el portafolio se juzga por su pieza más floja, no por la media. Si dudas de un trabajo, fuera. Cuatro proyectos sólidos superan a doce desiguales, y además se leen enteros.

Prioriza el trabajo que quieres repetir. Si te aburre hacer catálogos, no enseñes catálogos: recibirás encargos de catálogos. El portafolio funciona como un filtro de clientes, y filtra por lo que muestras, no por lo que dices que te gustaría hacer.

Cuenta el problema, no solo el resultado. Tres frases por proyecto: qué pedía el cliente, qué decidiste tú, qué pasó después. Sin eso, una imagen bonita es indistinguible de un ejercicio de escuela.

Ordena por fuerza, no por fecha. Lo mejor arriba. Nadie llega al final de la cuadrícula, y colocar el trabajo reciente primero solo tiene sentido si además es el mejor.

Si trabajas por proyectos con presupuesto, añade una línea de alcance al final de cada ficha: duración y tipo de entrega. Ahorra la mitad del primer correo y descarta a quien buscaba otra cosa.

¿Qué prompt genera un portafolio decente a la primera?

El generador acierta cuando nombras secciones, orden y acción principal. "Hazme un portafolio bonito" devuelve una plantilla genérica que luego reescribes entera, y reescribir cuesta más que describir.

Crea el portafolio de [nombre], [disciplina], en español.
Secciones en este orden:
1. Portada: nombre, una frase de qué haces y para quién,
   botón "Ver trabajos" y otro "Escríbeme".
2. Trabajos: cuadrícula de [4-6] proyectos con imagen,
   título, cliente, año y una línea de resultado.
3. Ficha de proyecto: imagen grande, el encargo, lo que
   decidí, el resultado y tres imágenes de detalle.
4. Sobre mí: 4 frases, herramientas que uso, dónde vivo.
5. Contacto: formulario con nombre, correo, tipo de
   proyecto, presupuesto aproximado y mensaje.
Estilo sobrio, mucho blanco, tipografía grande,
las imágenes mandan sobre el texto.

El campo de presupuesto aproximado es el más discutido y el más útil. No espanta clientes serios: espanta conversaciones que iban a terminar en nada, y te deja responder primero a quien encaja.

Cuando quieras afinar el estilo sin rehacer el sitio, se hace por ediciones: los patrones generales están en cómo editar un sitio después de generarlo.

¿Qué pasos van del prompt al portafolio publicado?

Cinco pasos con su comprobación cada uno. La comprobación es lo que separa un portafolio publicado de uno que lleva un mes con imágenes de relleno.

La prueba del formulario no es opcional. Un portafolio con formulario decorativo es peor que un portafolio con un correo escrito en texto plano, porque el visitante cree que te ha escrito y tú nunca sabes que existió.

¿Cómo quedan bien las imágenes propias?

Las imágenes son el noventa por ciento del portafolio, y ahí el generador no puede ayudarte: son tuyas. Tres decisiones marcan la diferencia entre una cuadrícula ordenada y un collage.

Misma proporción para todas las miniaturas. Da igual cuál elijas, pero elige una. Mezclar vertical y horizontal en la misma cuadrícula es lo que hace que un sitio se vea improvisado por muy limpio que esté el código.

Peso controlado. Exporta a un ancho razonable en lugar de subir el archivo de cámara. Una portada con seis imágenes enormes tarda en cargar y la mitad de las visitas llegan por móvil con mala cobertura.

Texto alternativo real. Describe la imagen en una frase. Sirve para lectores de pantalla y también para que Google entienda una página que es casi toda imagen.

Si trabajas con material del cliente, comprueba qué puedes publicar antes de subirlo. Un acuerdo de confidencialidad no distingue entre "lo enseñé en una reunión" y "lo publiqué en una web indexable".

¿Cuánto cuesta y qué plan hace falta?

El plan gratuito da 5 créditos, suficiente para generar una primera versión y verla publicada antes de pagar. Pro cuesta $25 al mes con 200 créditos e incluye conectar tu dominio. Business son $99 al mes.

Las cifras por acción son fijas: generar cuesta 6 créditos, editar cuesta 3, y un sitio de varias páginas se cobra como plataforma: 12 créditos por las tres primeras páginas y 3 por cada página adicional.

Un portafolio de una sola página con cuadrícula y formulario son 6 créditos. Si cada proyecto tiene ficha propia, portada más cuatro fichas más contacto son seis páginas: 12 créditos por las tres primeras y 9 por las otras tres, 21 en total. El modo Hi-Fi duplica ambas cifras, 12 por generación y 6 por edición, y en un portafolio es de los pocos sitios donde ese gasto se justifica, porque el acabado visual es el argumento de venta.

La dirección publicada tiene la forma tunombre.zugo.run y sirve para enviar propuestas desde hoy. El dominio propio se conecta después sin volver a generar nada. Hay 25 plantillas disponibles, cinco de ellas de juegos, y partir de una plantilla cercana suele salir más barato que describir la maqueta desde cero.

¿Merece la pena tener dominio propio?

Sí, y por una razón que no es estética. Un dominio propio es tuyo aunque cambies de herramienta: los enlaces que has repartido en propuestas, firmas de correo y perfiles siguen funcionando el día que muevas el sitio a otro sitio.

En un portafolio hay además un efecto de credibilidad medible en la práctica: el correo de contacto en tu dominio y la dirección de la web coinciden, y eso hace que menos mensajes acaben en spam cuando escribes tú primero al cliente.

El orden razonable es publicar hoy con la dirección incluida, comprobar que todo funciona, y conectar el dominio cuando el contenido esté quieto. Los detalles del proceso están en conectar tu propio dominio.

Elige un dominio que puedas dictar por teléfono sin deletrear. Tu nombre y apellido suele ser la mejor opción para un portafolio personal, porque es lo que la gente escribe cuando te busca después de una reunión, y no envejece cuando cambias de especialidad o de ciudad.

¿Dónde se queda corto un portafolio hecho con IA?

Cuatro límites honestos, porque descubrirlos tarde cuesta más que leerlos ahora.

No sustituye a la selección ni a los textos. El generador maqueta; decidir qué enseñas y contarlo en tres frases sigue siendo trabajo tuyo, y es la parte que convierte visitas en encargos.

Las animaciones muy específicas se llegan por ediciones. Una transición concreta entre proyectos, un cursor personalizado o un efecto de scroll que has visto en otro sitio se consiguen pidiendo cambios sucesivos, no con un solo prompt.

Un portafolio con área privada de cliente es otro producto. Zonas con contraseña, entrega de archivos y revisiones por cliente necesitan base de datos y cuentas, y eso ya es una aplicación pequeña.

No reemplaza a un equipo de desarrollo en algo complejo. Si tu portafolio quiere ser también tienda, blog con cientos de entradas y área de miembros, el camino honesto es por partes, y en algún punto conviene un desarrollador. El código se exporta a GitHub y el proyecto es tuyo, así que ese relevo no te deja atrapado.

Para el caso normal, alguien que necesita enseñar seis trabajos bien contados con un formulario que funcione, el proyecto es de una tarde. Si además vendes servicios con paquetes cerrados, mira cómo se estructura una página de precios en la guía de página de precios. Puedes probar con los créditos gratuitos en zugo.dev.