Mon approche

Scores de cette page :

EcoIndex A
SEO 100%
Accessibilité 100%
Performance 100%
Bonnes Pratiques 100%

Choisir les outils les plus adaptés à un projet ne consiste pas uniquement à comparer des technologies. Chaque décision influence la performance, l'accessibilité, la facilité de maintenance et la capacité de vos équipes à s'approprier durablement leur outil.

C'est pourquoi je privilégie une méthode de travail transparente et pragmatique, qui place vos besoins réels et la qualité technique au centre de chaque décision. Les axes présentés ci-dessous constituent le cadre de réflexion qui guide mes choix, depuis notre premier échange jusqu'à la maintenance de votre site dans le temps.

Le numérique responsable fait également partie intégrante de cette méthode : je lui consacre une page dédiée.

Axe 1 : Accompagnement et Choix Techniques sur-mesure

Le code n'est qu'un outil au service d'un besoin réel. Je refuse d'imposer une technologie par habitude ou par mode : chaque projet mérite une architecture dictée par ses objectifs, ses ressources, son budget et son contexte humain. En tant qu'interlocutrice unique, je vous accompagne directement à chaque étape de vos réflexions.
01

Des outils choisis avec discernement

Arbitrer de manière pragmatique entre CMS ou développement spécifique selon vos compétences internes et vos besoins réels.

Concrètement pour vous :

Je vous aide à choisir une solution adaptée à vos besoins, à vos ressources et à votre façon de travailler. Lorsque le sur-mesure apporte une réelle valeur, il permet de limiter les fonctionnalités inutiles et les dépendances. Lorsque l'existant répond efficacement au besoin, je préfère l'adapter plutôt que de réinventer la solution.

Quelques exemples dans mes réalisations
Ce site en technologies simples

PHP/JS minimal/CSS pur, sans CMS ni framework : le bon choix quand le site n'a besoin ni de back-office ni de publication fréquente.

Personnel
Site communautaire complet développé avec Symfony et Doctrine

Symfony choisi pour une application communautaire avec authentification et logique métier propre.

Formation
Site WordPress sur mesure pour un cinéma associatif — films, séances, festivals et événements via API

WordPress choisi pour l'autonomie d'une équipe bénévole : header sur un thème éco-conçu léger (Colibri), tout le reste développé sur mesure plutôt qu'empilé en plugins.

Client
Voir toutes mes réalisations

Choisir une technologie puissante n'est pas nécessairement choisir une meilleure solution : une technologie surdimensionnée peut augmenter inutilement la complexité, le poids ou les coûts du projet.

Approfondir le sujet

Les principaux outils et leur terrain de prédilection :

  • HTML / CSS / JS pur : idéal pour les sites vitrines, portfolios ou pages de capture simples. Aucun code superflu et très peu de dépendances. En revanche, il devient moins adapté lorsque le site comporte beaucoup de contenus à administrer ou nécessite des mises à jour fréquentes par des non-techniciens.
  • WordPress ou autre CMS : particulièrement adapté aux sites nécessitant une publication régulière et autonome, comme les blogs ou les sites d'actualités. Les thèmes et blocs peuvent être développés sur mesure, et des extensions reconnues peuvent être utilisées lorsqu'elles répondent efficacement au besoin.
  • Symfony : adapté aux applications métier sur mesure, aux espaces connectés et aux projets comportant des règles logiques complexes. En revanche, son niveau de complexité n'est généralement pas justifié pour un simple site de présentation.
  • React : adapté aux interfaces fortement interactives et aux applications web nécessitant de nombreux états et interactions. Il peut en revanche être surdimensionné pour un site essentiellement constitué de contenus.

Ces choix ne sont pas exclusifs : un même site peut combiner plusieurs technologies, en utilisant chacune là où elle apporte une réelle valeur, sans imposer sa complexité à l'ensemble du projet.

02

Expliquer, documenter, transmettre

Un projet ne s'arrête pas à sa mise en ligne : les connaissances nécessaires à son utilisation et à son évolution doivent également être transmises.

Concrètement pour vous : Je vous explique les choix techniques qui vous concernent, vous forme aux usages dont vous avez besoin et vous transmets une documentation adaptée à votre projet. Vous disposez ainsi des informations nécessaires pour utiliser votre outil au quotidien, le faire évoluer ou en faciliter la reprise par une autre personne ou équipe.

Quelques exemples dans mes réalisations
Réservations en ligne et météo sur mesure pour un loueur de kayak

