Clément Quatravaux

👋 Une image qui ne vous ressemble plus ?

Freelance webdesigner à Saint-Étienne : une identité visuelle qui vous ressemble

Figma
Charte graphique
UX
Direction artistique

Identité visuelle, charte graphique et maquettes Figma sur mesure. Je dessine votre site avant de le construire, pour les entreprises de Saint-Étienne et des 53 communes de la métropole.

google

5|5

Donner à votre entreprise stéphanoise une image à sa hauteur

Un plan en damier dessiné par Jean-Michel Dalgabio, des immeubles-ateliers de passementiers avec leurs grandes ouvertures, du grès houiller et de la brique, des ocres et des gris anthracite. Rien n’est décoratif ici : chaque forme répond à un usage, l’atelier a dicté la façade. C’est la meilleure définition du design qu’on puisse trouver, et c’est sans doute pourquoi cette ville en a fait sa spécialité.

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

La ville du design, et la barre qui va avec

C’est une situation que peu de villes connaissent : ici, le design n’est pas un mot d’agence, c’est une filière, une école, une biennale et une partie de l’économie locale. Vos clients et vos partenaires savent faire la différence entre un site travaillé et un gabarit acheté. La médiocrité graphique se remarque plus vite ici qu’ailleurs. C’est une contrainte, et c’est aussi une occasion : un travail sérieux y est réellement reconnu.

saint etienne 2

Le grès houiller et la brique, matières ordinaires du centre stéphanois.

Webdesigner freelance à Saint-Étienne : du premier croquis à la mise en ligne

Identité visuelle, maquettes Figma, charte graphique, interfaces mobiles. Pour des entreprises qui vont du sous-traitant mécanique au studio du centre.

Création d’identité visuelle à Saint-Étienne

Logo, palette, typographies, iconographie, ton. Dans une ville qui connaît le sujet, l’effet gratuit se voit : mieux vaut une identité sobre et parfaitement exécutée qu’une identité bavarde.

Design pour l’industrie et la sous-traitance

Vous ne vendez pas en ligne, vous devez inspirer confiance à un acheteur qui compare trois fournisseurs. Ce qui compte : les certifications visibles, le parc machines, les tolérances, et de vraies photos d’atelier plutôt que des images de catalogue.

Charte graphique complète

Couleurs, typographies, composants, règles d’usage. Elle sert autant à votre stand de salon et à vos fiches techniques qu’à votre site, et c’est là qu’elle se rentabilise.

Maquettes Figma sur mesure

Chaque page est dessinée et validée avant d’être codée, y compris vos fiches techniques, qui sont souvent les pages les plus consultées d’un site industriel.

Catalogues techniques et documentation produit

Fiches, gammes, références, données techniques. Un catalogue industriel bien structuré est un outil commercial : il doit se filtrer, se comparer et se lire sur un téléphone en atelier.

Refonte visuelle d’un site existant

Votre site date d’avant vos dernières machines. Je change l’image et remets les capacités en avant, sans toucher aux adresses ni au contenu déjà positionné.

Design d’interface et UX

Un acheteur cherche une information précise : une matière, une dimension, une certification. Le chemin jusqu’à cette information est tout le sujet, et il doit tenir en deux clics.

Supports de marque et documents commerciaux

Plaquettes, dossiers techniques, présentations de salon. Dans l’industrie, vos documents circulent souvent plus que votre site. Je décline votre identité dessus pour que les deux se répondent.

Ce qu’est vraiment une charte graphique

Beaucoup d’entreprises industrielles pensent avoir une charte parce qu’elles ont un logo sur un en-tête. Une charte, c’est ce qui fait que votre stand, votre plaquette et votre site donnent la même impression de sérieux.

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.

La sobriété tenue vaut mieux que la richesse

Une charte industrielle réussie tient en peu d’éléments, mais elle les tient partout : le même bleu exact sur l’écran, sur le papier et sur le stand. C’est cette constance qui inspire confiance, bien plus qu’une identité chargée.

Rester lisible en noir et blanc

Vos fiches techniques seront imprimées, photocopiées, glissées dans un dossier de consultation. Une charte qui ne fonctionne qu’en couleur est une charte qui ne fonctionne pas dans votre métier.

Un webdesign pensé pour les entreprises stéphanoises

Un tissu industriel exigeant, dans une ville où l’on sait ce qu’est un objet bien dessiné.

La justesse plutôt que l’effet

Les animations et les dégradés à la mode datent en deux ans et ne convainquent personne ici. Une grille rigoureuse, une typographie tenue et un contraste juste convainquent longtemps.

Expertise en direction artistique

Un site qui parle à un acheteur

Votre visiteur n’est pas un consommateur, c’est un professionnel qui compare. Il cherche des capacités, des délais et des preuves. Je construis les parcours autour de cette recherche.

Expertise en UX

Des maquettes Figma validées avant le code

Rien n’est codé avant votre validation, et vos techniciens relisent les données produit dans le fichier avant qu’elles partent en ligne.

Expertise en Figma

Une charte qui tient du salon au site

Vous repartez avec vos fichiers sources et vos règles d’usage, utilisables par votre imprimeur comme par votre standiste.

Expertise en charte graphique

Ma méthode de conception, appliquée à un acheteur professionnel

Le déroulé change peu, l’interlocuteur n’est pas le même. Votre visiteur ne consomme pas, il compare trois fournisseurs et cherche des preuves.

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.

Lister ce qu’un acheteur cherche vraiment

Capacités, dimensions maximales, matières, tolérances, certifications, délais courants. La structure du site se déduit de cette liste, pas d’un modèle de page trouvé chez un concurrent.

