Portafolio de proyectos con Lovable: de un PDF a una web viva

En mis más de 10 años de independencia, siempre he tenido un PDF que actualizaba cada vez que alguien me lo pedía, guardado en un Drive. También he tenido casos de negocios publicados en la web, pero siempre con desfase y siempre muchos menos casos que la cantidad de proyectos que había hecho.

En este artículo te cuento cómo pasé de ese PDF a un portafolio de proyectos publicado, filtrable y vinculado a mis páginas de servicio: qué datos necesita cada caso, en qué orden construirlo, y los prompts que puedes copiar para armar el tuyo en Lovable aunque no programes. Es el mismo contenido que trabajamos en la sesión en vivo, ordenado para que lo puedas ejecutar tú.

Mira la sesión completa

Si prefieres leer, sigue abajo. Los prompts están al final de cada etapa, listos para copiar.

Qué es un portafolio de proyectos y en qué se diferencia de un currículum

Un portafolio de proyectos es un catálogo de casos donde muestras, para cada trabajo, cuál era el desafío del cliente, qué solución entregaste, cuál fue tu rol y con qué métodos y herramientas trabajaste.

La diferencia con el currículum es de fondo:

• El currículum describe cargos. Dónde estuviste, cuánto tiempo, con qué título.
• El caso describe problemas que sabes resolver. Y eso es lo que te compran cuando eres consultor, freelance, agencia chica o proveedor.

Ojo, el currículum sigue siendo necesario. Muchos procesos de selección de consultores, licitaciones y postulaciones lo piden de forma explícita. Pero nadie contrata una consultoría leyendo una lista de cargos.

Por qué un PDF en Drive ya no alcanza

Aquí se cruzan tres cosas: cómo compra la gente, cómo funciona hoy la búsqueda y cómo funciona tu negocio.

Cómo compra la gente. Las recomendaciones circulan en grupos de WhatsApp, en mensajes directos, en un "¿conoces a alguien que sepa de esto?". Mi respuesta a eso era mandar tres enlaces sueltos. La persona terminaba con un montón de links y ningún contexto.

Cómo funciona la búsqueda. Un PDF en un Drive privado no lo encuentra Google ni lo cita un modelo de IA cuando alguien le pide "recomiéndame un consultor de omnicanalidad". Una ficha de caso publicada, con texto y estructura clara, sí puede aparecer. El contenido orgánico se comporta como interés compuesto: cada caso que publicas sigue trabajando meses después, mientras que el PDF solo existe cuando tú lo envías.

Cómo funciona tu negocio. El portafolio vivo te ahorra el trabajo manual. Yo pedía testimonios por una mini encuesta, solicitaba autorización para publicarlos y después los subía a mano. Hoy las evaluaciones llegan directo a la ficha del caso, con moderación, y se muestran solas.

Qué información necesita cada caso

Esta es la estructura que uso en mis fichas. Adáptala, pero no la reduzcas a un título y una imagen bonita:

1. El reto. De qué se trataba el proyecto y qué problema tenía el cliente.
2. La solución. Cómo estructuraste la respuesta a ese reto. Aquí habla tu metodología.
3. Tu rol. Fundamental si trabajas con equipos, agencias o consorcios. Un proyecto nunca gira alrededor tuyo: deja claro qué hiciste tú y quiénes fueron los otros actores.
4. Herramientas y métodos. Si trabajas con Shopify y no con Magento, dilo. Ese dato filtra clientes que no te convienen y atrae a los que sí.
5. Datos de catalogación. Año, estado (en curso o terminado), industria, país, tipo de cliente, mercado (B2B, B2C).
6. Evidencias. Fotos, pantallazos, artefactos públicos del proyecto.
7. Evaluaciones. El testimonio de quienes participaron, moderado antes de publicarse.

Los datos de catalogación parecen un detalle administrativo. Son los que después te permiten filtrar y segmentar, y el diablo está en los detalles: si no los capturas desde el inicio, vas a tener que reconstruirlos proyecto por proyecto.

Ordena tus datos antes de abrir la herramienta

Este es el cuello de botella y no tiene nada que ver con la tecnología. El agente puede construirte las fichas en minutos si le pasas los datos en bruto. Si no los tienes, ninguna herramienta te va a salvar.

Antes de escribir el primer prompt, junta:

• Tu descripción profesional: qué haces, a quién le vendes, cómo trabajas.
• Dos o tres casos con el reto, la solución y tu rol. No necesitas veinte para partir.
• Tu fuente de datos, si existe. Yo llevo años manteniendo una planilla con cliente, país, año, industria, tipo de cliente, herramientas, métodos y etapa del proyecto. Esa planilla fue el input que permitió generar las fichas casi completas.
• Tus evidencias: fotos, pantallazos, reportes públicos, infografías publicadas.

Tres cosas prácticas antes de seguir:

• Si tu material está en PDF, pásalo a Markdown con un conversor gratuito. Es texto plano, mucho más liviano, y los asistentes lo procesan mejor.
• Revisa qué puedes compartir. Hay datos sensibles de clientes y de proyectos que no salen de ahí. Usa referencias públicas y respeta los temas de marca.
• Si necesitas usar material con información delicada, anonimízalo antes de subirlo a cualquier plataforma.

No sabemos lo que no sabemos sobre nuestros propios archivos hasta que los vamos a buscar. En mi caso, la planilla estaba ordenada, pero las fotos estaban dispersas en carpetas de Drive y las tuve que revisar de a una.

Los prompts para extraer y estructurar tus casos

Estos tres prompts son los mismos que usamos en la sala del taller, antes de abrir Lovable. Sirven con cualquier asistente conversacional.

Extraer casos de tu experiencia

Eres un editor especializado en portafolios profesionales. Te voy a dar una lista de trabajos que hice. Para cada uno, extrae:
- Problema o necesidad del cliente.
- Qué hice concretamente (actividades, no adjetivos).
- Mi rol y con quién trabajé.
- Resultado observable o cambio después de mi intervención.
- Qué lo hace interesante para alguien que quiera contratarme.
Si falta información, pregúntame antes de inventar. No uses lenguaje de marketing.
Mis trabajos:
[PEGA AQUÍ TU LISTA]

Estructurar un caso para publicar

Convierte el siguiente trabajo en una ficha de caso para mi portafolio, con esta estructura:
1. Título (máximo 65 caracteres, sin promesas exageradas).
2. Resumen de una línea.
3. Contexto: quién era el cliente (anonimizado si corresponde) y qué estaba fallando.
4. Diseño: el enfoque y los métodos que usé, paso a paso.
5. Mi rol: qué hice yo y qué hizo el equipo o el cliente.
6. Impacto: resultados observables, en rangos o porcentajes si las cifras son sensibles.
7. Datos del proyecto: servicio, desafío, industria, año, duración.
8. Metadata SEO: title de 50 a 60 caracteres y meta description de 120 a 155.
Escribe en español neutro, en primera persona, sin superlativos.
Trabajo:
[PEGA AQUÍ TU TRABAJO]

Cómo construirlo en Lovable, paso a paso

Trabajo con Lovable porque me permite iterar rápido sobre algo que voy a mantener yo misma. Transparencia total: soy embajadora de Lovable. Fui súper usuaria mucho antes de ser embajadora, eso sí. 

Dos reglas antes de empezar:

• Usa el modo plan, no el modo build. El modo build empieza a construir de inmediato. El modo plan te hace preguntas, y esas preguntas guían al agente para ayudarte mejor.
• Parte chico para llegar a grande. No pidas el portafolio completo con backend y administrador en el primer prompt. Ahorras créditos y evitas trabajo doble, tuyo y del agente.

Hay una razón menos obvia para ir por partes. Cuando le pasas toda tu historia de vida en el primer prompt, el agente construye cosas que tú todavía no has visto y, por lo tanto, no has podido evaluar. Es como trabajar con un diseñador o una agencia: hay una etapa intermedia donde uno pasa el brief y la otra parte entrega por partes. Todavía no enfrentaste tu criterio con el del agente. Dale tiempo a eso.

El orden que recomiendo, si ya tienes un sitio web con tus servicios profesionales:

Prompt 1: estructura base del portafolio de casos

Crea la ruta del catálogo con tarjetas de caso y algunos casos de muestra para ver el diseño antes de cargar tu contenido.

Crea una web de portafolio profesional con una ruta /casos que muestre un catálogo de casos en tarjetas. Cada caso tiene: título, cliente o descripción genérica del cliente, servicio, desafío, industria, año, resumen de una línea e imagen. Carga 6 casos de muestra para ver el diseño. Diseño editorial, limpio, con buena tipografía y modo claro.

