Portfolio de projets Lovable : du PDF au web dynamique

Au cours de mes plus de 10 ans d'indépendance, j'ai toujours eu un PDF que je mettais à jour chaque fois que quelqu'un me le demandait, stocké sur un Drive. J'ai également eu des études de cas publiées sur le web, mais toujours avec un décalage et toujours beaucoup moins de cas que le nombre de projets que j'avais réalisés.

Dans cet article, je vous explique comment je suis passée de ce PDF à un portfolio de projets publié, filtrable et lié à mes pages de services : quelles données chaque cas nécessite, dans quel ordre le construire, et les prompts que vous pouvez copier pour créer le vôtre sur Lovable même si vous ne codez pas. C'est le même contenu que nous avons travaillé lors de la session en direct, organisé pour que vous puissiez l'exécuter vous-même.

Regardez la session complète

Si vous préférez lire, continuez ci-dessous. Les prompts sont à la fin de chaque étape, prêts à être copiés.

Qu'est-ce qu'un portfolio de projets et en quoi diffère-t-il d'un curriculum vitae

Un portfolio de projets est un catalogue de cas où vous montrez, pour chaque travail, quel était le défi du client, quelle solution vous avez apportée, quel a été votre rôle et avec quelles méthodes et outils vous avez travaillé.

La différence avec le curriculum vitae est fondamentale :

• Le curriculum vitae décrit des postes. Où vous étiez, combien de temps, avec quel titre.
• Le cas décrit des problèmes que vous savez résoudre. Et c'est ce que l'on vous achète lorsque vous êtes consultant, freelance, petite agence ou fournisseur.

Attention, le curriculum vitae reste nécessaire. De nombreux processus de sélection de consultants, appels d'offres et candidatures le demandent explicitement. Mais personne n'engage un consultant en lisant une liste de postes.

Pourquoi un PDF sur Drive ne suffit plus

Trois choses se croisent ici : comment les gens achètent, comment la recherche fonctionne aujourd'hui et comment votre entreprise fonctionne.

Comment les gens achètent. Les recommandations circulent dans les groupes WhatsApp, dans les messages directs, dans un "connaissez-vous quelqu'un qui s'y connaît ?". Ma réponse à cela était d'envoyer trois liens isolés. La personne se retrouvait avec un tas de liens et aucun contexte.

Comment la recherche fonctionne. Un PDF sur un Drive privé n'est pas trouvé par Google et n'est pas cité par un modèle d'IA lorsque quelqu'un lui demande "recommandez-moi un consultant en omnicanalité". Une fiche de cas publiée, avec un texte et une structure clairs, peut apparaître. Le contenu organique se comporte comme un intérêt composé : chaque cas que vous publiez continue de travailler des mois plus tard, alors que le PDF n'existe que lorsque vous l'envoyez.

Comment votre entreprise fonctionne. Le portfolio vivant vous épargne le travail manuel. Je demandais des témoignages via un mini-sondage, demandais l'autorisation de les publier, puis les téléchargeais manuellement. Aujourd'hui, les évaluations arrivent directement sur la fiche du cas, avec modération, et s'affichent d'elles-mêmes.

Quelles informations chaque cas nécessite-t-il

Voici la structure que j'utilise dans mes fiches. Adaptez-la, mais ne la réduisez pas à un titre et une jolie image :

1. Le défi. De quoi s'agissait le projet et quel problème le client avait.
2. La solution. Comment vous avez structuré la réponse à ce défi. Ici, votre méthodologie parle.
3. Votre rôle. Fondamental si vous travaillez avec des équipes, des agences ou des consortiums. Un projet ne tourne jamais autour de vous : précisez ce que vous avez fait et qui étaient les autres acteurs.
4. Outils et méthodes. Si vous travaillez avec Shopify et non avec Magento, dites-le. Cette donnée filtre les clients qui ne vous conviennent pas et attire ceux qui vous conviennent.
5. Données de catalogage. Année, état (en cours ou terminé), industrie, pays, type de client, marché (B2B, B2C).
6. Preuves. Photos, captures d'écran, artefacts publics du projet.
7. Évaluations. Le témoignage des participants, modéré avant publication.

Les données de catalogage semblent être un détail administratif. Ce sont elles qui vous permettront ensuite de filtrer et de segmenter, et le diable est dans les détails : si vous ne les capturez pas dès le début, vous devrez les reconstruire projet par projet.

Organisez vos données avant d'ouvrir l'outil

C'est le goulot d'étranglement et cela n'a rien à voir avec la technologie. L'agent peut vous construire les fiches en quelques minutes si vous lui donnez les données brutes. Si vous ne les avez pas, aucun outil ne vous sauvera.

Avant d'écrire le premier prompt, rassemblez :

