Clément Quatravaux

👋 Une image qui ne vous ressemble plus ?

Freelance webdesigner à Strasbourg : 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 Strasbourg et des 33 communes de l’Eurométropole.

google

5|5

Donner à votre entreprise strasbourgeoise une image à sa hauteur

Colombages médiévaux d’un côté, Neustadt wilhelmienne de l’autre, et 182 hectares inscrits à l’UNESCO qui embrassent les deux. Strasbourg n’a pas choisi entre ses deux héritages, elle les a fait tenir ensemble : le grès rose des Vosges passe d’une époque à l’autre et relie ce que l’histoire séparait. Une identité de marque fonctionne pareil : ce n’est pas l’uniformité qui fait tenir, c’est la matière commune.

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

Le réflexe strasbourgeois : penser français, être lu allemand

C’est la spécificité de votre marché et elle est rarement traitée. Kehl est à quelques minutes, une part de vos clients, de vos fournisseurs ou de vos candidats sont allemands, et pourtant la plupart des sites d’ici sont conçus comme s’ils s’adressaient au reste de la France. Une version allemande sérieuse vous distingue immédiatement, moins parce qu’elle est rare que parce qu’elle prouve que vous travaillez vraiment des deux côtés.

strasbourg 2

Le grès rose des Vosges, matière commune à toutes les époques de la ville.

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

Identité visuelle, maquettes Figma, charte graphique, interfaces mobiles. Pour des entreprises qui vont du transporteur au cabinet installé près des institutions.

Création d’identité visuelle à Strasbourg

Logo, palette, typographies, iconographie, ton. Sur un marché transfrontalier, une identité doit fonctionner dans deux cultures graphiques : la sobriété allemande et la chaleur française ne lisent pas les mêmes signaux.

Sites bilingues français et allemand

Bien plus qu’une traduction. L’allemand produit des mots longs : les boutons, les menus et les titres doivent être dessinés pour les encaisser sans casser. C’est une contrainte de maquette, pas de rédaction.

Charte graphique complète

Couleurs, typographies, composants, règles d’usage, longueurs maximales de texte comprises. C’est la seule façon d’éviter que la version allemande devienne la version bâclée.

Maquettes Figma sur mesure

Chaque page est dessinée dans les deux langues avant d’être codée. C’est là qu’apparaissent les blocs qui ne tiendront pas, quand les corriger est encore gratuit.

Design pour la logistique et le transport

Une filière qui ne vend pas en ligne mais qui doit qualifier vite : agréments visibles, zones desservies claires, demande de cotation en trois champs, et un site lisible sur un téléphone tenu d’une main.

Refonte visuelle d’un site existant

Je change l’allure d’un site qui fonctionne, et j’en profite pour reprendre proprement la seconde langue, presque toujours traitée à la va-vite à l’origine.

Design d’interface et UX

Sur un site bilingue, chaque parcours existe en double et l’un des deux n’est jamais testé. Je vérifie les deux, écran par écran, avant la mise en ligne.

Supports de marque et documents institutionnels

Plaquettes, présentations, dossiers. Dans un tissu où l’on travaille beaucoup avec des institutions et des grands comptes, vos documents circulent autant que votre site.

Ce qu’est vraiment une charte graphique

Beaucoup d’entreprises pensent avoir une charte parce qu’elles ont un logo et deux couleurs. Sur un marché bilingue, une charte sert aussi à décider ce qui se passe quand le texte double de longueur.

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.

Écrire les règles de longueur

Une charte sérieuse ici indique la longueur maximale d’un titre, le comportement d’un bouton quand la traduction déborde, et ce qu’on coupe en priorité. Sans ces règles, la version allemande finit toujours par être la version bâclée.

Choisir des signes qui passent la frontière

Cigogne, colombage stylisé, typographie gothique : ces signes voyagent mal et vieillissent vite. Une couleur juste, une grille rigoureuse et des photos réelles se lisent correctement des deux côtés du Rhin.

Un webdesign pensé pour les entreprises strasbourgeoises

Deux langues, deux cultures graphiques, une seule identité qui doit tenir dans les deux.

Une identité qui passe la frontière

Ce qui paraît chaleureux en France peut sembler imprécis de l’autre côté du Rhin. Je cherche le point où votre marque reste elle-même dans les deux lectures, plutôt que de faire deux marques différentes.

Expertise en direction artistique

Des maquettes qui encaissent l’allemand

Un bouton dessiné pour « Nous contacter » explose avec « Kontaktieren Sie uns ». Je teste les blocs dans les deux langues dès la maquette, pas après la mise en ligne.

Expertise en UX

Des maquettes Figma validées avant le code

Rien n’est codé avant votre validation, et la maquette vous est présentée avec le texte allemand en place plutôt qu’avec du faux texte français.

Expertise en Figma

Une charte utilisable par vos deux publics

Vous repartez avec vos fichiers sources et vos règles d’usage, y compris les variantes de longueur de texte à respecter en version allemande.

Expertise en charte graphique

Ma méthode de conception, appliquée à un site bilingue

Le déroulé change peu, mais tout se décide plus tôt. Traiter la question des langues en fin de projet est la façon la plus sûre de produire deux sites moyens.

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.

Désigner la version principale