Choisir une direction que vous pourrez tenir

Une planche de références sobre. L’objectif est une identité que vous appliquerez vous-même sur dix supports pendant cinq ans sans qu’elle se délite ni qu’elle date.

Poser la structure en gris

Hiérarchie, tailles, espaces, sans couleur. Une fiche technique doit rester lisible en noir et blanc, parce que c’est très souvent ainsi qu’elle sera imprimée et transmise.

Regarder vos vraies photos

Les images de vos machines et de vos pièces valent tous les visuels achetés, parce qu’elles prouvent. Je vous dis au brief lesquelles tiennent la route et ce qu’il faut refaire.

Intégrer sans écart

Je code ce que vous avez validé, au pixel près, en soignant l’impression des pages techniques. Même personne des deux côtés, donc aucune surprise.

Un accompagnement clair en 3 temps

Une méthode adaptée aux entreprises où le dirigeant décide, mais où le contenu vient de l’atelier.

Le brief

Deux heures, à Saint-Étienne ou en visio. Votre activité, vos clients, vos capacités réelles. Dans l’industrie, c’est là qu’on trouve les arguments que le site devra mettre en avant.

La conception

Moodboard, wireframes, maquettes Figma. Vos techniciens relisent directement dans le fichier, ce qui évite les corrections de dernière minute sur les données produit.

Le rendu

Mise en ligne, puis remise de vos fichiers sources et de votre charte, aux formats attendus par votre imprimeur comme par votre standiste.

Saint-Étienne, Saint-Étienne Métropole et tout le département

J’interviens à Saint-Étienne comme dans les 53 communes de Saint-Étienne Métropole, puis dans tout Loire. En présentiel pour le brief et la présentation des maquettes, en visio pour le reste.

Saint-Étienne Saint-Étienne Métropole, 53 communes Loire et Auvergne-Rhône-Alpes La Ricamarie Le Chambon-Feugerolles Roche-la-Molière
En présentiel à Saint-Étienne et dans les 53 communes de l’agglomération, puis dans tout le département. Et partout en visio.
  • Saint-Étienne
  • La Ricamarie
  • Le Chambon-Feugerolles
  • Roche-la-Molière
  • Sorbiers
  • Firminy
  • Unieux
  • Centre-Deux
  • Bellevue
  • Carnot
  • Châteaucreux
  • Crêt de Roc
  • Montreynaud
  • La Terrasse
  • Monthieu
  • Le Soleil
  • Beaubrun

Webdesigner freelance, agence ou thème acheté ?

Trois façons d’habiller un site. Dans une ville qui vit du design, le gabarit acheté envoie exactement le signal que vous cherchez à éviter.

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À Saint-Étienne, inclus
Le coût réelBas, puis les rustinesLa structure à financerLe travail de conception

Combien coûte un webdesign à Saint-Étienne ?

Les ordres de grandeur du marché français, sans détour. Sur un site industriel, prévoyez aussi un budget photo d’atelier : c’est souvent ce qui change le plus le résultat.

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.

Catalogue technique filtrable

2 000 à 6 000 € : fiches, références et filtres par matière ou dimension, lisibles sur un téléphone en atelier.

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, à Saint-Étienne 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 à Saint-Étienne

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

C’est fait pour vous si…

Votre savoir-faire est réel mais votre site ne le prouve pas. Vos photos datent d’avant vos dernières machines. Un acheteur qui vous compare ne trouve pas vos capacités en ligne et passe au suivant.

Ce n’est pas pour vous si…

Vous voulez un site spectaculaire plutôt qu’un site utile. Vous refusez de communiquer la moindre donnée technique publiquement. Vous n’avez ni contenu ni temps d’en produire.

Questions fréquentes sur le webdesign à Saint-Étienne

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

Oui, et c’est même là qu’il travaille le plus. Votre acheteur vous a trouvé par une recommandation ou un salon, puis il vérifie en ligne avant de vous consulter. Votre site ne fait pas la vente, il fait la présélection : s’il est absent ou négligé, vous ne saurez jamais quelles consultations vous n’avez pas reçues.

Vos capacités chiffrées avant tout : parc machines, dimensions maximales, matières travaillées, tolérances, certifications, délais courants. Ensuite des références clients, même sans les nommer. Le discours général sur la qualité n’intéresse personne.

Presque toujours. De vraies images de vos machines et de vos pièces valent plus que n’importe quel visuel acheté, parce qu’elles prouvent. C’est souvent le poste qui change le plus le résultat final pour le budget engagé.

Oui, dans les 53 communes de Saint-Étienne Métropole. La Ricamarie est à 12 minutes, Le Chambon-Feugerolles à 15, Firminy à 19. Je me déplace pour le brief et la présentation des maquettes.

Oui, et c’est souvent le meilleur investissement. Un catalogue filtrable par matière, dimension ou référence remplace des dizaines d’appels, et il vous positionne sur des recherches très précises que vos concurrents ne travaillent pas.

Oui, le fichier source vous est remis avec la charte à la fin du projet. Vos maquettes vous appartiennent, et un autre prestataire pourra les reprendre sans repartir de zéro.

Oui, très souvent. Votre site reçoit déjà des visites mais ne montre plus vos capacités réelles : je refais l’image et la structure sans toucher aux adresses ni au contenu déjà positionné.

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 dans la Loire et le Rhône, de Roanne à Lyon, et partout ailleurs en visio. Un sous-traitant qui répond à des consultations n’a pas les mêmes priorités qu’un commerce, et son site doit être construit à partir de ce que cherche un acheteur.

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