Système de réservation et plugin météo sur mesure, livrés avec la formation nécessaire à leur prise en main autonome.

Client
Adaptation d'un thème gratuit pour un catalogue de vans aménagés, budget très contraint

Tag transversal appliqué aux véhicules, box et kits : le client publie une nouvelle réalisation en cochant une case, sans aucune intervention technique de ma part.

Client
Capture à venir
Reprise, audit, tests PHPUnit et documentation d'une application Symfony

Reprise d'une application existante, documentée pour permettre sa transmission à une autre équipe.

Formation
Voir toutes mes réalisations

Le saviez-vous ? Selon une synthèse publiée dans IEEE Software (Glass, 2001), la maintenance représente en moyenne 60 % du coût d'un logiciel. Or une grande partie de ce temps sert à comprendre le code existant : 47 % lors d'une évolution et 62 % lors d'une correction dans l'étude de référence de Fjeldstad et Hamlen (1983), jusqu'à 70 % dans des mesures plus récentes.

Aux États-Unis, le Consortium for Information & Software Quality (CISQ) estime la dette technique accumulée à environ 1 520 milliards de dollars en 2022, et la décrit comme le principal obstacle à la modification des logiciels existants.

Approfondir le sujet

Une transmission adaptée au projet :

La documentation n'a pas besoin d'être volumineuse pour être utile. Elle doit surtout permettre de retrouver les informations nécessaires au bon moment, dans un format compréhensible par les personnes qui devront s'en servir.

Selon le projet et les personnes amenées à intervenir, cela peut prendre différentes formes :

  • Guides de contribution : pour expliquer les opérations courantes : publier un contenu, ajouter une réalisation, gérer des médias ou utiliser une fonctionnalité spécifique.
  • Fiches mémo : pour conserver rapidement les procédures les plus fréquentes ou les points de vigilance particuliers au projet.
  • Documentation technique : pour transmettre les informations nécessaires à la maintenance ou à la reprise du développement par une autre personne ou une autre équipe.
  • Code commenté et structuré : pour faciliter la compréhension et la reprise du développement par n'importe quel développeur.
  • Sessions de formation enregistrées : pour conserver une explication détaillée et permettre de la revoir ultérieurement.

Une autonomie qui peut évoluer

Les besoins ne sont pas toujours les mêmes après la mise en ligne. Je peux intervenir ponctuellement pour une évolution technique, accompagner une équipe qui gagne en autonomie ou assurer la maintenance du site dans la durée.

Cette organisation permet de faire évoluer le niveau d'accompagnement au fil du temps, sans imposer une dépendance systématique à une intervention technique pour les tâches que vos équipes peuvent prendre en charge elles-mêmes.

Axe 2 : Qualité Web et Performance

Un site lent, instable ou mal conçu dégrade directement l'expérience utilisateur et nuit à votre crédibilité commerciale. Qualité web et performance sont intimement liées : un site rapide est le reflet d'une architecture saine, accessible et optimisée. Pour structurer cette démarche, je m'appuie sur des standards vérifiables et universels reconnus par la profession.
01

L'Assurance Qualité Web

Traiter l'accessibilité, la sécurité, le référencement, les contenus et les services de manière cohérente dès la conception, en s'appuyant sur le référentiel d'assurance qualité Opquast.

Le constat : un utilisateur confronté à une erreur, un formulaire confus ou un parcours bloquant quitte souvent un site sans revenir.

Concrètement pour vous : Un site stable, fiable, accessible et sécurisé. Vos utilisateurs bénéficient d'un parcours fluide, exempt d'irritants majeurs (formulaires qui s'effacent en cas d'erreur, liens cassés, messages incompréhensibles, etc.), ce qui protège durablement votre image et votre crédibilité.

Quelques exemples dans mes réalisations
Transformation complète d'un thème WordPress immobilier pour une association de logement solidaire

Personnalisation profonde d'un thème très contraint (WPResidence) via thème enfant : surcharge de templates et de hooks sans jamais toucher au code source, pour préserver les mises à jour futures.

Client
Intégration WordPress pixel-perfect et multilingue pour un espace de coworking arlésien

Maquette épurée à reproduire à l'identique — espacements, typographies, comportements d'interface — sans marge d'interprétation graphique, en français et en anglais via WPML.

Client
Site événementiel multi-univers avec système de réservation évolutif (WooCommerce puis Fluent Forms)

Quatre CPT sur mesure et calcul de disponibilité en temps réel sur les réservations d'ateliers — la fiabilité du calcul de places restantes ne tolère pas d'approximation.