Prompt 2: la ficha de caso completa

Define la plantilla de detalle con reto, solución, rol, herramientas, datos de catalogación y espacio para evidencias.

Crea la ruta /casos/[slug] con un layout editorial: hero con imagen o ilustración, secciones numeradas Contexto / Diseño / Mi rol, Impacto o Resultados opcional, galería, testimonio opcional, referencias, datos del proyecto y un CTA para agendar una sesión de 30 minutos. Un solo h1 por página.

Prompt 3: carga de tus proyectos desde una planilla o documento

Sube tu fuente de datos y genera las fichas de forma masiva, respetando la estructura que ya aprobaste.

Te adjunto mi planilla (o documento) con mis proyectos. Cada fila es un caso e incluye cliente, país, año, industria, tipo de cliente, servicio, herramientas, métodos y etapa del proyecto.
Genera una ficha por cada fila usando exactamente la estructura de /casos/[slug] que ya aprobamos: no cambies el layout ni inventes secciones nuevas.
Reglas:
1. No inventes datos: si falta información, deja el campo vacío y márcalo en una lista de pendientes al final.
2. Anonimiza el cliente cuando la fila lo indique.
3. Escribe en español neutro, en primera persona, sin superlativos.
4. Deja todas las fichas como no publicadas hasta que yo las revise.
Al terminar, muéstrame una tabla con caso, campos completos y campos faltantes.

Prompt 4: filtros y navegación por tipo de servicio, desafío e industria

En mi portafolio filtro por tipo de servicio (consultoría, coaching, formación, investigación, speaker, patrocinio, académico), por tipo de desafío (adopción de IA, diseño de experiencia, e-commerce, posicionamiento de marca, SEO) y por industria y mercado.

Agrega filtros al catálogo /casos por servicio, desafío e industria, más un buscador por texto. Los filtros se combinan entre sí, muestran el número de resultados y se pueden limpiar con un botón. En móvil, los filtros van en un panel desplegable.

Prompt 5: landing segmentada por especialidad

Genera una página que reúna solo los casos de una industria o desafío, con el copy orientado a esa intención de búsqueda.

Crea una landing de servicio en /servicios/[slug] que reúna solo los casos de un desafío o industria específica. Estructura: un solo h1 con la intención de búsqueda, un párrafo que responde de inmediato qué resuelvo y para quién, una sección de enfoque con mi metodología, la grilla de casos filtrados por esa etiqueta, preguntas frecuentes y un CTA para agendar 30 minutos.
Agrega metadata propia (title de 50 a 60 caracteres, meta description de 120 a 155, og y twitter card) y JSON-LD Service + FAQPage.
Enlaza desde cada ficha de caso a la landing correspondiente y desde la landing a cada caso.

Prompt 6: evaluaciones y testimonios moderados

Permite que las personas que participaron en el proyecto dejen su evaluación, con moderación previa a la publicación.

Agrega evaluaciones a cada ficha de caso. Un formulario corto pide nombre, cargo, organización, correo (no se publica), puntuación de 1 a 5 y comentario.
Las evaluaciones se guardan en la base de datos con estado pendiente y no se muestran hasta que yo las apruebe desde el panel privado.
En la ficha, muestra el promedio y los testimonios aprobados. Protege el formulario contra envíos automatizados y valida todos los campos.

Prompt 7: panel de administración (CMS)

Este viene al final. Más abajo te explico por qué.

Crea una ruta protegida /miapp/masivo donde pueda ver todos los casos en una tabla, editar campos clave en JSON, cambiar la visibilidad pública de cada caso con un botón Visible/Desactivado, filtrar por estado y guardar cambios. Solo accesible para administradores.

Prompt extra: el botón de agendar

Integra un botón para agendar sesiones de 30 minutos en /casos/[slug] y /contacto. Usa Google Calendar: busca disponibilidad solo en los próximos 3 días naturales, entre 09:00 y 20:00 hora de Chile, crea el evento con enlace de videollamada automático y guarda la página de origen. Muestra un calendario simple con los horarios disponibles.

¿Todavía no tienes cuenta? Puedes empezar con la versión gratuita y construir la primera versión de tu portafolio hoy mismo. Crear mi cuenta en Lovable →

