Clément Quatravaux

👋 Une image qui ne vous ressemble plus ?

Freelance webdesigner à Marseille : 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 Marseille et des 92 communes de la métropole.

google

5|5

Donner à votre entreprise marseillaise une image à sa hauteur

Classicisme du XIXᵉ, monuments romano-byzantins, béton des années soixante : Marseille n’a jamais cherché l’homogénéité. Et pourtant on la reconnaît partout, à sa pierre calcaire dorée, ses tuiles rouges et ses enduits clairs. 128 édifices y sont protégés. La leçon vaut pour une marque : on peut assumer plusieurs registres tant qu’une matière commune les relie.

+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 piège marseillais : la carte postale

C’est le réflexe que je vois le plus souvent ici. Ocre, bleu méditerranéen, une photo du Vieux-Port en bandeau, et voilà une identité qui ressemble à celle de trois cents autres entreprises de la ville. Ces couleurs fonctionnent, mais elles ne vous appartiennent pas. Votre singularité vient de votre métier, pas de votre code postal. L’ancrage local se travaille par une matière ou une lumière, rarement par un symbole.

marseille 2

Le Panier et ses façades colorées, une identité faite de matières plus que de règles.

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

Identité visuelle, maquettes Figma, charte graphique, interfaces mobiles. Pour des entreprises qui vont du transitaire portuaire au commerce du Panier.

Création d’identité visuelle à Marseille

Logo, palette, typographies, iconographie, ton. L’enjeu ici est d’éviter le pastiche méditerranéen tout en restant d’ici : on y arrive par la lumière et les matières plutôt que par les clichés.

Design pour le portuaire et la logistique

Une filière qui ne vend rien en ligne mais qui doit qualifier vite. Le site sert à obtenir une demande de cotation en trois champs, à afficher les agréments, et à fonctionner sur un téléphone posé sur un quai.

Charte graphique complète

Couleurs, typographies, composants, règles d’usage. Dès que votre communication est partagée entre deux ou trois personnes, c’est elle qui empêche votre image de dériver.

Maquettes Figma sur mesure

Vous voyez chaque page avant qu’elle existe, sur écran large et sur téléphone. Les arbitrages se font là, tant qu’ils ne coûtent encore rien.

Refonte visuelle d’un site existant

Beaucoup de sites marseillais ont dix ans et fonctionnent encore. Je reprends l’image sans casser ce qui marche : mêmes adresses, même contenu, nouvelle allure.

Design d’interface et UX

Sur une métropole aussi étalée, la première question de votre visiteur est de savoir si vous venez chez lui. Toute la hiérarchie de la page découle de cette réponse.

Webdesign lisible en plein soleil

Une contrainte réelle et rarement prise au sérieux : une grande partie de vos visiteurs consultent votre site dehors, écran au soleil. Les contrastes faibles et les gris clairs à la mode y deviennent illisibles.

Supports de marque et signalétique

Déclinaison de votre identité sur vos documents, véhicules et vitrines. Dans une ville où le commerce de proximité compte beaucoup, la cohérence entre l’enseigne et le site se remarque.

Ce qu’est vraiment une charte graphique

Beaucoup d’entreprises pensent avoir une charte parce qu’elles ont un logo et une couleur. Une charte, c’est ce qui rend vos supports reconnaissables même quand le logo n’est pas visible, sur une vitrine comme sur un camion.

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.

Le contraste se vérifie dehors, pas au bureau

C’est la règle la plus utile ici et presque personne ne l’applique. Un gris clair élégant sur un écran de bureau devient illisible sur un quai en juillet. Je fixe des contrastes minimaux et je les teste en extérieur, parce que c’est là que vos clients vous liront.

Tenir de l’enseigne au camion

Dans une ville où le commerce de proximité et le transport pèsent lourd, votre identité est autant vue sur un rideau de fer et un véhicule que sur un écran. La charte doit donner à votre imprimeur et à votre poseur d’enseigne les mêmes références exactes qu’à votre développeur.

Un webdesign pensé pour les entreprises marseillaises

Dans une métropole de 92 communes, votre concurrent est rarement dans votre rue. Il est à Aubagne ou à Aix, et il vise les mêmes recherches.

Un ancrage local sans folklore

Être marseillais sur un site ne veut pas dire mettre du bleu et une photo de calanque. Cela veut dire choisir des matières, une lumière et un ton qui parlent d’ici sans que dix concurrents puissent faire la même chose.

Expertise en direction artistique

Un parcours pensé pour un visiteur pressé

Votre site doit amener au formulaire ou à l’appel. Je conçois les parcours dans ce sens, avec une attention particulière au premier écran, qui décide de tout.

Expertise en UX

Des maquettes Figma validées avant le code

Rien n’est codé avant votre validation. Une correction sur la maquette prend cinq minutes ; la même sur un site livré en prend deux heures.

Expertise en Figma

Une charte qui tient de l’enseigne au site

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

Expertise en charte graphique

Ma méthode de conception, appliquée à une ville étalée

Le déroulé varie peu, l’attention se déplace. À Marseille, deux questions dominent tout : où intervenez-vous réellement, et votre site tient-il en plein soleil.

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élimiter votre zone avant tout le reste

Sur une métropole de 92 communes, le premier réflexe d’un visiteur est de vérifier que vous venez chez lui. Cette réponse doit être visible sans défilement, sinon le reste du site ne servira à rien.

Chercher la lumière plutôt que le symbole

Une planche de références construite sur des matières et des lumières d’ici : calcaire, enduit clair, ombre franche. On évite d’emblée le bleu et la calanque, que trois cents concurrents utilisent déjà.

Poser la structure en gris

