Portofoliu de proiecte cu Lovable: de la PDF la web

În cei peste 10 ani de independență, am avut întotdeauna un PDF pe care îl actualizam de fiecare dată când cineva mi-l cerea, salvat într-un Drive. Am avut și studii de caz publicate pe web, dar întotdeauna cu întârziere și întotdeauna mult mai puține cazuri decât numărul de proiecte pe care le realizasem.

În acest articol îți povestesc cum am trecut de la acel PDF la un portofoliu de proiecte publicat, filtrabil și legat de paginile mele de servicii: ce date are nevoie fiecare caz, în ce ordine să-l construiești și prompturile pe care le poți copia pentru a-ți crea propriul portofoliu în Lovable, chiar dacă nu programezi. Este același conținut pe care l-am lucrat în sesiunea live, ordonat astfel încât să-l poți executa singur.

Urmărește sesiunea completă

Dacă preferi să citești, continuă mai jos. Prompturile sunt la sfârșitul fiecărei etape, gata de copiat.

Ce este un portofoliu de proiecte și prin ce se deosebește de un CV

Un portofoliu de proiecte este un catalog de cazuri în care prezinți, pentru fiecare lucrare, care a fost provocarea clientului, ce soluție ai oferit, care a fost rolul tău și cu ce metode și instrumente ai lucrat.

Diferența față de CV este de fond:

• CV-ul descrie funcții. Unde ai fost, cât timp, cu ce titlu.
• Cazul descrie probleme pe care știi să le rezolvi. Și asta este ceea ce ți se cumpără atunci când ești consultant, freelancer, agenție mică sau furnizor.

Atenție, CV-ul rămâne necesar. Multe procese de selecție a consultanților, licitații și candidaturi îl solicită explicit. Dar nimeni nu angajează o consultanță citind o listă de funcții.

De ce un PDF în Drive nu mai este suficient

Aici se intersectează trei aspecte: cum cumpără oamenii, cum funcționează căutarea astăzi și cum funcționează afacerea ta.

Cum cumpără oamenii. Recomandările circulă în grupuri de WhatsApp, în mesaje directe, într-un „cunoști pe cineva care se pricepe la asta?”. Răspunsul meu la asta era să trimit trei linkuri disparate. Persoana ajungea cu o grămadă de linkuri și fără niciun context.

Cum funcționează căutarea. Un PDF într-un Drive privat nu este găsit de Google și nici nu este citat de un model AI atunci când cineva îi cere „recomandă-mi un consultant de omnicanalitate”. O fișă de caz publicată, cu text și structură clară, poate apărea. Conținutul organic se comportă ca un interes compus: fiecare caz pe care îl publici continuă să lucreze luni mai târziu, în timp ce PDF-ul există doar atunci când îl trimiți tu.

Cum funcționează afacerea ta. Portofoliul viu îți economisește munca manuală. Eu ceream mărturii printr-un mini-sondaj, solicitam autorizația de a le publica și apoi le încărcam manual. Astăzi, evaluările ajung direct la fișa cazului, cu moderare, și se afișează singure.

Ce informații are nevoie fiecare caz

Aceasta este structura pe care o folosesc în fișele mele. Adapteaz-o, dar nu o reduce la un titlu și o imagine frumoasă:

1. Provocarea. Despre ce era proiectul și ce problemă avea clientul.
2. Soluția. Cum ai structurat răspunsul la acea provocare. Aici vorbește metodologia ta.
3. Rolul tău. Fundamental dacă lucrezi cu echipe, agenții sau consorții. Un proiect nu se învârte niciodată în jurul tău: clarifică ce ai făcut tu și cine au fost ceilalți actori.
4. Instrumente și metode. Dacă lucrezi cu Shopify și nu cu Magento, spune-o. Această informație filtrează clienții care nu ți se potrivesc și îi atrage pe cei care da.
5. Date de catalogare. Anul, starea (în curs sau finalizat), industria, țara, tipul de client, piața (B2B, B2C).
6. Dovezi. Fotografii, capturi de ecran, artefacte publice ale proiectului.
7. Evaluări. Mărturia celor care au participat, moderată înainte de publicare.

Datele de catalogare par un detaliu administrativ. Ele sunt cele care îți permit ulterior să filtrezi și să segmentezi, iar diavolul stă în detalii: dacă nu le capturezi de la început, va trebui să le reconstruiești proiect cu proiect.

Ordonează-ți datele înainte de a deschide instrumentul

Acesta este blocajul și nu are nimic de-a face cu tehnologia. Agentul îți poate construi fișele în câteva minute dacă îi oferi datele brute. Dacă nu le ai, niciun instrument nu te va salva.

Înainte de a scrie primul prompt, adună:

