Quand j'ai lancé SiteWebMarseille.fr en 2022, je pensais que la partie technique serait le plus grand défi. Apprendre React, maîtriser le SEO, optimiser les performances... J'avais prévu d'y consacrer l'essentiel de mon énergie. Quatre ans plus tard, après 50 projets réalisés — restaurants du Vieux-Port, e-commerces mode, SaaS de gestion, associations culturelles, artisans du BTP — c'est la communication et la gestion de projet qui se sont révélées les vraies compétences différenciantes.

Le code, on l'apprend. Mais écouter vraiment un client, reformuler ses besoins avec précision, livrer dans les délais convenus et gérer les imprévus avec sérénité — ça, c'est un métier à part entière. Voici les 10 leçons que j'aurais voulu connaître dès le premier projet.

Bilan des 50 projets : les chiffres

Avant d'entrer dans le vif du sujet, voici un aperçu des projets réalisés depuis 2022 :

22
Sites vitrine
(restaurants, artisans, professions libérales, associations)
9
Sites e-commerce
(mode, alimentaire, artisanat, services)
7
Applications web / SaaS
(outils internes, plateformes, dashboards)
8
Refontes
(modernisation de sites existants)

Les secteurs les plus représentés à Marseille : restauration et hôtellerie, BTP et artisanat, commerce de proximité, services aux entreprises. La PACA est une région dynamique où les entrepreneurs ont une vraie appétence pour le digital — mais souvent peu de recul sur ce qu'implique réellement un projet web.

Année Projets réalisés Technologies principales
2022 5 projets WordPress, HTML/CSS/JS
2023 10 projets WordPress, React, WooCommerce
2024 18 projets Next.js, TypeScript, WordPress headless
2025-2026 17 projets Next.js, React, Node.js, PostgreSQL

Les 10 leçons principales

Leçon 01

La communication est plus importante que le code

Les projets qui se sont mal passés n'avaient presque jamais un problème technique à l'origine — c'était un problème de communication. Un client qui attendait une galerie photos dynamique alors que j'avais prévu une simple grille statique. Un délai de livraison compris différemment des deux côtés. Des retours de maquette sans fin parce que les attentes initiales n'avaient jamais été clairement formalisées. Aujourd'hui, je structure chaque projet avec une réunion de lancement détaillée, des points hebdomadaires, et un outil de suivi partagé (Notion ou Trello). Ces rituels semblent évidents, mais ils font toute la différence entre un projet serein et un projet qui s'enlise.

Leçon 02

Un cahier des charges évite 90 % des problèmes

"Un formulaire de contact et c'est tout" peut vouloir dire 1 champ prénom/email ou 15 champs avec upload de fichiers PDF, envoi automatique de confirmation, notification email au gérant et synchronisation avec un CRM. La même phrase, deux projets complètement différents. Depuis 2023, je ne démarre aucun projet sans un cahier des charges signé des deux côtés : nombre de pages, fonctionnalités listées précisément, technologies choisies, délais, jalons de validation, et ce qui est hors périmètre. Ce document protège le client (il sait ce qu'il achète) et me protège (je sais ce que je livre).

Leçon 03

Mobile-first n'est plus une option, c'est le point de départ

En 2022, je concevais encore les maquettes desktop en premier, puis je les "adaptais" au mobile. Erreur. Aujourd'hui, 53 % à 70 % du trafic web marseillais vient du mobile selon le secteur (jusqu'à 80 % pour les restaurants). J'ai complètement inversé mon workflow : je design d'abord pour un écran 375px, puis j'enrichis pour le desktop. Les résultats sur les Core Web Vitals et dans Google Search Console se sont nettement améliorés. Les clients, eux, ont vu leur trafic mobile augmenter de 20 à 40 % après refonte.

Leçon 04

Le SEO doit être intégré dès le premier commit

J'ai dû refaire gratuitement deux sites car les clients arrivaient 3 mois après le lancement avec "mais pourquoi on n'apparaît pas sur Google ?" La vraie réponse : parce que le SEO avait été traité comme une option ajoutée à la fin, pas comme une fondation. Maintenant, le SEO de base est inclus dans chaque projet dès le départ : structure HTML5 sémantique, balises title/description uniques, schema.org (LocalBusiness, FAQPage, Article), Core Web Vitals optimisés, sitemap XML, robots.txt, et fiche Google Business Profile configurée à la livraison.

Leçon 05

La maintenance est sous-estimée par tout le monde

WordPress non mis à jour = site piraté dans les 6 mois. Hébergement expiré sans renouvellement automatique = site hors ligne un vendredi soir. Contenu vieillissant (horaires erronés, offres expirées, "fermé pour travaux" deux ans plus tard) = clients perdus et avis négatifs. La maintenance n'est pas sexy, mais c'est elle qui fait tenir un site dans la durée. Depuis 2024, je propose systématiquement un contrat de maintenance mensuel à chaque client. 70 % l'acceptent — et les 30 % restants reviennent souvent me voir quelques mois plus tard après un incident.