Client
Voir toutes mes réalisations

Un cadre de référence : le référentiel Opquast rassemble 245 bonnes pratiques universelles, applicables à tout type de site web et vérifiables sans interprétation.

Approfondir le sujet

Qu'est-ce qu'Opquast (Open Quality Standards) ?
Opquast est à la fois une entreprise à mission française, une communauté internationale et le principal référentiel francophone d'assurance qualité web. Son objectif est de réduire les risques et les irritants rencontrés par les utilisateurs au travers de règles pragmatiques, universelles et vérifiables.

Le modèle VPTCS :

  • Visibilité : le site et ses contenus peuvent-ils être trouvés ?
  • Perception : les informations sont-elles accessibles et compréhensibles ?
  • Technique : le service fonctionne-t-il de manière robuste et fiable ?
  • Contenus : les informations sont-elles pertinentes, honnêtes et utiles ?
  • Services : l'expérience reste-t-elle satisfaisante avant, pendant et après l'utilisation ?

J'utilise le référentiel OPQUAST comme cadre de conception afin d'intégrer les exigences de qualité dès le cadrage du projet plutôt que de tenter de les corriger après coup.

Mise en œuvre des exigences : Structuration rigoureuse des formulaires avec messages d'erreur explicites, gestion transparente des données personnelles, sécurisation des parcours utilisateurs, mise en place systématique de pages d'erreur utiles et accompagnement des équipes dans la prise en main des outils.

02

La Performance et l'Optimisation

Réduire le poids des pages, accélérer l'affichage et limiter les traitements inutiles afin d'offrir une expérience fluide sur tous les appareils.

Une statistique clé : un utilisateur sur deux quitte un site si son temps de chargement dépasse 3 secondes.

Concrètement pour vous : Un site plus rapide, plus agréable à utiliser et plus résilient face aux contraintes du monde réel : réseaux mobiles imparfaits, ordinateurs anciens ou connexions limitées. Les bonnes pratiques de performance contribuent également à améliorer le référencement naturel et à limiter l'abandon des visiteurs.

Quelques exemples dans mes réalisations
Thème WP sur mesure d'après des maquettes complexes pour une agence de communication responsable

CSS et JS minifiés, print.css dédié : Website Carbon cleaner than 94% et EcoIndex A sur la majorité des pages malgré des contraintes visuelles imposées par le client.

Client
Ce site — technologies simples, excellents scores lighthouse et ecoindex

plus de 97% Lighthouse sur toutes les pages, EcoIndex A/B — sans CMS ni framework à charger.

Personnel
Migration jQuery vers React avec mesure des performances avant/après

Migration ciblée de jQuery vers React sur les seuls composants qui en avaient besoin, sans réécriture totale de l'application.

Formation
Voir toutes mes réalisations

Indicateurs clés : les indicateurs de performance web servent aujourd'hui de référence pour évaluer l'expérience réelle des utilisateurs.

Approfondir le sujet

Moins de code, plus de vitesse :

  • Réduire le poids des pages améliore le temps de réponse du serveur (TTFB) et la vitesse d'affichage du contenu principal (LCP).
  • Limiter les animations complexes et les traitements inutiles améliore la réactivité des interactions (INP).
  • Un site plus léger consomme moins de ressources côté serveur comme côté utilisateur.

Comment mesurer la performance ?

  • Lighthouse et PageSpeed Insights évaluent la qualité technique et l'expérience utilisateur à partir d'indicateurs standardisés.
  • EcoIndex mesure l'empreinte technique d'une page et sensibilise à son impact environnemental.
  • Les Core Web Vitals permettent de suivre l'évolution concrète des performances dans le temps.

Optimisations techniques : Compression avancée des images (WebP, AVIF), minification du code, limitation des scripts tiers, réduction du nombre de requêtes HTTP et optimisation de la structure des pages.

Axe 3 : Le Numérique Responsable

Le numérique responsable ne se limite pas à l'écologie : pour l'Institut du Numérique Responsable (INR), il repose sur 4 piliers indissociables — gouvernance, gestion durable du matériel, sobriété des usages et accessibilité sociale. Je l'intègre à chaque étape de mes projets, du cadrage technique au choix d'hébergement, parce qu'un site plus sobre est aussi un site plus rapide, plus accessible et plus durable dans le temps.

Découvrir les 4 piliers du numérique responsable et ce qu'ils peuvent vous apporter

Organiser un atelier ou une conférence