Evidencias: fotos propias antes que stock o IA

Si no le dices nada al agente, te va a inventar una foto de una señora que no eres tú. Por eso le paso mi foto, mi logo y los colores de mi marca.

Con las evidencias de proyecto pasa lo mismo, y aquí mi posición es bastante firme: si hiciste un taller de design thinking y tienes fotos medio caseras, usa esas fotos. Un pantallazo de buena calidad del tablero de Miro donde diste el taller comunica más que una imagen de stock. Una infografía pública del proyecto, un reporte publicado, una foto del escenario donde presentaste: todo eso es material que comunica lo que estás haciendo y cómo puedes ayudar.

¿Significa que nunca uses imágenes generadas? Depende. Cuando no tengo foto concreta de un proyecto, uso formas gráficas propias de la marca. Lo que evito es simular una situación que no ocurrió.

El administrador viene después, no antes

Yo me armé un CMS para gestionar mis casos: editar campos, ver qué información me falta, desactivar fichas que todavía no están listas, ordenar, corregir países en proyectos multipaís. Me sirve porque soy de las que necesita ver toda la tabla.

Pero no lo construyas al inicio. Sería una pérdida de tiempo, de energía y de créditos antes de saber cómo se ven tus fichas y qué datos vas a mostrar. Primero valida el front, después automatiza la gestión.

De casos sueltos a landings segmentadas

Aquí está, para mí, el salto de valor. Tener los casos publicados y estructurados te habilita algo que un PDF nunca va a permitir: crear páginas específicas por tipo de problema.

Si tengo varios proyectos de e-commerce, puedo armar una página de consultoría estratégica para e-commerce que hable a quien busca exactamente eso, con mis casos vinculados abajo. Y al revés: desde la página de servicio enlazo a los casos donde apliqué esa metodología, y desde cada caso, a la opción de agendar una sesión.

Eso cambia la conversación comercial. En vez de mandar tres enlaces sueltos por WhatsApp, mandas una página que ya responde por ti.

Un matiz honesto: esto rinde si tienes volumen y variedad. Si tienes tres casos, publícalos bien y sáltate la segmentación por ahora. Los filtros llegan cuando hay algo que filtrar.

"Es que no tengo proyectos suficientes"

Es lo que más escucho, y casi nunca es cierto. Cuentan:

• Los proyectos propios que desarrollaste, aunque sean herramientas internas o side projects.
• Las startups que levantaste y que no funcionaron. Ese aprendizaje construyó tu experticia.
• Los proyectos académicos, las clases, las mentorías, los talleres.
• Los patrocinios y colaboraciones con marcas, si trabajas con formatos así.
• Los proyectos corporativos en los que participaste, siempre dentro de lo que no es confidencial.

Salvo que tengas dieciséis años y nunca hayas hecho nada, es muy probable que tengas material. Y si trabajas en relación de dependencia, también te sirve: nunca se sabe cuándo vas a necesitar comunicar lo que sabes hacer.

Por dónde empezar esta semana

Si vas a hacer una sola cosa después de leer esto, que sea esta secuencia:

1. Elige dos casos de los que estés orgullosa u orgulloso. Los más relevantes, no los más recientes.
2. Escribe para cada uno el reto, la solución y tu rol. Media página por caso.
3. Levanta la estructura base con el primer prompt, en modo plan.
4. Publica. Así, incompleto.
5. Agrega el resto en el camino: fotos, filtros, evaluaciones, landings.

Mi portafolio estuvo demasiado tiempo como work in progress porque estaba trabajando en muchas cosas en paralelo. Hasta que me obligué a sacarlo sabiendo que iba a ir mejorando después. Todavía le falta: hay enlaces que cambiaron, fichas sin fotos, un favicon pendiente. Salió igual, y desde que salió trabaja.

No esperes a tener todos los datos juntos. Todo se diseña, incluido el momento de lanzar algo imperfecto.

¿Ya tienes tu portafolio de proyectos publicado o sigue viviendo en un PDF? Cuéntame en los comentarios en qué etapa estás y con qué te trabaste. Te leo. ☕

PD: grabé la sesión en vivo con la voz destrozada, recién vuelta de correr en la Patagonia. Prueba empírica de que publicar imperfecto también aplica al contenido. 🏃‍♀️