CV webdesigner : portfolio, ATS et mise en page

Un CV webdesigner doit convaincre en quelques secondes. Il montre votre sens de la hiérarchie visuelle, votre capacité à simplifier l’information et votre maîtrise des usages web, tout en restant lisible pour un recruteur et compatible avec les ATS.

Table des matières

Ce qu’un bon CV de webdesigner doit faire comprendre en 30 secondes

Le premier objectif n’est pas de surprendre par un design complexe, mais de rendre votre profil immédiatement clair. Un recruteur doit voir votre spécialité, votre niveau, vos outils, vos expériences utiles et l’accès à votre portfolio sans chercher longtemps.

Un titre clair plutôt qu’une formule vague

Évitez les intitulés trop généraux comme “créatif passionné” ou “designer polyvalent”. Préférez un titre professionnel exploitable, par exemple “Webdesigner UX/UI junior”, “Webdesigner WordPress freelance”, “Designer web spécialisé e-commerce” ou “Graphiste web et intégrateur HTML/CSS”. Ce choix aide aussi les ATS à repérer les mots-clés liés au poste.

Une accroche courte, orientée preuves

L’accroche doit tenir en quelques lignes et relier vos compétences à un résultat concret. Par exemple : “Webdesigner UX/UI avec 3 ans d’expérience en création de maquettes responsive, refonte de sites WordPress et conception de chartes graphiques pour PME. Portfolio axé sur l’ergonomie, la cohérence visuelle et l’optimisation des parcours utilisateurs.” Cette formule reste simple, précise et crédible.

Le portfolio comme prolongement naturel du CV

Pour un webdesigner, le portfolio n’est pas un supplément. Il sert souvent de preuve principale. Ajoutez un lien visible vers votre site, votre page de présentation ou une plateforme de création adaptée. L’idéal est de présenter 3 à 6 projets sélectionnés avec le contexte, votre rôle, les outils utilisés et le résultat obtenu. Un simple aperçu esthétique ne suffit pas ; il faut aussi expliquer le zoning, le wireframe, l’ergonomie ou l’identité visuelle.

Les rubriques à structurer pour un CV webdesigner efficace

Un bon modèle de CV webdesigner peut être créatif, mais sa structure doit rester familière. Les recruteurs lisent vite et comparent plusieurs profils. La mise en page doit donc guider la lecture sans obliger à décoder votre logique.

L’ordre recommandé des sections

Dans la plupart des cas, l’ordre le plus efficace est le suivant : informations personnelles, titre, accroche, lien portfolio, compétences clés, expériences, formation, projets personnels ou freelance, puis centres d’intérêt si ceux-ci apportent une vraie cohérence avec le métier. Pour un profil junior, les projets d’école, les refontes fictives, les contributions associatives ou les créations personnelles peuvent remonter avant les expériences professionnelles.

Informations personnelles : nom, ville, email, téléphone, lien portfolio et éventuellement LinkedIn.
Compétences : UX/UI, responsive design, wireframe, prototype, design graphique, intégration HTML/CSS, CMS.
Expériences : missions, responsabilités, outils utilisés, types de livrables produits.
Formation : diplôme, école, certifications, formations courtes ou spécialisations.
Réalisations : sites, interfaces, chartes graphiques, newsletters, bannières, emailing, motion design.

Adapter le CV selon le statut visé

Un candidat salarié doit rassurer sur sa capacité à travailler en équipe, respecter une charte graphique, collaborer avec des développeurs et répondre à des briefs. Un freelance doit davantage montrer son autonomie, sa gestion de projet web, sa relation client et sa capacité à livrer un site ou une identité visuelle complète. Dans les deux cas, personnalisez quelques mots-clés selon l’offre : WordPress, e-commerce, design system, accessibilité, UX research ou intégration.

Le CV sert à aller vite, à hiérarchiser et à orienter le regard vers les preuves les plus solides. Le portfolio, lui, détaille les projets : brief, contraintes, itérations, arbitrages, livrables. Si les deux éléments racontent la même histoire avec des niveaux de détail différents, le recruteur comprend votre méthode, pas seulement votre style.

Compétences à mettre en avant sans faire une liste fourre-tout

La rubrique compétences est souvent mal exploitée. Trop courte, elle paraît pauvre ; trop longue, elle ressemble à une accumulation de mots-clés. Le bon équilibre consiste à regrouper les compétences par familles et à les relier à des usages professionnels. Le but est de faire ressortir les compétences clés sans noyer le lecteur.

Compétences techniques et outils