Hiérarchie, tailles, espaces, sans aucune couleur. Le numéro de téléphone et la zone d’intervention doivent tenir sans être colorés. S’ils ne tiennent pas, la couleur ne les sauvera pas.

Éprouver la maquette au soleil

Je regarde les écrans sur un téléphone en extérieur avant de vous les présenter. C’est une étape de dix minutes qui élimine des erreurs qu’on ne voit jamais en intérieur.

Intégrer en surveillant le poids

Je code ce que vous avez validé, au pixel près, en gardant les pages légères. Une bonne partie de vos visites arrivent en 4G depuis un véhicule, pas depuis une fibre.

Un accompagnement clair en 3 temps

Une méthode qui tient compte d’une réalité locale : à Marseille, traverser la ville prend parfois quarante minutes.

Le brief

Deux heures, sur place ou en visio. Votre activité, vos clients, vos concurrents réels dans la métropole. Un bon design commence par une bonne question, pas par une couleur.

La conception

Moodboard, wireframes, maquettes Figma. Vous commentez dans le fichier, ce qui évite de bloquer une demi-journée pour une réunion de vingt minutes.

Le rendu

Mise en ligne, puis remise de vos fichiers sources et de votre charte, aux formats attendus par un imprimeur comme par un poseur d’enseigne.

Marseille, Métropole d'Aix-Marseille-Provence et tout le département

J’interviens à Marseille comme dans les 92 communes de Métropole d’Aix-Marseille-Provence, puis dans tout Bouches-du-Rhône. En présentiel pour le brief et la présentation des maquettes, en visio pour le reste.

Marseille Métropole d'Aix-Marseille-Provence, 92 communes Bouches-du-Rhône et Provence-Alpes-Côte d'Azur Les Pennes-Mirabeau Aubagne Plan-de-Cuques
En présentiel à Marseille et dans les 92 communes de l’agglomération, puis dans tout le département. Et partout en visio.
  • Marseille
  • Les Pennes-Mirabeau
  • Aubagne
  • Plan-de-Cuques
  • Gignac-la-Nerthe
  • Septèmes-les-Vallons
  • Allauch
  • Vieux-Port
  • Le Panier
  • La Joliette
  • Euroméditerranée
  • Noailles
  • La Plaine
  • Castellane
  • Prado
  • Endoume
  • La Valentine

Webdesigner freelance, agence ou thème acheté ?

Trois façons d’habiller un site. La vraie question n’est pas le prix affiché mais ce qu’il reste entre vos mains à la fin : un design qui n’appartient qu’à vous, ou un gabarit que d’autres utilisent aussi.

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

Combien coûte un webdesign à Marseille ?

Les ordres de grandeur du marché français, sans détour. Les écarts de devis viennent surtout du nombre d’intermédiaires, rarement de la qualité du dessin.

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 sur enseigne et véhicules

400 à 1 500 € : fichiers prêts pour l’imprimeur et le poseur, aux bons formats et aux bonnes références couleur.

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

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

C’est fait pour vous si…

Vous intervenez sur une large partie de la métropole et votre site ne le dit nulle part. Votre image ressemble à celle de vos concurrents parce que tout le monde a puisé dans la même palette. Vos supports imprimés et votre site ne se ressemblent plus.

Ce n’est pas pour vous si…

Vous voulez avant tout que ça aille vite et que ça coûte le moins possible. Vous tenez à la photo de calanque en bandeau. Vous n’avez ni photos de votre activité ni intention d’en faire faire.

Questions fréquentes sur le webdesign à Marseille

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

Avec prudence. L’ocre et le bleu méditerranéen fonctionnent, mais ils sont utilisés par tout le monde ici, et votre site finit par ressembler à une carte postale. Je pars de votre métier, puis je vérifie si l’ancrage local vous sert ou vous banalise. Souvent, une matière suffit là où un symbole dessert.

C’est une vraie contrainte ici, et presque personne ne la teste. Une grande partie de vos visiteurs consultent votre site dehors, écran en plein soleil. Les contrastes faibles et les gris clairs à la mode deviennent illisibles. Je vérifie les contrastes en conditions réelles avant de valider une palette.

Oui, dans les 92 communes d’Aix-Marseille-Provence. Les Pennes-Mirabeau et Aubagne sont à 21 minutes, Allauch à 40. Je me déplace pour le brief et la présentation des maquettes.

Une charte seule se situe entre 800 et 2 500 €. Avec les maquettes d’un site vitrine, comptez 1 500 à 6 000 €. Beaucoup d’entreprises d’ici commencent par la charte, parce qu’elle sert immédiatement à l’enseigne, aux véhicules et aux documents, avant même le site. Chez moi, un site sur mesure jusqu’à 5 pages démarre à 600 € TTC.

Oui, et c’est ce qu’on me demande le plus ici. Votre site tient encore techniquement mais son allure a dix ans : je refais la direction artistique et les maquettes, sans toucher aux adresses ni au contenu déjà positionné.

À vous. Je travaille exclusivement sur Figma et je vous remets le fichier source avec la charte. C’est une question qui revient souvent après une mauvaise expérience : beaucoup de prestataires gardent les sources, ce qui oblige à tout redessiner quand on change.

Les deux. On peut se voir pour le brief et la présentation des maquettes ; le reste se fait très bien en visio. Dans une ville où traverser du nord au sud prend parfois quarante minutes, c’est souvent plus rapide pour tout le monde.

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 les Bouches-du-Rhône et le Var, d’Aix à Toulon, et partout ailleurs en visio. Une entreprise qui couvre un large territoire n’a pas les mêmes besoins qu’un commerce de quartier, et c’est cette différence qui décide de la structure du site.

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