Leçon 06

Les délais doivent être réalistes (des deux côtés)

"Je vous envoie les textes et les photos demain" peut prendre 3 semaines. "Je vous donne mes retours sur la maquette vendredi" peut s'étirer jusqu'au mois suivant. Les retards clients sont de loin la première cause de dépassement de délais — et ils créaient de la frustration des deux côtés jusqu'à ce que je change d'approche. Aujourd'hui, je fixe des deadlines client contractuelles : si les contenus ne sont pas fournis dans les 5 jours ouvrés après la demande, la date de livraison est décalée automatiquement d'autant. Cette clause, intégrée dans les conditions générales, a réduit les retards de 60 %.

Leçon 07

La confiance se construit par la transparence

Les clients qui reviennent — et qui me recommandent à leur réseau — sont ceux avec qui j'ai été le plus transparent. Transparent sur les difficultés techniques rencontrées ("ce plugin ne fonctionne pas comme prévu, voici les alternatives"). Transparent sur les délais réels ("j'ai un imprévu, la livraison sera décalée de 3 jours"). Transparent sur mes limites ("le motion design avancé n'est pas mon cœur de métier — voici un partenaire que je recommande"). Promettre moins et livrer plus est toujours gagnant sur le long terme.

Leçon 08

Chaque secteur a ses spécificités marseillaises

Un site de restaurant à Marseille ce n'est pas un site de restaurant à Paris ni un site de plombier. Les arrondissements jouent un rôle clé dans les recherches locales : "restaurant 7ème Marseille" et "restaurant Vieux-Port Marseille" sont deux requêtes distinctes avec des intentions différentes. J'ai appris à m'imprégner de chaque secteur avant de commencer : visiter les concurrents, analyser leurs mots-clés, comprendre les codes visuels du marché local. Un plombier marseillais référencé sur "dépannage plomberie Marseille 13" n'a pas la même stratégie qu'un cabinet d'avocat référencé sur "avocat divorce Marseille 6ème".

Leçon 09

Le design seul ne suffit pas à convertir

J'ai vu de beaux sites — vraiment beaux, primés — ne générer aucun appel. Et des sites visuellement modestes convertir 3 fois mieux. Ce qui convertit, ce n'est pas la beauté : c'est la clarté. Une proposition de valeur lisible en 5 secondes. Un numéro de téléphone cliquable visible sans scroller. Des avis clients réels au-dessus de la ligne de flottaison. Un CTA unique et évident par page. Depuis que j'intègre ces principes de conversion dès la conception (plutôt que de les ajouter en finition), les résultats clients ont sensiblement progressé.

Leçon 10

Les meilleurs clients viennent du bouche-à-oreille

Malgré tous mes efforts SEO — et ce blog en est une preuve — la majorité de mes clients viennent de recommandations. Un restaurateur satisfait qui parle de moi à son voisin artisan. Un e-commerçant qui me présente à son comptable. Une association dont la directrice me recommande à une autre structure culturelle. Le bouche-à-oreille génère des projets plus sains (le client arrive avec confiance préétablie), plus valorisés (moins de négociation sur le prix) et plus agréables à réaliser. La qualité du travail est le meilleur outil marketing qui soit.

Mes projets préférés parmi les 50

Certains projets restent particulièrement marquants — non pas nécessairement les plus grands budgets, mais ceux où les contraintes techniques et la créativité se sont le mieux rencontrées.

Identité visuelle + Web

La Broche — Restaurant Marseillais

Ce projet m'a appris à raconter une histoire à travers un site. Le client voulait transmettre l'authenticité d'une cuisine provençale moderne sans tomber dans le cliché. Nous avons construit ensemble une identité visuelle et une direction photographique cohérente — tons chauds, typographies serif élégantes, animations GSAP sobres. Le site a généré +40 % de réservations en ligne dans les 3 mois suivant le lancement.

Application web

IT Réseaux — Dashboard de supervision

Ce projet est techniquement le plus ambitieux réalisé jusqu'ici : une application React + Node.js + PostgreSQL permettant la supervision en temps réel d'infrastructures réseau, avec alertes push, graphiques dynamiques et exports PDF automatisés. Trois mois de développement, architecture microservices, déploiement sur VPS avec CI/CD. Ce projet m'a convaincu de continuer à monter en compétences sur les architectures backend complexes.

E-Commerce

Somneo — Boutique bien-être en ligne