Mentionnez les outils que vous maîtrisez réellement : Figma, Adobe XD, Photoshop, Illustrator, Webflow, WordPress, Elementor, HTML/CSS, notions de JavaScript, CMS, outils de prototypage ou de collaboration. Si vous débutez, indiquez votre niveau avec honnêteté : “bases”, “intermédiaire”, “usage professionnel”. Un recruteur préfère un niveau clair à une promesse exagérée. Cette rubrique doit rester simple et vérifiable.

Compétences UX/UI et conception

Les compétences UX/UI donnent de la profondeur à votre profil. Ajoutez les notions pertinentes : persona, parcours utilisateur, wireframing, prototypage, design thinking, responsive design, accessibilité, ergonomie web, test utilisateur, hiérarchie visuelle. Pour chaque expérience, montrez comment ces compétences ont servi le projet : refonte d’une page d’accueil, amélioration d’un tunnel de conversion, création d’un design system ou adaptation mobile.

Soft skills utiles au métier

Le webdesigner travaille rarement seul. Les qualités humaines comptent : écoute du brief, pédagogie avec le client, rigueur, sens du détail, capacité à recevoir un retour, organisation, veille créative. Plutôt que d’écrire “créatif et motivé”, montrez-le dans une mission : “animation d’ateliers de cadrage avec l’équipe marketing” ou “présentation de maquettes interactives aux parties prenantes”.

Mise en page : montrer votre style sans nuire à la lisibilité

Votre CV est une démonstration de design, mais pas une affiche. Les meilleurs CV de webdesigner combinent personnalité visuelle, structure claire et lecture rapide. L’enjeu est de prouver votre goût sans sacrifier l’efficacité. La mise en page doit servir le contenu, pas le masquer.

Couleurs, typographies et espaces

Limitez-vous à une palette courte : une couleur principale, une couleur d’accent et des tons neutres. Choisissez une police sobre, bien lisible, avec des tailles cohérentes. Les marges, interlignes et blancs tournants comptent autant que les blocs de texte : ils donnent une impression de maîtrise. Un CV trop dense peut donner l’image d’un designer qui ne sait pas prioriser.

Compatibilité ATS et version PDF

Un CV graphique doit aussi rester lisible par les logiciels de recrutement. Pour viser un CV 100% compatible ATS, évitez les textes intégrés dans des images, les pictogrammes indispensables à la compréhension, les colonnes trop complexes et les intitulés fantaisistes. Gardez des rubriques standards comme “Expériences professionnelles”, “Compétences” ou “Formation”. Exportez en PDF, mais conservez une version texte plus simple si vous postulez via des plateformes exigeantes.

Choix de design	Bon réflexe	Erreur à éviter
Couleurs	Palette maîtrisée et contrastée	Dégradés multiples ou couleurs peu lisibles
Typographie	Police simple avec hiérarchie nette	Police décorative pour les informations clés
Icônes	Usage décoratif ou secondaire	Remplacer les mots importants par des pictos
Structure	Rubriques classiques et scan rapide	Mise en page trop originale pour être comprise

Modèles, outils et checklist avant d’envoyer votre CV

Vous pouvez créer votre CV de webdesigner avec un outil en ligne, un logiciel de design ou un modèle personnalisable. Le choix dépend surtout de votre niveau graphique, du temps disponible et du degré de personnalisation souhaité. L’essentiel est de conserver un rendu propre, lisible et cohérent avec votre positionnement.

Quel outil choisir selon votre besoin

Les plateformes de création de CV comme CVDesignR sont pratiques pour démarrer vite avec des modèles professionnels et une logique orientée candidature. Figma convient mieux si vous voulez un contrôle précis de la grille, des composants et du rendu visuel. Canva peut suffire pour un CV simple, à condition de ne pas choisir un modèle trop chargé. WordPress ou Webflow sont utiles pour créer une page CV en ligne reliée au portfolio.

Outil	Usage conseillé	Point de vigilance
CVDesignR	Créer rapidement un CV structuré	Personnaliser assez pour éviter l’effet modèle
Figma	Concevoir un CV très maîtrisé visuellement	Préserver la lisibilité et l’export PDF
Canva	Partir d’un modèle simple	Éviter les designs trop décoratifs
WordPress ou Webflow	Créer une page CV liée au portfolio	Prévoir aussi un PDF téléchargeable

Checklist finale

Avant l’envoi, relisez votre CV comme un recruteur pressé. Votre spécialité est-elle visible ? Le lien portfolio fonctionne-t-il ? Les compétences correspondent-elles à l’offre ? Les expériences décrivent-elles des missions concrètes ? Le PDF est-il léger, lisible et nommé proprement, par exemple “CV-Nom-Webdesigner.pdf” ? Mettez aussi votre CV à jour régulièrement, notamment après chaque nouveau projet, nouvelle certification ou refonte importante de votre portfolio.