Clément Quatravaux

👋 Une image qui ne vous ressemble plus ?

Freelance webdesigner à Lyon : une identité visuelle qui vous ressemble

Figma
Charte graphique
UX
Direction artistique

Une identité visuelle dessinée pour vous, pas choisie dans un catalogue. Charte graphique et maquettes Figma pour les entreprises de Lyon et des 58 communes de la métropole.

google

5|5

Donner à votre entreprise lyonnaise une image à sa hauteur

174 édifices protégés dans le seul périmètre historique, dont 128 immeubles civils : à Lyon, ce n’est pas un monument isolé qui fait le paysage, c’est l’ordinaire. La pierre dorée des Monts d’Or et le calcaire gris-bleu reviennent d’une rue à l’autre pendant quatre siècles. Voilà ce que produit une règle tenue longtemps : une ville qu’on reconnaît sans avoir besoin de la nommer.

+20
Sites conçus et dessinés
~ 21 %
Taux de conversion moyen mesuré
98%
Satisfaction de mes clients
+10
Secteurs d’activité accompagnés

Vous êtes comparé à des marques qui ont un service communication

C’est la difficulté propre à Lyon. Sur presque tous vos marchés, vos concurrents directs sont des structures qui emploient un responsable communication à plein temps, parfois une équipe. Votre visiteur, lui, ne fait pas la différence : il compare des sites, pas des effectifs. Le niveau attendu est fixé par les plus gros, et il ne baissera pas parce que vous êtes vingt. C’est précisément là qu’un travail de design sérieux rapporte le plus.

lyon 2

La pierre dorée des Monts d’Or, une règle tenue pendant quatre siècles.

Webdesigner freelance à Lyon : du premier croquis à la mise en ligne

Identité, maquettes, charte, interfaces. Pour des entreprises qui affrontent quotidiennement des concurrents mieux dotés qu’elles.

Création d’identité visuelle à Lyon

Logo, palette, typographies, iconographie, ton. Face à des acteurs structurés, une identité floue vous fait passer pour plus petit que vous n’êtes. L’objectif est de paraître à votre vraie taille, sans mentir.

Design pour la santé, la chimie et l’industrie

Des filières où l’on vend à des acheteurs qui auditent. Le site doit exposer les certifications, les procédés et les références sans les noyer, et rester crédible face à un concurrent qui a trois fois vos moyens.

Charte graphique complète

Couleurs, typographies, composants, règles d’usage. C’est ce qui vous permet de produire vite des supports cohérents, là où vos concurrents mobilisent une équipe entière.

Maquettes Figma sur mesure

Le site entier dessiné avant d’être codé, écran large et téléphone. Les décisions se prennent sur la maquette, pendant qu’elles ne coûtent encore rien.

Design d’espace client et d’outil métier

Beaucoup d’entreprises d’ici exposent un portail à leurs clients ou à leurs distributeurs. Ces écrans sont rarement dessinés : ce sont pourtant ceux que vos clients voient le plus souvent.

Refonte visuelle d’un site existant

Votre site fonctionne mais il vous dessert dans une comparaison. Je refais l’allure sans toucher aux adresses ni au contenu déjà positionné.

Design d’interface et UX

Un acheteur professionnel cherche une preuve, pas une promesse. Je construis la hiérarchie autour de ce qu’il vérifie : références, capacités, interlocuteur.

Supports de marque et documents commerciaux

Plaquettes, propositions, présentations. Dans un tissu où les cycles de vente sont longs, vos documents circulent des mois après le premier rendez-vous.

Ce qu’est vraiment une charte graphique

Sans équipe interne, la charte n’est pas un document de prestige. C’est l’outil qui vous permet de produire vite quelque chose de propre, sans redemander à un prestataire.

Palette 4 couleurs, pas 12 Typographies Titre Sous-titre Texte courant, lisible 2 familles, 5 tailles Grille Des marges qui tiennent Composants Bouton Champ Carte Dessinés une fois Iconographie Un seul style
Une charte graphique, ce n’est pas un logo : c’est ce document-là. Vous en repartez propriétaire.

Ce qu’elle vous fait économiser

Une proposition commerciale mise en forme en une heure au lieu d’une journée, une offre d’emploi qui ressemble à votre marque, une présentation qui ne se délite pas. Sur une année, c’est du temps de dirigeant récupéré, et c’est ce qui la rentabilise.

Assez précise pour être appliquée sans vous

Codes couleur exacts, tailles chiffrées, marges définies. Une charte qui dit « privilégier un bleu profond » ne sert à rien : celle qui dit lequel, en quelles valeurs et dans quel cas, sera suivie.

Un webdesign pensé pour les entreprises lyonnaises

Tenir la comparaison avec des concurrents mieux dotés, sans dépenser comme eux.

Paraître à votre vraie taille

Une identité approximative fait douter de tout le reste, y compris de votre capacité à livrer. La rigueur graphique est le signal le moins coûteux et le plus efficace que vous puissiez envoyer.