Un site bilingue n’est jamais symétrique. L’une des deux versions porte l’essentiel du trafic et de la conversion. L’assumer dès le départ évite de diluer l’effort et de ne réussir ni l’une ni l’autre.

Chercher la matière commune

Une planche de références construite sur ce qui vous identifie des deux côtés : une matière, une couleur, une façon de composer. On écarte d’emblée ce qui est culturellement trop marqué.

Poser la structure en gris, dans les deux langues

Hiérarchie, tailles, espaces, sans couleur, avec le texte allemand en place. C’est là que se révèlent les blocs qui ne tiendront pas, pendant que les corriger ne coûte rien.

Faire relire par un locuteur natif

Avant la couleur, jamais après. Une formulation maladroite dans la version allemande annule le bénéfice de tout le travail graphique auprès des lecteurs que vous visiez précisément.

Intégrer sans écart

Je code ce que vous avez validé, au pixel près, en vérifiant les deux versions écran par écran. Les pages traduites sont celles qu’on oublie de tester, donc celles que je teste en dernier.

Un accompagnement clair en 3 temps

Une méthode qui intègre la question bilingue dès le début, plutôt que de la traiter en fin de projet.

Le brief

Deux heures, à Strasbourg ou en visio. Votre activité, la part réelle de vos clients allemands, et ce que vous voulez qu’ils trouvent. Cette réponse change la structure du site.

La conception

Moodboard, wireframes, maquettes Figma, dessinées d’emblée avec les deux langues. Vous commentez directement dans le fichier.

Le rendu

Mise en ligne des deux versions, puis remise de vos fichiers sources et de votre charte, avec les règles de longueur à respecter pour les prochaines pages.

Strasbourg, Eurométropole de Strasbourg et tout le département

J’interviens à Strasbourg comme dans les 33 communes de Eurométropole de Strasbourg, puis dans tout Bas-Rhin. En présentiel pour le brief et la présentation des maquettes, en visio pour le reste.

Strasbourg Eurométropole de Strasbourg, 33 communes Bas-Rhin et Grand Est Ostwald Lingolsheim Schiltigheim
En présentiel à Strasbourg et dans les 33 communes de l’agglomération, puis dans tout le département. Et partout en visio.
  • Strasbourg
  • Ostwald
  • Lingolsheim
  • Schiltigheim
  • Illkirch-Graffenstaden
  • Bischheim
  • Hœnheim
  • Grande-Île
  • Petite France
  • Neustadt
  • Krutenau
  • Neudorf
  • Esplanade
  • Contades
  • Koenigshoffen
  • Cronenbourg
  • Robertsau

Webdesigner freelance, agence ou thème acheté ?

Trois façons d’habiller un site. Un gabarit acheté n’a jamais été dessiné pour encaisser deux langues aux longueurs très différentes : c’est là qu’il lâche en premier.

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

Combien coûte un webdesign à Strasbourg ?

Les ordres de grandeur du marché français, sans détour. Une seconde langue ajoute du travail de maquette, pas seulement de traduction.

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.

Déclinaison bilingue des maquettes

600 à 2 000 € : blocs, menus et boutons redessinés pour absorber les écarts de longueur entre français et allemand.

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, à Strasbourg 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 à Strasbourg

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

C’est fait pour vous si…

Vous travaillez avec l’Allemagne et votre site ne le montre nulle part. Votre version allemande a été traduite automatiquement et vous préférez ne pas la relire. Votre image date et vos concurrents ont pris de l’avance.

Ce n’est pas pour vous si…

Vous voulez une seconde langue produite par un traducteur automatique pour cocher une case. Vous attendez d’un site qu’il compense l’absence de relations commerciales. Vous n’avez ni contenu ni temps d’en produire.

Questions fréquentes sur le webdesign à Strasbourg

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

Si une part de votre activité vient d’outre-Rhin, oui, et faite sérieusement. Une traduction automatique fait plus de mal que pas de version du tout : elle signale un manque de sérieux au moment précis où vous cherchez à en montrer. Deux ou trois pages bien traduites valent mieux qu’un site entier approximatif.

Parce que les mots y sont nettement plus longs. Un bouton dessiné au millimètre pour le français déborde en allemand, un menu passe sur deux lignes, un titre change de taille. La solution est de dessiner les blocs avec de la marge dès le départ, pas de rogner la traduction après coup.

Par la structure. Un résumé en tête de page pour celui qui découvre, le détail en dessous pour celui qui compare, et des cas concrets plutôt que des listes de moyens. Vos deux publics trouvent ce qu’ils cherchent sans que l’un gêne l’autre.

Oui, dans les 33 communes. Ostwald est à 10 minutes, Lingolsheim à 11, Schiltigheim et Illkirch-Graffenstaden à 12. Je me déplace pour le brief et la présentation des maquettes.

Oui, si l’on travaille la matière plutôt que le folklore. Ce qui voyage mal, c’est le style culturellement marqué : cigogne, colombage stylisé, typographie gothique. Ce qui voyage bien, c’est une couleur juste, une grille rigoureuse et des photos réelles.

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, et c’est l’occasion de reprendre la version allemande, qui a presque toujours été bâclée au départ. Je change l’allure 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 le Grand Est, de Colmar à Metz, et partout ailleurs en visio. Travailler des deux côtés d’une frontière impose des contraintes que la plupart des sites français ignorent, et c’est là que se joue votre avance.

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