J'ai audité 50 portfolios freelance ces derniers mois (devs, designers, copywriters, consultants). Conclusion : 80 % ressemblent à des CV en ligne, pas à des outils de vente. Voici les 10 sections qu'un portfolio orienté business doit avoir, dans l'ordre.
1. Hero qui répond à 3 questions en 3 secondes
Le visiteur doit savoir immédiatement : qui vous êtes, ce que vous faites, et pour qui. Pas de poésie. Pas de slogan creux. Une phrase claire + une sous-ligne avec votre promesse principale + un CTA principal.
2. Aperçu express de l'offre (« what I do »)
3 à 6 prestations principales en cartes courtes. Pas de jargon technique. Le visiteur doit pouvoir se reconnaître en 5 secondes : « ah oui, c'est exactement ce que je cherche ». Évitez les listes interminables de compétences techniques (« React, Vue, Angular, Svelte, Astro, Qwik, Solid… »).
3. Tarifs ou fourchettes visibles
Le tabou français du prix coûte cher en leads. 70 % des visiteurs partent si aucune indication de budget n'apparaît. Affichez au minimum des fourchettes (« dès 200 € », « entre 1500 et 5000 €ʼ) ou 2-3 packs cadrés.
4. Réalisations (3 à 6, pas plus)
Mieux vaut 4 projets bien présentés que 20 vignettes superficielles. Pour chaque projet : titre, description en 1 ligne, contexte/problème, ce que vous avez fait, résultat mesuré si possible, lien vers le live. Évitez les mockups génériques.
5. Témoignages clients
3 à 5 avis avec nom, fonction, entreprise et photo. Évitez les avis génériques (« super travail, je recommande »). Préférez les avis qui décrivent un résultat précis (« +40 % de leads en 3 mois », « livré en 5 semaines au lieu de 10 »).
6. Méthode de travail (process)
5 à 7 étapes du brief à la livraison. C'est rassurant pour le client qui ne sait pas comment ça se passe. Montre que vous êtes structuré, pas un cowboy. Inclut idéalement les délais moyens à chaque étape.
7. Stack technique (pour les techs)
Une page dédiée à vos technologies, regroupée par catégorie (frontend, backend, DB, DevOps). Ne servira pas à 80 % des visiteurs business, mais rassure les CTO et chefs de projet techniques qui veulent valider que vous maîtrisez leur stack avant de vous contacter.
8. FAQ ciblée
5 à 10 questions qui anticipent les freins à l'achat : prix, délai, modes de paiement, propriété du code, maintenance, garanties. Une bonne FAQ raccourcit le cycle de vente et filtre les leads non sérieux.
9. Formulaire de contact qualifié
Un formulaire long mais bien pensé qualifie mieux qu'un formulaire avec juste email + message. Demandez : type de projet, budget approximatif, délai souhaité, contexte business. Vous gagnez 30 minutes de qualification téléphonique par lead.
10. Footer riche
Le footer est lu plus souvent qu'on le pense (notamment par les recruteurs et clients en phase de validation). Mettez-y : pitch en 2 lignes, navigation complète, contact (email, téléphone, GitHub, LinkedIn), disponibilité actuelle (« dispo en juin »), mentions légales, copyright.
Ordre optimal des sections
- Hero (3 secondes)
- Aperçu offre (5 secondes)
- Tarifs / packs (10 secondes)
- Réalisations (1 minute)
- Témoignages (30 secondes)
- Méthode (1 minute)
- Stack (optionnelle, page dédiée)
- FAQ (60-90 secondes)
- Formulaire contact
- Footer riche
Les 5 erreurs qui flinguent la conversion
- Trop d'animations qui ralentissent ou distraient
- Aucun CTA visible au-dessus de la ligne de flottaison
- Photo de profil floue ou absente (= manque de confiance)
- Pas de mention de disponibilité (le visiteur se demande si vous êtes encore actif)
- Site lent (>3 sec de chargement) qui plombe le bounce rate
Votre portfolio n'est pas votre CV. C'est votre meilleur commercial. Traitez-le comme tel.
Vous trouverez un exemple complet de ce modèle appliqué sur Romdev.cloud. N'hésitez pas à vous en inspirer (sans copier le design, bien sûr).