Clément Quatravaux

👋 Une image qui ne vous ressemble plus ?

Freelance webdesigner à Le Havre : une identité visuelle qui vous ressemble

Figma
Charte graphique
UX
Direction artistique

Un site qui vous fait exister au-delà de la région. Identité visuelle, charte graphique et maquettes Figma pour les entreprises du Havre et des 54 communes de l’agglomération.

google

5|5

Donner à votre entreprise havraise une image à sa hauteur

Le centre du Havre a été redessiné en entier par l’atelier Perret sur une trame modulaire, une seule règle appliquée à 133 hectares, inscrits à l’UNESCO en 2005. Du béton apparent, quatre finitions, quelques teintes claires, et rien d’autre. On aime ou non, mais personne ne confond cette ville avec une autre. Un système tenu jusqu’au bout est plus fort que cent bonnes idées séparées : c’est précisément ce qu’est une charte graphique.

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

Celui qui décide n’est pas dans la région

C’est la donnée qui structure votre communication et on la sous-estime souvent. Dans la chimie, la logistique ou l’industrie portuaire, votre client direct est parfois havrais, mais celui qui signe est à Paris, à Rotterdam ou à Singapour. Il ne vous connaît pas, ne viendra pas visiter, et vous évalue sur un écran. Votre site est votre seule présence sur son bureau, et il doit y être aussi crédible qu’un concurrent trois fois plus gros.

le havre 2

La trame de Perret, une seule règle tenue sur 133 hectares.

Webdesigner freelance au Havre : du premier croquis à la mise en ligne

Identité, maquettes, charte, interfaces. Pour des entreprises jugées à distance par des décideurs qui ne viendront jamais.

Création d’identité visuelle au Havre

Logo, palette, typographies, iconographie, ton. Face à un décideur étranger, une identité approximative fait douter de la capacité industrielle elle-même : c’est injuste, et c’est ainsi.

Design pour la logistique et l’industrie portuaire

Ce qui qualifie : agréments douaniers et sécurité, surfaces d’entreposage, connexions modales, délais. Un site utile ici permet d’obtenir une cotation en trois champs plutôt que de raconter une histoire.

Sites bilingues français et anglais

Ce n’est pas une option dans ces filières. Une version anglaise sérieuse, avec les unités et les incoterms justes, vous distingue de la moitié de vos concurrents locaux.

Charte graphique complète

Couleurs, typographies, composants, règles d’usage. Elle sert vos réponses à appels d’offres internationaux, qui sont votre véritable outil commercial.

Maquettes Figma sur mesure

Le site entier dessiné avant d’être codé, dans les deux langues. Vous voyez le résultat avant qu’une ligne de code existe.

Refonte visuelle d’un site existant

Votre site est ancien et votre version anglaise inexistante ou automatique. Je reprends l’ensemble sans toucher aux adresses ni au contenu déjà positionné.

Design d’interface et UX

Parcours, hiérarchie, lisibilité. Un acheteur international cherche une capacité précise : le trajet jusqu’à cette donnée doit être le plus court possible, dans les deux langues.

Supports de marque et documents d’appel d’offres

Plaquettes techniques, fiches de capacités, réponses à consultations. Ces documents circulent des mois et sont lus par des gens qui ne vous ont jamais rencontré.

Ce qu’est vraiment une charte graphique

Le Havre en offre la meilleure démonstration : une trame, quelques matières, appliquées sans exception sur 133 hectares. Une charte n’est pas une liste de préférences, c’est un système qu’on tient jusqu’au bout.

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 qui fait la force d’un système

Ce n’est pas la richesse des éléments, c’est leur répétition. Trois couleurs employées partout de la même façon produisent une identité plus nette que douze couleurs employées au jugé. La discipline remplace avantageusement l’inspiration.

Écrite pour deux langues

Longueurs maximales, comportement des boutons quand la traduction s’allonge, formats de chiffres et d’unités. Sans ces règles, la version anglaise se dégrade page après page sans que personne ne le décide.

Un webdesign pensé pour les entreprises havraises

Être jugé à distance impose un niveau de finition qu’une relation de proximité pardonnerait.

Crédible sans visite

Votre interlocuteur ne verra jamais vos installations. Photos réelles, chiffres précis, agréments visibles : c’est ce qui remplace la visite, et rien d’autre ne le fait.

Expertise en direction artistique

Deux langues, même exigence

La version anglaise est trop souvent le parent pauvre. Elle est pourtant lue par ceux qui décident du contrat, donc elle mérite autant de soin que la française.

Expertise en UX

Des maquettes Figma validées avant le code

Rien n’est codé avant votre accord, et les deux versions sont montrées ensemble. Les blocs qui ne tiennent pas apparaissent à ce moment-là.

Expertise en Figma

Une charte pour vos réponses à appels d’offres

Gabarits de tableaux, présentation des capacités, lisibilité en impression. C’est là que la charte travaille le plus dans vos métiers.

Expertise en charte graphique

Ma méthode de conception, face à un acheteur international

Le déroulé change peu, l’interlocuteur imaginé est différent. Ici, je dessine pour quelqu’un qui ne viendra jamais et qui lit en anglais.

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.

Établir ce qui remplace la visite

