Comment créer un portfolio design impressionnant

Pourquoi votre portfolio est plus important que votre CV

Dans le monde du design et du développement, personne ne vous embauche sur la base d’un CV. Les clients et recruteurs veulent voir ce que vous savez FAIRE, pas ce que vous prétendez savoir. Un portfolio bien construit est votre meilleur commercial : il travaille 24h/24, montre votre niveau réel, et attire les bons clients. Au Sénégal, les designers avec un portfolio en ligne attractif facturent 2 à 3 fois plus que ceux qui se contentent d’envoyer des fichiers par WhatsApp.

Choisir la bonne plateforme

Site personnel (recommandé)

Un site à votre nom de domaine (votreprénom.com ou votrenom.design) est le choix le plus professionnel. Vous contrôlez tout : design, contenu, SEO.

• Framer — Le meilleur pour les designers. Templates magnifiques, animations natives, CMS intégré. Plan gratuit avec sous-domaine framer.site, plan custom domain à ~8$/mois
• Webflow — Le plus puissant. Contrôle total sur le design sans code, animations avancées, CMS flexible. Plan gratuit limité, plans payants à partir de 14$/mois
• WordPress + Starter theme — Le plus flexible et le moins cher à long terme. Hébergement à 15 000-25 000 FCFA/an chez Infomaniak ou o2switch. Nécessite plus de temps de configuration
• GitHub Pages — 100% gratuit pour les développeurs. Site statique hébergé gratuitement. Parfait pour un portfolio HTML/CSS fait main qui montre vos compétences

Plateformes communautaires (en complément)

• Behance — Le plus grand réseau de designers. Gratuit, bon référencement Google, intégré à Adobe. Idéal pour la visibilité et le networking
• Dribbble — Plus sélectif, orienté UI/UX. Les « shots » (visuels carrés) montrent votre style. Les recruteurs tech y cherchent activement des designers
• LinkedIn — Sous-estimé pour le portfolio. La section « Featured » permet d’afficher vos meilleurs projets directement sur votre profil

Stratégie optimale : Site personnel comme base + Behance/Dribbble pour la visibilité + LinkedIn pour le réseau professionnel.

Structure d’un portfolio qui convertit

Page d’accueil

• Hero section : Votre nom, votre spécialité en une phrase (« Designer UI/UX basé à Dakar » ou « Développeur React & Next.js »), et un CTA (« Voir mes projets » ou « Me contacter »)
• Grille de projets : 4 à 8 projets maximum, les meilleurs en premier. Chaque carte montre une image forte, le nom du projet, et le type (UI Design, Branding, Site web)
• À propos bref : 2-3 phrases sur qui vous êtes, votre approche, et ce qui vous différencie
• Contact : Email, WhatsApp, LinkedIn — visibles sans chercher

Page projet (étude de cas) — La clé

C’est là que vous vous démarquez. Chaque projet doit raconter une histoire en 4 parties :

1. Le contexte — Qui est le client ? Quel problème résolvez-vous ? Quelles contraintes ? « TechSen, startup de livraison à Dakar, avait besoin de redesigner son app pour réduire les abandons de commande de 40%. »
2. Le processus — Recherche, wireframes, itérations. Montrez vos brouillons, pas seulement le résultat final. Les clients veulent comprendre votre réflexion
3. La solution — Les designs finaux, en haute qualité, dans des mockups réalistes. Desktop ET mobile. Montrez les détails : micro-interactions, states, edge cases
4. Les résultats — Si possible, des chiffres : « +25% de conversions », « temps de chargement réduit de 6s à 1.8s », « 100% des feedbacks utilisateurs positifs ». Les chiffres font la différence

Quels projets montrer quand on débute

Pas de clients ? Pas de problème. Les meilleurs portfolios juniors incluent :

• Redesigns — Prenez un site sénégalais populaire (Jumia, Expat-Dakar, Orange Sénégal) et redesignez-le. Montrez l’avant/après avec vos justifications
• Projets personnels — Créez une app fictive qui résout un vrai problème local : gestion de tontines, réservation de cars rapides, commande de thiéboudienne. Le concept montre votre créativité
• Challenges design — Daily UI (100 jours de design), Fake Clients Club, design challenges sur Dribbble. Ils prouvent votre régularité
• Projets bénévoles — ONG, associations, petits commerces de votre quartier. Vous les aidez gratuitement, ils vous donnent un vrai projet pour votre portfolio et un témoignage
• Contributions open source — Pour les développeurs : contribuez à un projet GitHub populaire. Les PR mergées sont la meilleure preuve de compétence

Design et UX du portfolio lui-même

• Vitesse de chargement — Votre portfolio DOIT charger en moins de 2 secondes. Un designer qui a un site lent montre qu’il ne maîtrise pas les bases du web
• Mobile-first — 70% des visiteurs verront votre portfolio sur mobile. Les images doivent être optimisées (WebP), le texte lisible sans zoomer
• Typographie soignée — Utilisez maximum 2 polices. Inter ou DM Sans pour le corps, Clash Display ou Cabinet Grotesk pour les titres
• Whitespace généreux — L’espace blanc est un indicateur de qualité. Un portfolio surchargé fait amateur. Laissez respirer vos projets
• Navigation simple — Accueil, Projets, À propos, Contact. Pas de mega-menu ni de navigation complexe
• Transitions fluides — Des animations subtiles entre les pages (View Transitions API ou Barba.js) montrent votre attention au détail

Erreurs fatales à éviter

1. Trop de projets médiocres — 5 excellents projets > 20 projets moyens. La qualité bat la quantité à chaque fois
2. Pas de contexte — Des images sans explication. Le recruteur veut savoir POURQUOI vous avez fait ces choix
3. Design daté — Un portfolio de 2020 avec des ombres portées et des dégradés flashy montre que vous ne suivez pas les tendances
4. Pas de CTA — Si le visiteur ne trouve pas comment vous contacter en 5 secondes, il part. Mettez votre email et WhatsApp partout
5. Projets sans cohérence — Si vous voulez faire du UI/UX, ne montrez pas 10 logos et 2 flyers. Spécialisez votre portfolio
6. Pas de favicon ni de meta tags — Quand quelqu’un partage votre lien sur WhatsApp ou LinkedIn, l’aperçu doit être propre (Open Graph tags)

SEO de votre portfolio

• Titre de page optimisé : « Moussa Diop — Designer UI/UX Freelance à Dakar, Sénégal » (pas juste « Portfolio »)
• Meta description : 150 caractères décrivant votre spécialité et votre localisation
• Alt text sur chaque image : « Redesign de l’application mobile Orange Money — écran d’accueil » pas « image1.png »
• URL propres : /projets/redesign-orange-money (pas /projet-id-12345)
• Google Search Console : Soumettez votre sitemap. Gratuit et indispensable
• Blog : 1 article/mois sur votre processus de design améliore significativement votre SEO

Maintenance et mise à jour

• Fréquence : Ajoutez un nouveau projet tous les 1-2 mois. Retirez les anciens qui ne vous représentent plus
• Analytics : Installez Plausible (respectueux vie privée) ou Google Analytics. Sachez d’où viennent vos visiteurs et quels projets ils regardent le plus
• Feedback : Demandez à 3-5 designers seniors de critiquer votre portfolio. Leur regard extérieur révèle des points aveugles

Votre portfolio est un investissement qui rapporte pendant des années. Consacrez-y un week-end complet pour la première version, puis 2-3 heures par mois pour le maintenir à jour. C’est l’outil qui transforme un designer invisible en un professionnel que les clients contactent spontanément.