¿Cómo crear tu portfolio online con vibe coding?

Un portfolio a tu medida, para cualquier perfil creativo

Un buen portfolio no es una carpeta de imágenes: cuenta quién eres, qué haces mejor y cómo trabajar contigo. Con CodeMyVibe puedes crear:

• Para ilustradores: galerías por series o técnicas, con detalle de cada obra.
• Para fotógrafos: colecciones de bodas, retrato, producto o viajes, con imágenes a pantalla completa.
• Para diseñadores: casos de estudio con el problema, el proceso y el resultado.
• Para freelancers de cualquier sector: servicios, proyectos destacados, opiniones de clientes y contacto.

Tú decides el estilo: minimalista, colorido, editorial o lo que encaje con tu trabajo.

Paso a paso: de tus proyectos a un portfolio en línea

1. Elige Sitio web en el espacio de trabajo.
2. Preséntate en el chat: a qué te dedicas, qué tipo de clientes buscas y qué proyectos quieres destacar.
3. Adjunta tus trabajos: puedes subir fotos e imágenes directamente en el chat para que el agente las coloque.
4. Planifica la estructura con el modo Planificar si tienes muchos proyectos y no sabes cómo agruparlos.
5. Revisa la vista previa en ordenador y en móvil, y señala lo que quieras cambiar, como el tamaño de una imagen o el orden de una galería.
6. Enséñalo y ponlo en línea. En la dirección de vista previa privada, https://tunombre.previewmyvibe.com, lo ven solo tú y las personas a las que das permiso. Para publicarlo de verdad, descargas el código fuente completo en un ZIP y lo subes al hosting que elijas.

Ejemplo de petición: por qué los detalles marcan la diferencia

Una petición vaga como quiero un portfolio de fotografía da un resultado correcto pero impersonal. En cambio, prueba algo así:

Un portfolio para Marta Ruiz, fotógrafa de bodas y retrato en Granada. Página de inicio con una foto grande y una frase, galerías separadas de Bodas, Retratos y Familias, una sección Sobre mí, opiniones de tres parejas y un formulario de contacto con fecha del evento. Estilo limpio, mucho blanco, tipografía elegante.

Aquí el agente sabe quién eres, dónde trabajas, cómo organizar las imágenes y qué tono buscar. Además, el formulario pide justo el dato que necesitas para responder rápido.

Qué obtienes con tu portfolio

• Galerías adaptadas al móvil, porque muchos clientes te descubrirán desde el teléfono.
• Panel de administración para añadir proyectos nuevos, cambiar textos y gestionar archivos e imágenes sin pasar por el código.
• Subida de imágenes: el agente prepara el espacio para guardar tus archivos cuando el proyecto lo necesita.
• Formulario de contacto que guarda las peticiones, visibles en la pestaña Backend.
• Código QR con tus datos de contacto o el enlace al portfolio, útil en tarjetas y ferias.
• Versiones para probar un diseño distinto sin miedo: siempre puedes restaurar el anterior.

Cómo presentar cada proyecto

Los clientes no solo quieren ver imágenes bonitas: quieren entender cómo piensas y si sabrías resolver su encargo. Por eso merece la pena que cada proyecto tenga su propia ficha. Pídele al agente una plantilla con estos elementos:

• Título y cliente, o el contexto si es un proyecto personal.
• El encargo: qué necesitaba el cliente y con qué limitaciones.
• El proceso: bocetos, pruebas, decisiones importantes. Aquí puedes adjuntar fotos de tu cuaderno o de tu mesa de trabajo.
• El resultado, con las mejores imágenes en grande.
• Una frase del cliente, si la tienes.

Con una ficha así, añadir un trabajo nuevo es rellenar los mismos campos desde el panel de administración. Tu portfolio crece ordenado y con un aspecto coherente, sin que tengas que rediseñar nada cada vez.

Si trabajas para sectores distintos, por ejemplo editorial y publicidad, pide también un filtro por categoría: así cada cliente encuentra enseguida lo que le interesa.

Consejos para que tu portfolio convenza

• Elige pocos proyectos y buenos. Mejor ocho trabajos excelentes que cuarenta normales.
• Cuenta el contexto de cada proyecto en dos o tres frases: cliente, encargo y resultado.
• Usa tus propias imágenes. Las imágenes generadas con IA pueden servir para fondos o ilustraciones decorativas, pero tu trabajo debe ser el protagonista.
• Adjunta capturas de portfolios que te gustan para explicar el estilo sin tener que describirlo todo.
• Deja claro cómo contratarte: un botón de contacto visible en todas las páginas.

Mantén tu portfolio vivo

Un portfolio funciona si está al día. Cada vez que termines un proyecto, súbelo desde el panel de administración o pídele al agente una nueva sección. Cada cambio queda guardado como versión, con su registro de cambios.

El portfolio es tuyo: para ponerlo en línea descargas el código fuente completo en un ZIP, también gratis, listo para Docker o para un hosting normal, y lo subes al hosting que prefieras; cuando lo actualices, subes la nueva versión. También puedes conectarlo con GitHub, GitLab o Bitbucket. La publicación con un clic desde CodeMyVibe llegará próximamente. Y si te apetece, retoca estilos a mano en el editor de código integrado, el mismo de VS Code.

Preguntas frecuentes