Photos réelles des installations, surfaces, agréments, certifications, connexions modales. On liste ces preuves avant toute idée graphique, parce que le site sera construit autour d’elles.

Décider la langue prioritaire

Si l’essentiel de vos donneurs d’ordre est étranger, l’anglais n’est pas une traduction, c’est la version principale. Cela change la façon dont on écrit et dont on dessine.

Poser la structure en gris, dans les deux langues

Hiérarchie, tailles, espaces, sans couleur, avec les deux textes en place. Les blocs qui débordent apparaissent maintenant, quand les corriger est encore gratuit.

Raccourcir le chemin vers la cotation

Un acheteur veut une réponse, pas un formulaire de douze champs. Trois champs bien choisis produisent plus de demandes qualifiées qu’un questionnaire complet.

Intégrer sans écart

Je code ce que vous avez validé, au pixel près, en vérifiant les deux versions écran par écran. Même personne des deux côtés, donc aucune surprise.

Un accompagnement clair en 3 temps

Une méthode qui traite la question bilingue dès la première séance, pas comme une traduction ajoutée à la fin.

Le brief

Deux heures, au Havre ou en visio. Vos capacités, vos agréments, et d’où viennent réellement vos donneurs d’ordre. Cette dernière réponse détermine la langue prioritaire du site.

La conception

Moodboard, wireframes, maquettes Figma avec les deux langues en place. Vous commentez dans le fichier, y compris depuis un autre fuseau horaire.

Le rendu

Mise en ligne des deux versions, puis remise de vos sources et de votre charte, avec les gabarits de dossier.

Le Havre, CU Le Havre Seine Métropole et tout le département

J’interviens à Le Havre comme dans les 54 communes de CU Le Havre Seine Métropole, puis dans tout Seine-Maritime. En présentiel pour le brief et la présentation des maquettes, en visio pour le reste.

Le Havre CU Le Havre Seine Métropole, 54 communes Seine-Maritime et Normandie Harfleur Gonfreville-l'Orcher Montivilliers
En présentiel à Le Havre et dans les 54 communes de l’agglomération, puis dans tout le département. Et partout en visio.
  • Le Havre
  • Harfleur
  • Gonfreville-l'Orcher
  • Montivilliers
  • Bolbec
  • Lillebonne
  • Pont-Audemer
  • Centre reconstruit
  • Saint-François
  • Sainte-Adresse
  • Graville
  • Bléville
  • Danton
  • Perrey
  • Eure
  • Aplemont
  • Caucriauville

Webdesigner freelance, agence ou thème acheté ?

Trois façons d’habiller un site. Face à un acheteur international qui compare cinq fournisseurs européens, le gabarit reconnaissable vous place d’emblée dans la mauvaise catégorie.

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

Combien coûte un webdesign au Havre ?

Les ordres de grandeur du marché français, sans détour. La seconde langue ajoute du travail de maquette autant que 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.

Version anglaise dessinée

600 à 2 000 € : blocs, menus et boutons redessinés pour les écarts de longueur, unités et formats adaptés.

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, à Le Havre 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 au Havre

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

C’est fait pour vous si…

Vos donneurs d’ordre sont ailleurs et votre site ne leur parle pas. Votre version anglaise est automatique et vous le savez. Vos capacités réelles n’apparaissent nulle part en ligne.

Ce n’est pas pour vous si…

Vous refusez de publier la moindre donnée sur vos moyens. Vous considérez la version anglaise comme accessoire. Vous n’avez ni contenu ni temps d’en produire.

Questions fréquentes sur le webdesign à Le Havre

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

Dans les filières portuaires et industrielles, oui, et faite sérieusement. Vos interlocuteurs chez les donneurs d’ordre sont internationaux. Une traduction automatique se repère instantanément et suggère un manque de sérieux au moment précis où vous cherchez à en montrer.

Par ce qui se vérifie : photos réelles de vos installations, surfaces et capacités chiffrées, agréments et certifications visibles, ancienneté des relations. Ces preuves remplacent la visite, et rien d’autre ne le fait, surtout pas un discours sur vos valeurs.

Le moins possible : nature du besoin, volume, contact. Chaque champ supplémentaire fait perdre des demandes. Les précisions se collectent lors du premier échange, c’est le rôle de vos commerciaux, pas celui du site.

Oui, dans les 54 communes du Havre Seine Métropole. Harfleur est à 14 minutes, Gonfreville-l’Orcher à 17, Montivilliers à 18. Je me déplace pour le brief et la présentation des maquettes.

Une refonte visuelle suffit dans la plupart des cas. On garde les adresses et les contenus positionnés, on change la direction artistique, la structure des pages et la version anglaise. Le risque est faible, le gain immédiat.

Oui, et c’est fréquent quand le siège impose une charte. Je travaille dans leur cadre et je l’applique à votre site, plutôt que de proposer une identité concurrente qui serait refusée.

Quatre à six semaines. Le facteur limitant est la traduction technique, qui doit être faite par quelqu’un qui connaît votre métier, pas seulement la langue. Autant l’engager dès le début du projet.

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 Normandie, de Rouen à Caen, et partout ailleurs en visio. Vendre à un acheteur qui ne viendra jamais impose une précision que la vente de proximité ne demande pas, et c’est là que la plupart des sites échouent.

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