Expertise en direction artistique

Une page qui répond aux vraies objections

Votre visiteur se demande si vous tiendrez les délais et si vous serez encore là dans trois ans. Je construis les pages autour de ces questions, pas autour de votre organigramme.

Expertise en UX

Des maquettes Figma validées avant le code

Rien n’est codé avant votre accord. Sur des cycles de décision longs, cela évite de découvrir un désaccord de fond une fois le site en ligne.

Expertise en Figma

Une charte qui vous fait gagner du temps

Vous n’avez pas d’équipe créative interne. Une charte précise vous permet de produire un support propre en une heure au lieu d’une journée.

Expertise en charte graphique

Ma méthode de conception, face à des concurrents mieux dotés

Le déroulé est stable, l’exigence vient d’ailleurs. Ici, la référence n’est pas votre ancien site : c’est le site de celui qui vous fait perdre des affaires.

1 Brief votre métier, vos clients 2 Moodboard la direction, avant le détail 3 Wireframe la structure, sans couleur 4 Maquette Figma vous validez ici 5 Intégration au pixel près Une correction à l’étape 4 coûte une minute. À l’étape 5, une journée.

Regarder d’abord ceux qui gagnent vos appels d’offres

Avant toute idée graphique, j’examine les trois sites contre lesquels vous êtes réellement comparé. C’est là qu’on voit ce que votre visiteur considère comme normal, et ce qui vous manque.

Chercher l’écart plutôt que la ressemblance

Copier le leader vous rend crédible et invisible. Le travail consiste à trouver ce que lui ne peut pas dire : la proximité, la spécialisation, l’interlocuteur unique.

Poser la structure en gris

Hiérarchie, tailles, espaces, sans couleur. Les preuves — références, certifications, chiffres — doivent tenir en noir et blanc, faute de quoi elles ne convaincront personne en couleur.

Écrire les objections avant de dessiner

Délais, taille de l’équipe, pérennité. Chaque objection sérieuse mérite un emplacement dans la page. Une objection non traitée en ligne se retrouve au premier rendez-vous, ou vous coûte le rendez-vous.

Intégrer sans écart

Je code ce que vous avez validé, au pixel près, en surveillant la vitesse. Même personne des deux côtés, donc aucune surprise entre la maquette et le site livré.

Un accompagnement clair en 3 temps

Une méthode calibrée pour des dirigeants qui n’ont pas de temps à consacrer à un projet de communication.

Le brief

Deux heures, à Lyon ou en visio. Votre activité, vos clients, et surtout les trois concurrents auxquels on vous compare vraiment. Ce sont eux qui fixent le niveau à atteindre.

La conception

Moodboard, wireframes, maquettes Figma. Vous commentez dans le fichier quand vous avez dix minutes, sans réunion à convoquer.

Le rendu

Mise en ligne, puis remise de vos sources et de votre charte, avec les gabarits nécessaires à vos supports commerciaux.

Lyon, Métropole de Lyon et tout le département

J’interviens à Lyon comme dans les 58 communes de Métropole de Lyon, puis dans tout Rhône. En présentiel pour le brief et la présentation des maquettes, en visio pour le reste.

Lyon Métropole de Lyon, 58 communes Rhône et Auvergne-Rhône-Alpes Caluire-et-Cuire Villeurbanne Sainte-Foy-lès-Lyon
En présentiel à Lyon et dans les 58 communes de l’agglomération, puis dans tout le département. Et partout en visio.
  • Lyon
  • Caluire-et-Cuire
  • Villeurbanne
  • Sainte-Foy-lès-Lyon
  • Écully
  • Tassin-la-Demi-Lune
  • Bron
  • Presqu’île
  • Vieux Lyon
  • Croix-Rousse
  • Part-Dieu
  • Confluence
  • Brotteaux
  • Guillotière
  • Gerland
  • Monchat
  • Vaise

Webdesigner freelance, agence lyonnaise ou thème acheté ?

Trois façons d’habiller un site. Lyon compte beaucoup d’agences, et les écarts de devis y vont souvent du simple au triple pour un résultat comparable.

Le critèreThème achetéAgenceWebdesigner en direct
Le point de départUn modèle vendu des milliers de foisLeur bibliothèque interneVotre métier et vos clients
Qui dessinePersonneSouvent un profil juniorCelui à qui vous parlez
Vos concurrentsPeuvent avoir le mêmeParfois clients aussiLe design n’existe qu’à vous
Les fichiers sourcesInexistantsRarement remisFigma remis à la fin
La charteAucuneEn optionIncluse et documentée
Rendez-vous sur placeSans objetFacturé, ou à distanceÀ Lyon, inclus
Le coût réelBas, puis les rustinesLa structure à financerLe travail de conception

Combien coûte un webdesign à Lyon ?