• Descrierea ta profesională: ce faci, cui vinzi, cum lucrezi.
• Două sau trei cazuri cu provocarea, soluția și rolul tău. Nu ai nevoie de douăzeci pentru a începe.
• Sursa ta de date, dacă există. Eu am ținut ani de zile o foaie de calcul cu client, țară, an, industrie, tip de client, instrumente, metode și etapa proiectului. Această foaie de calcul a fost inputul care a permis generarea fișelor aproape complete.
• Dovezile tale: fotografii, capturi de ecran, rapoarte publice, infografice publicate.

Trei lucruri practice înainte de a continua:

• Dacă materialul tău este în PDF, transformă-l în Markdown cu un convertor gratuit. Este text simplu, mult mai ușor, iar asistenții îl procesează mai bine.
• Verifică ce poți partaja. Există date sensibile despre clienți și proiecte care nu ies de acolo. Folosește referințe publice și respectă aspectele legate de brand.
• Dacă trebuie să folosești material cu informații delicate, anonimizează-l înainte de a-l încărca pe orice platformă.

Nu știm ce nu știm despre propriile noastre fișiere până nu le căutăm. În cazul meu, foaia de calcul era ordonată, dar fotografiile erau împrăștiate în foldere de Drive și a trebuit să le revizuiesc una câte una.

Prompturile pentru a extrage și structura cazurile tale

Aceste trei prompturi sunt aceleași pe care le-am folosit în sala de atelier, înainte de a deschide Lovable. Funcționează cu orice asistent conversațional.

Extrage cazuri din experiența ta

Ești un editor specializat în portofolii profesionale. Îți voi da o listă de lucrări pe care le-am făcut. Pentru fiecare, extrage:
- Problema sau nevoia clientului.
- Ce am făcut concret (activități, nu adjective).
- Rolul meu și cu cine am lucrat.
- Rezultatul observabil sau schimbarea după intervenția mea.
- Ce îl face interesant pentru cineva care vrea să mă angajeze.
Dacă lipsesc informații, întreabă-mă înainte de a inventa. Nu folosi limbaj de marketing.
Lucrările mele:
[LIPEȘTE AICI LISTA TA]

Structurează un caz pentru publicare

Transformă următoarea lucrare într-o fișă de caz pentru portofoliul meu, cu această structură:
1. Titlu (maxim 65 de caractere, fără promisiuni exagerate).
2. Rezumat de o linie.
3. Context: cine era clientul (anonimizat dacă este cazul) și ce nu funcționa.
4. Design: abordarea și metodele pe care le-am folosit, pas cu pas.
5. Rolul meu: ce am făcut eu și ce a făcut echipa sau clientul.
6. Impact: rezultate observabile, în intervale sau procente dacă cifrele sunt sensibile.
7. Datele proiectului: serviciu, provocare, industrie, an, durată.
8. Metadate SEO: titlu de 50-60 de caractere și meta descriere de 120-155.
Scrie în română neutră, la persoana întâi, fără superlative.
Lucrare:
[LIPEȘTE AICI LUCRAREA TA]

Cum să-l construiești în Lovable, pas cu pas

Lucrez cu Lovable pentru că îmi permite să iterez rapid pe ceva ce voi întreține singură. Transparență totală: sunt ambasador Lovable. Am fost super-utilizator cu mult înainte de a fi ambasador, ce-i drept.

Două reguli înainte de a începe:

• Folosește modul plan, nu modul build. Modul build începe să construiască imediat. Modul plan îți pune întrebări, iar acele întrebări ghidează agentul să te ajute mai bine.
• Începe mic pentru a ajunge mare. Nu cere portofoliul complet cu backend și administrator în primul prompt. Economisești credite și eviți munca dublă, a ta și a agentului.

Există un motiv mai puțin evident pentru a merge pe părți. Când îi oferi agentului toată povestea ta de viață în primul prompt, acesta construiește lucruri pe care tu încă nu le-ai văzut și, prin urmare, nu le-ai putut evalua. Este ca și cum ai lucra cu un designer sau o agenție: există o etapă intermediară în care tu oferi brief-ul, iar cealaltă parte livrează pe bucăți. Încă nu ți-ai confruntat criteriile cu cele ale agentului. Acordă-i timp.

Ordinea pe care o recomand, dacă ai deja un site web cu serviciile tale profesionale:

Prompt 1: Structura de bază a portofoliului de cazuri

Creează calea catalogului cu carduri de caz și câteva cazuri exemplu pentru a vedea designul înainte de a-ți încărca conținutul.

Creează un site web de portofoliu profesional cu o cale /cazuri care să afișeze un catalog de cazuri în carduri. Fiecare caz are: titlu, client sau descriere generică a clientului, serviciu, provocare, industrie, an, rezumat de o linie și imagine. Încarcă 6 cazuri exemplu pentru a vedea designul. Design editorial, curat, cu tipografie bună și mod luminos.