Somneo est un beau cas d'usage WooCommerce optimisé. La cliente voulait une boutique élégante, rapide et autonome. Nous avons travaillé ensemble sur le parcours d'achat (réduction du nombre d'étapes de 5 à 3), la stratégie de photographie produit et la mise en place d'emails transactionnels automatisés. Le taux de conversion est passé de 1,2 % à 3,1 % en 4 mois — grâce à l'UX autant qu'au SEO.

Ce que je ferais différemment

Avec 4 ans de recul, voici ce que je changerais si je recommençais :

  • Documenter les projets dès le premier jour. J'ai passé des heures à reconstituer des cas clients pour le portfolio et ce blog — des informations qui auraient été faciles à capturer en temps réel avec quelques notes et captures d'écran pendant le projet.
  • Investir dans le SEO de mon propre site dès le début. J'ai mis deux ans à traiter mon propre site avec le même sérieux que les sites clients. Une erreur classique du cordonnier mal chaussé.
  • Proposer des contrats de maintenance dès le premier projet. Les 10 premiers clients n'ont pas eu cette proposition systématique. Plusieurs ont rencontré des problèmes que j'aurais pu prévenir.
  • Spécialiser l'offre plus tôt. En voulant tout faire — web, design, print, motion design, SEO — j'ai dilué mon positionnement pendant un an. La spécialisation sur le développement web et le SEO local à Marseille a clarifié mon message et amélioré la qualité des prospects.

La suite : mes objectifs pour 2027

100 projets réalisés

Doubler le volume tout en maintenant la qualité et la satisfaction client.

Blog 50+ articles

Faire de ce blog une référence SEO pour les entrepreneurs marseillais.

Formation en ligne

Cours pratiques de SEO local et création web pour entrepreneurs non-tech en PACA.

Partenariats locaux

Collaborations avec agences de communication, photographes et copywriters marseillais.

FAQ — Questions fréquentes sur mon activité

Combien de temps faut-il pour réaliser 50 projets web ?
Dans mon cas, 4 ans (2022-2026). Le rythme a considérablement évolué : 5-6 projets la première année, lorsque je construisais encore mon réseau et ma réputation, contre 12-15 projets par an maintenant. La réputation et le réseau font tout. À partir d'un certain stade, les recommandations deviennent le principal canal d'acquisition et la croissance s'accélère naturellement.
Quelles technologies avez-vous utilisées sur ces 50 projets ?
WordPress + Elementor ou Gutenberg pour les sites vitrine CMS (environ 40 % des projets), HTML/CSS/JS vanilla pour les sites performants sans CMS (30 %), React + Next.js pour les applications web et sites haute performance (20 %), WooCommerce pour l'e-commerce (10 %). La part de Next.js est croissante depuis 2024 — c'est aujourd'hui mon stack de référence pour les nouveaux projets ambitieux.
Quel a été votre projet le plus complexe techniquement ?
Une application web de gestion de planning pour une entreprise de services à Marseille : authentification multi-rôles (admin, manager, technicien), planning interactif par drag-and-drop, notifications temps réel via WebSockets, rapports d'intervention et exports PDF automatisés. Stack : React + TypeScript + Node.js + Express + PostgreSQL + WebSocket. 3 mois de développement, déployé sur DigitalOcean avec CI/CD GitHub Actions. Un projet formateur à tous les niveaux.
Avez-vous eu des projets qui ont mal tourné ?
Oui, deux projets ont été abandonnés en cours de route — dans les deux cas, par manque d'un cahier des charges clair au départ. Un client dont les attentes ont évolué radicalement en cours de développement (sans accord contractuel sur les modifications), et un projet dont le client n'a finalement pas pu fournir les contenus nécessaires. Ces deux expériences m'ont rendu intransigeant sur l'étape de cadrage initial. C'est une protection pour le client autant que pour moi.
Acceptez-vous des projets hors Marseille ?
Oui, je travaille en remote pour toute la France. Environ 30 % de mes clients sont hors PACA — Paris, Lyon, Bordeaux, mais aussi des entreprises françaises basées à l'étranger. Les rendez-vous se font en visioconférence (Google Meet, Zoom) et les outils collaboratifs (Notion, Figma, Loom) permettent une collaboration fluide à distance. La proximité physique que j'offre aux clients marseillais est un plus, pas une condition.

Conclusion : merci, et à votre tour

Ce bilan n'est pas une liste de succès. C'est un bilan honnête de 4 ans de travail, avec les réussites mais aussi les erreurs, les projets difficiles, les nuits à chercher un bug et les matins où tout s'est enfin mis en place. Si vous êtes entrepreneur à Marseille et que vous réfléchissez à lancer ou refaire votre site web, j'espère que ces 10 leçons vous seront utiles.

Je veux remercier les 50 clients qui m'ont fait confiance depuis 2022. Chacun d'entre eux m'a appris quelque chose — sur leur secteur, sur la gestion de projet, sur la communication, ou simplement sur moi-même. La diversité des projets est ce qui rend ce métier passionnant.

Si vous avez un projet web à Marseille — ou ailleurs — je serais heureux de l'étudier avec vous. Un appel découverte de 30 minutes suffit pour voir si on peut travailler ensemble.

👨‍💻

Khaled Ouertani

Développeur web freelance à Marseille depuis 2022. Spécialisé React, Next.js, TypeScript et WordPress. 50+ projets réalisés en PACA.

En savoir plus →

Votre projet web à Marseille

Devis gratuit sous 24h. Discutons de votre projet ensemble.

Contactez-moi