• Votre description professionnelle : ce que vous faites, à qui vous vendez, comment vous travaillez.
• Deux ou trois cas avec le défi, la solution et votre rôle. Vous n'avez pas besoin de vingt pour commencer.
• Votre source de données, si elle existe. Je tiens depuis des années un tableau avec client, pays, année, industrie, type de client, outils, méthodes et étape du projet. Ce tableau a été l'entrée qui a permis de générer les fiches presque complètes.
• Vos preuves : photos, captures d'écran, rapports publics, infographies publiées.

Trois choses pratiques avant de continuer :

• Si votre matériel est en PDF, convertissez-le en Markdown avec un convertisseur gratuit. C'est du texte brut, beaucoup plus léger, et les assistants le traitent mieux.
• Vérifiez ce que vous pouvez partager. Il y a des données sensibles de clients et de projets qui ne sortent pas de là. Utilisez des références publiques et respectez les questions de marque.
• Si vous devez utiliser du matériel contenant des informations délicates, anonymisez-le avant de le télécharger sur n'importe quelle plateforme.

Nous ne savons pas ce que nous ne savons pas sur nos propres fichiers tant que nous ne les cherchons pas. Dans mon cas, le tableau était ordonné, mais les photos étaient dispersées dans des dossiers Drive et j'ai dû les examiner une par une.

Les prompts pour extraire et structurer vos cas

Ces trois prompts sont les mêmes que ceux que nous avons utilisés dans la salle de l'atelier, avant d'ouvrir Lovable. Ils fonctionnent avec n'importe quel assistant conversationnel.

Extraire des cas de votre expérience

Vous êtes un éditeur spécialisé dans les portfolios professionnels. Je vais vous donner une liste de travaux que j'ai réalisés. Pour chacun, extrayez :
- Problème ou besoin du client.
- Ce que j'ai fait concrètement (activités, pas d'adjectifs).
- Mon rôle et avec qui j'ai travaillé.
- Résultat observable ou changement après mon intervention.
- Ce qui le rend intéressant pour quelqu'un qui voudrait m'embaucher.
S'il manque des informations, demandez-moi avant d'inventer. N'utilisez pas de langage marketing.
Mes travaux :
[COLLEZ VOTRE LISTE ICI]

Structurer un cas pour publication

Convertissez le travail suivant en une fiche de cas pour mon portfolio, avec cette structure :
1. Titre (maximum 65 caractères, sans promesses exagérées).
2. Résumé d'une ligne.
3. Contexte : qui était le client (anonymisé si nécessaire) et ce qui ne fonctionnait pas.
4. Conception : l'approche et les méthodes que j'ai utilisées, étape par étape.
5. Mon rôle : ce que j'ai fait et ce que l'équipe ou le client a fait.
6. Impact : résultats observables, en plages ou pourcentages si les chiffres sont sensibles.
7. Données du projet : service, défi, industrie, année, durée.
8. Métadonnées SEO : titre de 50 à 60 caractères et méta description de 120 à 155.
Écrivez en français neutre, à la première personne, sans superlatifs.
Travail :
[COLLEZ VOTRE TRAVAIL ICI]

Comment le construire sur Lovable, étape par étape

Je travaille avec Lovable parce que cela me permet d'itérer rapidement sur quelque chose que je vais maintenir moi-même. Transparence totale : je suis ambassadrice de Lovable. J'étais une super utilisatrice bien avant d'être ambassadrice, cela dit.

Deux règles avant de commencer :

• Utilisez le mode plan, pas le mode build. Le mode build commence à construire immédiatement. Le mode plan vous pose des questions, et ces questions guident l'agent pour mieux vous aider.
• Commencez petit pour arriver grand. Ne demandez pas le portfolio complet avec backend et administrateur dans le premier prompt. Vous économisez des crédits et évitez le double travail, le vôtre et celui de l'agent.

Il y a une raison moins évidente d'y aller par étapes. Lorsque vous lui donnez toute votre histoire de vie dans le premier prompt, l'agent construit des choses que vous n'avez pas encore vues et, par conséquent, n'avez pas pu évaluer. C'est comme travailler avec un designer ou une agence : il y a une étape intermédiaire où l'un passe le brief et l'autre livre par étapes. Vous n'avez pas encore confronté votre critère à celui de l'agent. Donnez-lui du temps pour cela.

L'ordre que je recommande, si vous avez déjà un site web avec vos services professionnels :

Prompt 1 : structure de base du portfolio de cas

Créez le chemin du catalogue avec des cartes de cas et quelques exemples de cas pour voir le design avant de charger votre contenu.

Créez un site web de portfolio professionnel avec un chemin /cas qui affiche un catalogue de cas sous forme de cartes. Chaque cas a : titre, client ou description générique du client, service, défi, industrie, année, résumé d'une ligne et image. Chargez 6 exemples de cas pour voir le design. Design éditorial, propre, avec une bonne typographie et un mode clair.