Prompt 2: Fișa completă a cazului

Definește șablonul de detaliu cu provocare, soluție, rol, instrumente, date de catalogare și spațiu pentru dovezi.

Creează calea /cazuri/[slug] cu un layout editorial: hero cu imagine sau ilustrație, secțiuni numerotate Context / Design / Rolul meu, Impact sau Rezultate opțional, galerie, mărturie opțională, referințe, datele proiectului și un CTA pentru a programa o sesiune de 30 de minute. Un singur h1 pe pagină.

Prompt 3: Încărcarea proiectelor tale dintr-o foaie de calcul sau document

Încarcă-ți sursa de date și generează fișele în masă, respectând structura pe care ai aprobat-o deja.

Îți atașez foaia mea de calcul (sau documentul) cu proiectele mele. Fiecare rând este un caz și include client, țară, an, industrie, tip de client, serviciu, instrumente, metode și etapa proiectului.
Generează o fișă pentru fiecare rând folosind exact structura /cazuri/[slug] pe care am aprobat-o deja: nu schimba layout-ul și nu inventa secțiuni noi.
Reguli:
1. Nu inventa date: dacă lipsesc informații, lasă câmpul gol și marchează-l într-o listă de sarcini la final.
2. Anonimizează clientul când rândul o indică.
3. Scrie în română neutră, la persoana întâi, fără superlative.
4. Lasă toate fișele ca nepublicate până le revizuiesc eu.
La final, arată-mi un tabel cu cazul, câmpurile complete și câmpurile lipsă.

Prompt 4: Filtre și navigare după tip de serviciu, provocare și industrie

În portofoliul meu filtrez după tip de serviciu (consultanță, coaching, formare, cercetare, speaker, sponsorizare, academic), după tip de provocare (adoptarea AI, design de experiență, e-commerce, poziționare de brand, SEO) și după industrie și piață.

Adaugă filtre la catalogul /cazuri după serviciu, provocare și industrie, plus un motor de căutare după text. Filtrele se combină între ele, afișează numărul de rezultate și pot fi șterse cu un buton. Pe mobil, filtrele sunt într-un panou derulant.

Prompt 5: Pagină de destinație segmentată după specialitate

Generează o pagină care să reunească doar cazurile dintr-o anumită industrie sau provocare, cu textul orientat către acea intenție de căutare.

Creează o pagină de serviciu la /servicii/[slug] care să reunească doar cazurile dintr-o provocare sau industrie specifică. Structură: un singur h1 cu intenția de căutare, un paragraf care răspunde imediat ce rezolv și pentru cine, o secțiune de abordare cu metodologia mea, grila de cazuri filtrate după acea etichetă, întrebări frecvente și un CTA pentru a programa 30 de minute.
Adaugă metadate proprii (titlu de 50-60 de caractere, meta descriere de 120-155, og și twitter card) și JSON-LD Service + FAQPage.
Leagă de la fiecare fișă de caz la pagina de destinație corespunzătoare și de la pagina de destinație la fiecare caz.

Prompt 6: Evaluări și mărturii moderate

Permite persoanelor care au participat la proiect să-și lase evaluarea, cu moderare prealabilă publicării.

Adaugă evaluări la fiecare fișă de caz. Un formular scurt cere nume, funcție, organizație, e-mail (nu se publică), scor de la 1 la 5 și comentariu.
Evaluările se salvează în baza de date cu starea în așteptare și nu se afișează până nu le aprob eu din panoul privat.
În fișă, afișează media și mărturiile aprobate. Protejează formularul împotriva trimiterilor automate și validează toate câmpurile.

Prompt 7: Panou de administrare (CMS)

Acesta vine la final. Mai jos îți explic de ce.

Creează o rută protejată /aplicațiamea/masiv unde pot vedea toate cazurile într-un tabel, edita câmpuri cheie în JSON, schimba vizibilitatea publică a fiecărui caz cu un buton Vizibil/Dezactivat, filtra după stare și salva modificările. Accesibil doar pentru administratori.

Prompt suplimentar: butonul de programare

Integrează un buton pentru a programa sesiuni de 30 de minute în /cazuri/[slug] și /contact. Folosește Google Calendar: caută disponibilitate doar în următoarele 3 zile calendaristice, între 09:00 și 20:00 ora Chile, creează evenimentul cu link de apel video automat și salvează pagina de origine. Afișează un calendar simplu cu orele disponibile.

Nu ai încă un cont? Poți începe cu versiunea gratuită și construi prima versiune a portofoliului tău chiar astăzi. Creează-mi contul în Lovable →

Dovezi: fotografii proprii înaintea celor de stoc sau AI