Les ordres de grandeur du marché, sans détour. Les devis lyonnais sont fréquemment au-dessus de la moyenne nationale, structure d’agence oblige.

Charte graphique seule

800 à 2 500 € : palette, typographies, composants, règles d’usage, fichier source remis.

Identité et maquettes d’un site vitrine

1 500 à 6 000 € selon le nombre de pages et le degré de sur-mesure. Une agence structurée annonce souvent le double.

Design d’un espace client ou d’un portail

2 500 à 8 000 € : écrans, états et composants livrés dans Figma, prêts pour vos développeurs.

Avec Clément Quatravaux

À partir de 600 € TTC : site sur mesure jusqu’à 5 pages, maquettes Figma comprises, fichiers sources remis, paiement unique.

Mes dernières créations pour des entreprises comme la vôtre

Découvrez l’ensemble de mes créations en un clic !

Lupna
Avril 2025
PousBébé
Avril 2025
Ma Lampe Champignon
Février 2024
Enigmuse
Octobre 2024

Les avis de mes clients comptent, à Lyon comme ailleurs

Chaque retour m’aide à affiner mon travail et à proposer des solutions toujours plus justes.

Hugo A

Hugo A

Un immense bravo pour le travail de qualité. Clément a su comprendre mes besoins, m’a créé un site magnifique et personnalisé et m’a aussi aidé avec mon SEO. J’ai vraiment apprécié son sens du détail et sa créativité. Je le recommande vivement !

Romane T

Romane T

Nous collaborons sur plusieurs clients communs, et notre travail ensemble s’est toujours très bien passé ! Clément est professionnel, consciencieux et très réactif. Il connaît parfaitement son domaine. Je le recommande sans hésitation !

Esteban Q

Esteban Q

J’ai collaboré avec Clément sur plusieurs projets WordPress, et ça s’est toujours très bien passé ! Il est sérieux, professionnel et disponible. Son expertise en conversion et sa maîtrise de WordPress font la différence. Je le recommande les yeux fermés !

À qui s’adresse un webdesigner freelance à Lyon

Autant le dire franchement, avant de perdre du temps l’un et l’autre.

C’est fait pour vous si…

Vous perdez des affaires face à des concurrents qui ne sont pas meilleurs, seulement mieux présentés. Vous n’avez personne en interne pour produire vos supports. Votre site date d’avant votre positionnement actuel.

Ce n’est pas pour vous si…

Vous voulez un interlocuteur disponible à toute heure et une équipe dédiée. Vous cherchez le devis le plus bas plutôt que le résultat. Vous n’avez ni contenu ni temps d’en produire.

Questions fréquentes sur le webdesign à Lyon

Vous cherchez un webdesigner lyonnai ? Voici les réponses aux questions qu’on me pose le plus souvent.

En jouant sur ce qu’il ne peut pas faire. Une grande structure communique en général de façon lisse et impersonnelle. Un interlocuteur nommé, des cas clients précis et des réponses franches lui sont interdits, et ce sont exactement les éléments qui rassurent un acheteur. Le budget ne compense pas cela.

Une refonte visuelle, pas une refonte complète. On garde les adresses, la structure des URL et les contenus positionnés, et on change la direction artistique et les gabarits. Vous gagnez l’image sans perdre les positions, ce qui est le meilleur rapport entre risque et bénéfice.

Si vos clients s’y connectent régulièrement, c’est même prioritaire. C’est l’écran qu’ils voient le plus souvent, bien plus que votre page d’accueil, et c’est presque toujours celui que personne n’a jamais dessiné.

Oui, dans les 58 communes de la Métropole de Lyon. Caluire-et-Cuire est à 9 minutes, Villeurbanne et Écully à 15, Bron à 18. Je me déplace pour le brief et la présentation des maquettes.

Environ six heures au total, réparties sur le projet : deux pour le brief, deux pour les retours sur maquettes, deux pour la relecture finale. Le reste se fait sans vous, et vos commentaires se déposent dans Figma quand vous avez dix minutes.

Rien de grave, et c’est voulu. Vous détenez le fichier Figma, la charte et les accès. Le suivant reprend votre design tel quel au lieu de tout redessiner, ce qui vous évite de repayer deux fois la même chose.

Oui, régulièrement. Ce sont des projets où le contenu compte plus que l’effet : procédés, capacités, certifications, références. Le travail consiste à rendre tout cela lisible sans l’appauvrir.

Clément Quatravaux
Des questions ?

Prêt à donner à votre entreprise l’image qu’elle mérite ? Planifions un échange gratuit, simplement pour en discuter.

Un webdesigner à vos côtés, partout en France

En direct en Auvergne-Rhône-Alpes, de Villeurbanne à Saint-Étienne et Grenoble, et partout ailleurs en visio. Sur un marché où l’on est comparé à plus gros que soi, le design cesse d’être décoratif : il devient un argument.

Photographies sous licence libre, via Wikimedia Commons. Redimensionnées.