Prompt 2 : la fiche de cas complète

Définissez le modèle de détail avec le défi, la solution, le rôle, les outils, les données de catalogage et l'espace pour les preuves.

Créez le chemin /cas/[slug] avec une mise en page éditoriale : héros avec image ou illustration, sections numérotées Contexte / Conception / Mon rôle, Impact ou Résultats facultatifs, galerie, témoignage facultatif, références, données du projet et un CTA pour planifier une session de 30 minutes. Un seul h1 par page.

Prompt 3 : chargement de vos projets à partir d'une feuille de calcul ou d'un document

Téléchargez votre source de données et générez les fiches en masse, en respectant la structure que vous avez déjà approuvée.

Je vous joins ma feuille de calcul (ou document) avec mes projets. Chaque ligne est un cas et comprend le client, le pays, l'année, l'industrie, le type de client, le service, les outils, les méthodes et l'étape du projet.
Générez une fiche pour chaque ligne en utilisant exactement la structure de /cas/[slug] que nous avons déjà approuvée : ne modifiez pas la mise en page et n'inventez pas de nouvelles sections.
Règles :
1. N'inventez pas de données : s'il manque des informations, laissez le champ vide et marquez-le dans une liste de tâches à la fin.
2. Anonymisez le client lorsque la ligne l'indique.
3. Écrivez en français neutre, à la première personne, sans superlatifs.
4. Laissez toutes les fiches non publiées jusqu'à ce que je les examine.
Une fois terminé, montrez-moi un tableau avec le cas, les champs complets et les champs manquants.

Prompt 4 : filtres et navigation par type de service, défi et industrie

Dans mon portfolio, je filtre par type de service (conseil, coaching, formation, recherche, conférencier, parrainage, académique), par type de défi (adoption de l'IA, conception d'expérience, e-commerce, positionnement de marque, SEO) et par industrie et marché.

Ajoutez des filtres au catalogue /cas par service, défi et industrie, plus un moteur de recherche textuel. Les filtres se combinent entre eux, affichent le nombre de résultats et peuvent être effacés avec un bouton. Sur mobile, les filtres se trouvent dans un panneau déroulant.

Prompt 5 : page de destination segmentée par spécialité

Générez une page qui regroupe uniquement les cas d'une industrie ou d'un défi, avec le texte orienté vers cette intention de recherche.

Créez une page de destination de service sur /services/[slug] qui regroupe uniquement les cas d'un défi ou d'une industrie spécifique. Structure : un seul h1 avec l'intention de recherche, un paragraphe qui répond immédiatement à ce que je résous et pour qui, une section d'approche avec ma méthodologie, la grille de cas filtrés par cette étiquette, une FAQ et un CTA pour planifier 30 minutes.
Ajoutez des métadonnées propres (titre de 50 à 60 caractères, méta description de 120 à 155, og et twitter card) et JSON-LD Service + FAQPage.
Liez chaque fiche de cas à la page de destination correspondante et de la page de destination à chaque cas.

Prompt 6 : évaluations et témoignages modérés

Permettez aux personnes ayant participé au projet de laisser leur évaluation, avec modération préalable à la publication.

Ajoutez des évaluations à chaque fiche de cas. Un court formulaire demande le nom, le poste, l'organisation, l'e-mail (non publié), une note de 1 à 5 et un commentaire.
Les évaluations sont enregistrées dans la base de données avec le statut en attente et ne sont pas affichées tant que je ne les ai pas approuvées depuis le panneau privé.
Sur la fiche, affichez la moyenne et les témoignages approuvés. Protégez le formulaire contre les envois automatisés et validez tous les champs.

Prompt 7 : panneau d'administration (CMS)

Celui-ci vient à la fin. Je vous explique pourquoi plus bas.

Créez un chemin protégé /monapp/massif où je peux voir tous les cas dans un tableau, modifier les champs clés en JSON, changer la visibilité publique de chaque cas avec un bouton Visible/Désactivé, filtrer par état et enregistrer les modifications. Accessible uniquement aux administrateurs.

Prompt extra : le bouton de planification

Intégrez un bouton pour planifier des sessions de 30 minutes sur /cas/[slug] et /contact. Utilisez Google Agenda : recherchez la disponibilité uniquement dans les 3 prochains jours calendaires, entre 09:00 et 20:00 heure du Chili, créez l'événement avec un lien de visioconférence automatique et enregistrez la page d'origine. Affichez un calendrier simple avec les horaires disponibles.

Vous n'avez pas encore de compte ? Vous pouvez commencer avec la version gratuite et construire la première version de votre portfolio dès aujourd'hui. Créer mon compte sur Lovable →

Preuves : photos personnelles plutôt que stock ou IA