Dacă nu-i spui nimic agentului, îți va inventa o fotografie cu o doamnă care nu ești tu. De aceea îi dau fotografia mea, logo-ul meu și culorile brandului meu.

Cu dovezile proiectului se întâmplă la fel, iar aici poziția mea este destul de fermă: dacă ai făcut un atelier de design thinking și ai fotografii semi-amatoare, folosește acele fotografii. O captură de ecran de bună calitate a panoului Miro unde ai ținut atelierul comunică mai mult decât o imagine de stoc. O infografie publică a proiectului, un raport publicat, o fotografie a scenei unde ai prezentat: toate acestea sunt materiale care comunică ceea ce faci și cum poți ajuta.

Înseamnă că nu ar trebui să folosești niciodată imagini generate? Depinde. Când nu am o fotografie concretă a unui proiect, folosesc forme grafice specifice brandului. Ceea ce evit este să simulez o situație care nu a avut loc.

Administratorul vine după, nu înainte

Mi-am creat un CMS pentru a-mi gestiona cazurile: să editez câmpuri, să văd ce informații îmi lipsesc, să dezactivez fișe care nu sunt încă gata, să ordonez, să corectez țări în proiecte multi-țări. Îmi este util pentru că sunt genul de persoană care are nevoie să vadă tot tabelul.

Dar nu-l construi la început. Ar fi o pierdere de timp, de energie și de credite înainte de a ști cum arată fișele tale și ce date vei afișa. Mai întâi validează front-end-ul, apoi automatizează gestionarea.

De la cazuri individuale la pagini de destinație segmentate

Aici este, pentru mine, saltul de valoare. A avea cazurile publicate și structurate îți permite ceva ce un PDF nu va permite niciodată: crearea de pagini specifice pentru fiecare tip de problemă.

Dacă am mai multe proiecte de e-commerce, pot crea o pagină de consultanță strategică pentru e-commerce care să se adreseze exact celor care caută asta, cu cazurile mele legate mai jos. Și invers: de la pagina de serviciu, leg la cazurile unde am aplicat acea metodologie, iar de la fiecare caz, la opțiunea de a programa o sesiune.

Asta schimbă conversația comercială. În loc să trimiți trei linkuri disparate pe WhatsApp, trimiți o pagină care răspunde deja pentru tine.

O nuanță sinceră: asta dă roade dacă ai volum și varietate. Dacă ai trei cazuri, publică-le bine și sari peste segmentare deocamdată. Filtrele apar când există ceva de filtrat.

„Nu am suficiente proiecte”

Este ceea ce aud cel mai des, și aproape niciodată nu este adevărat. Se iau în considerare:

• Proiectele proprii pe care le-ai dezvoltat, chiar dacă sunt instrumente interne sau proiecte secundare.
• Startup-urile pe care le-ai lansat și care nu au funcționat. Acea învățare ți-a construit expertiza.
• Proiectele academice, cursurile, mentoratele, atelierele.
• Sponsorizările și colaborările cu branduri, dacă lucrezi cu astfel de formate.
• Proiectele corporative la care ai participat, întotdeauna în limitele a ceea ce nu este confidențial.

Cu excepția cazului în care ai șaisprezece ani și nu ai făcut niciodată nimic, este foarte probabil să ai material. Și dacă lucrezi ca angajat, îți este de asemenea util: nu știi niciodată când vei avea nevoie să comunici ceea ce știi să faci.

De unde să începi săptămâna aceasta

Dacă vei face un singur lucru după ce citești asta, să fie această secvență:

1. Alege două cazuri de care ești mândru sau mândră. Cele mai relevante, nu cele mai recente.
2. Scrie pentru fiecare provocarea, soluția și rolul tău. Jumătate de pagină pentru fiecare caz.
3. Construiește structura de bază cu primul prompt, în modul plan.
4. Publică. Așa, incomplet.
5. Adaugă restul pe parcurs: fotografii, filtre, evaluări, pagini de destinație.

Portofoliul meu a fost prea mult timp în lucru pentru că lucram la multe lucruri în paralel. Până când m-am forțat să-l lansez, știind că se va îmbunătăți ulterior. Încă îi lipsește: sunt linkuri care s-au schimbat, fișe fără fotografii, un favicon în așteptare. A ieșit oricum, și de când a ieșit, lucrează.

Nu aștepta să ai toate datele adunate. Totul se proiectează, inclusiv momentul de a lansa ceva imperfect.

Ai deja portofoliul tău de proiecte publicat sau încă trăiește într-un PDF? Spune-mi în comentarii în ce etapă ești și cu ce te-ai blocat. Te citesc. ☕

P.S.: am înregistrat sesiunea live cu vocea distrusă, abia întoarsă de la alergat în Patagonia. Dovadă empirică că publicarea imperfectă se aplică și conținutului. 🏃‍♀️