Si vous ne dites rien à l'agent, il va vous inventer une photo d'une dame qui n'est pas vous. C'est pourquoi je lui donne ma photo, mon logo et les couleurs de ma marque.

Avec les preuves de projet, c'est la même chose, et ma position est assez ferme ici : si vous avez fait un atelier de design thinking et que vous avez des photos un peu artisanales, utilisez ces photos. Une capture d'écran de bonne qualité du tableau Miro où vous avez donné l'atelier communique plus qu'une image de stock. Une infographie publique du projet, un rapport publié, une photo de la scène où vous avez présenté : tout cela est du matériel qui communique ce que vous faites et comment vous pouvez aider.

Cela signifie-t-il que vous ne devez jamais utiliser d'images générées ? Cela dépend. Quand je n'ai pas de photo concrète d'un projet, j'utilise des formes graphiques propres à la marque. Ce que j'évite, c'est de simuler une situation qui ne s'est pas produite.

L'administrateur vient après, pas avant

Je me suis créé un CMS pour gérer mes cas : modifier des champs, voir quelles informations me manquent, désactiver des fiches qui ne sont pas encore prêtes, ordonner, corriger des pays dans des projets multipays. Cela me sert parce que je suis de celles qui ont besoin de voir tout le tableau.

Mais ne le construisez pas au début. Ce serait une perte de temps, d'énergie et de crédits avant de savoir à quoi ressemblent vos fiches et quelles données vous allez afficher. Validez d'abord le front, puis automatisez la gestion.

Des cas isolés aux pages de destination segmentées

C'est là, pour moi, le saut de valeur. Avoir les cas publiés et structurés vous permet quelque chose qu'un PDF ne permettra jamais : créer des pages spécifiques par type de problème.

Si j'ai plusieurs projets e-commerce, je peux créer une page de conseil stratégique pour l'e-commerce qui s'adresse à ceux qui recherchent exactement cela, avec mes cas liés en dessous. Et inversement : depuis la page de service, je renvoie aux cas où j'ai appliqué cette méthodologie, et depuis chaque cas, à l'option de planifier une session.

Cela change la conversation commerciale. Au lieu d'envoyer trois liens isolés par WhatsApp, vous envoyez une page qui répond déjà pour vous.

Une nuance honnête : cela rapporte si vous avez du volume et de la variété. Si vous avez trois cas, publiez-les bien et sautez la segmentation pour l'instant. Les filtres arrivent quand il y a quelque chose à filtrer.

"Je n'ai pas assez de projets"

C'est ce que j'entends le plus souvent, et ce n'est presque jamais vrai. Comptent :

• Les projets propres que vous avez développés, même s'il s'agit d'outils internes ou de projets parallèles.
• Les startups que vous avez lancées et qui n'ont pas fonctionné. Cet apprentissage a construit votre expertise.
• Les projets académiques, les cours, les mentorats, les ateliers.
• Les parrainages et collaborations avec des marques, si vous travaillez avec de tels formats.
• Les projets d'entreprise auxquels vous avez participé, toujours dans la limite de ce qui n'est pas confidentiel.

À moins que vous n'ayez seize ans et que vous n'ayez jamais rien fait, il est très probable que vous ayez du matériel. Et si vous travaillez en CDI, cela vous sert aussi : on ne sait jamais quand vous aurez besoin de communiquer ce que vous savez faire.

Par où commencer cette semaine

Si vous ne faites qu'une seule chose après avoir lu ceci, que ce soit cette séquence :

1. Choisissez deux cas dont vous êtes fier ou fière. Les plus pertinents, pas les plus récents.
2. Écrivez pour chacun le défi, la solution et votre rôle. Une demi-page par cas.
3. Mettez en place la structure de base avec le premier prompt, en mode plan.
4. Publiez. Ainsi, incomplet.
5. Ajoutez le reste en cours de route : photos, filtres, évaluations, pages de destination.

Mon portfolio est resté trop longtemps en cours de travail parce que je travaillais sur beaucoup de choses en parallèle. Jusqu'à ce que je me force à le sortir en sachant qu'il s'améliorerait par la suite. Il lui manque encore des choses : il y a des liens qui ont changé, des fiches sans photos, un favicon en attente. Il est sorti quand même, et depuis qu'il est sorti, il travaille.

N'attendez pas d'avoir toutes les données ensemble. Tout se conçoit, y compris le moment de lancer quelque chose d'imparfait.

Avez-vous déjà votre portfolio de projets publié ou vit-il toujours dans un PDF ? Dites-moi en commentaires où vous en êtes et ce qui vous a bloqué. Je vous lis. ☕

PS : j'ai enregistré la session en direct avec la voix cassée, juste après être revenue d'une course en Patagonie. Preuve empirique que publier imparfait s'applique aussi au contenu. 🏃‍♀️