Développement web durable

Chez Mentalo, on raconte votre histoire, on la met en scène et on la délivre sur tous les écrans et pour tous les publics. Toujours du sur-mesure et du « à la carte » pour plus d’agilité. De quoi répondre au plus près à vos besoins et ceux de vos cibles. Sans oublier l’écoconception et l’accessibilité pour un site plus responsable !

La technologie au service de votre projet web

On maîtrise la technique sur le bout des doigts !

Eh oui, pas de digital sans technique ! Chez nous, c’est la langue maternelle de nos développeurs. Ce qu’ils font pour livrer votre site internet ? Ils structurent la donnée, l’interfacent, développent votre projet sur-mesure et à la carte, connectent services et API. Ils synchronisent et sécurisent vos données. Votre site livré, ils le maintiennent.

Traitement de la data, mise en forme CSS, création de modules personnalisés : ils maîtrisent tout le développement d’un site web responsive et responsable !

Mais surtout ! Ils codent léger. Ils optimisent leurs lignes de code pour limiter l’impact carbone de votre site internet. Ils sont aussi sensibles à l’expérience utilisateur et au design. Ils intègrent tout ou partie des règles d’accessibilité pour rendre votre site accessible au plus grand nombre.

Côté choix technique : tout dépend de vos attentes, de votre projet et de vos enjeux métier. On vous propose la technologie la plus adaptée à vos besoins.

Et si nous ne savons pas faire, nous ne nous engageons pas. La transparence et la bienveillance avant tout ! Mais rassurez-vous, on a certainement ce qu’il vous faut dans le groupe PH7. C’est ça la force d’appartenir à un groupe !

Des sites accessibles sur tous les écrans et à impact carbone réduit

On rend votre site utile à vos cibles. Notre objectif : optimiser leur engagement et leur parcours utilisateur. Contenus, fonctionnalités, technique : on vous conseille à chaque étape. On projette votre site sur les court, moyen et long termes. On le rend évolutif, facile à maintenir, tout en réduisant son impact carbone !

Responsive

Content first

Accessible

Ecoconçu

Une stack technique choisie avec soin

Chez Mentalo, on code toujours avec le cœur et la tête !

Un développement pérenne et maintenable, ça passe par l’utilisation de technologies innovantes, standards et éthiques.
Nos développeurs mettent un point d’honneur à développer un code léger et moins polluant.

Notre équipe technique s’attache à respecter cette règle, gage de qualité, de stabilité, de maintenabilité et d’évolutivité !

  • Côté stack technique :
    Linux, Docker, Git / Gitlab, Yarn, Webpack, Composer, Sass, Bootstrap 4/5, HTML 5, CSS 3, Xdebug, Php 8, Mysql / MariaDB, Elasticsearch, Jquery, Nginx, Apache
  • Côté Framework / CMS :
    Symfony, WordPress, Vue.js

Stack technique

Framework / CMS

L’éventail de nos prestations techniques

Création ou refonte de site web responsive

On développe des sites avec le CMS WordPress. On maintient encore quelques sites sous Drupal 7, 8 et 9. On développe aussi avec le Framework Symfony. Le p’tit chouchou de notre directeur technique !

Développement Php

On fait du développement sur-mesure de modules ou de bundles spécifiques en Php. On fait du cousu main pour vous livrer des modules spécifiques. On peut interfacer votre site à des API externes et mettre en place votre back-office.

Développement javascript

Même si on code léger pour réduire l’impact carbone de votre site, on peut créer des animations et des interactions. De quoi le rendre plus vivant et plus engageant. On limite leur usage pour rendre votre site accessible et écoconçu !

Développement avec Bootstrap

Nos sites sont nativement « responsives », grâce à la grille CSS du framework front end Bootstrap. Il permet de construire la structure du site en html css. Son avantage ? Une compatibilité totale avec tous les navigateurs web.

Intégration HTML / CSS

Respecter votre maquette graphique en l’intégrant de manière responsive et accessible pour tous les moteurs de recherche et les internautes, bien entendu !

Optimisation de l’impact carbone

Votre site web est écoconçu d’office pour en réduire l’impact carbone. Un carbone badge est mis en place pour le prouver. C’est simple, depuis 2023 nos sites affichent des performances entre 98 et 100% sur GTmetrix. Et en plus c’est bon pour votre référencement !

Développement d’API / web service

On propose aussi des services spécifiques, comme un web service ou une application SAP (Single Application Page). On peut gérer des flux de données entrant ou sortant (REST ou SOAP). Ou connecter votre site à des CRM Salesforce, SAP, Sellsy, …

Développement d’application SAP

On développe aussi des applications web en mode SAP, type Progressive web app. Une bonne alternative à l’application mobile, sous Android et IOS.

Moteur de recherche rapide et ultra performant

On peut vous proposer un moteur de recherche, comme Elasticsearch. On le paramètre et on indexe vos contenus pour des résultats de recherche plus performants, pertinents et rapides.

Comment procèdent nos développeurs ?

En mode agile, mais toujours huilé et maîtrisé !

On fonctionne en mode agile en traitant les fonctionnalités de votre site selon vos priorités.

Les étapes :

  • 1 réunion interne par fonctionnalité, avec répartition des tâches dans l’équipe,
  • Le sprint de développement,
  • La validation interne,
  • Une démo pour valider ensemble la fonctionnalité,
  • Vos tests à une adresse sécurisée,
  • Votre suivi de l’avancement du site et de sa conformité à vos attentes.

C’est pareil pour toutes les fonctionnalités !

Revue de code pour garantir sa qualité

En fonction de la taille de votre projet, on applique ce process :

  • Revue de code des développements avant de les intégrer à la branche principale du projet sur Git (logiciel de gestion de versions décentralisé),
  • Validation du code par un second développeur (un lead dév), pour contrôler sa qualité, relever d’éventuelles erreurs et le rendre plus léger, pour toujours moins polluer !
  • Dépôt du code versionné sur notre dépôt décentralisé. L’objectif : garantir la sécurité du code avec son historique. De quoi revenir à tout moment en arrière, si nécessaire.

Méthode Gitflow

On utilise la méthode Gitflow pour apporter plus de souplesse à nos développements. Elle nous permet de gérer simplement des projets complexes et leurs évolutions, tout en continuant à maintenir le code du site en production.

Côté méthodologie : un process carré et rodé

Réunion de cadrage

Audit technique reprise ou refonte de site

Recos techniques

Développement site ou app métier

Recette projet

Livraison

Suivi

 

Vous souhaitez concevoir un site web performant et responsable ?

Bon le code, ce n’est vraiment pas votre verre de Mentalo ?
Vous souhaitez un projet éthique pour répondre à vos enjeux sociétaux et environnementaux ?
Rien de plus simple !

Contactez-nous

FAQ

Qu’est-ce que le développement web durable ?

Le développement web durable consiste à concevoir et développer des sites internet performants tout en réduisant leur impact environnemental.

Il s’appuie sur des principes d’écoconception numérique : sobriété technique, efficacité énergétique et optimisation des ressources.

Concrètement, cela consiste à :

  • Concevoir des interfaces utilisateur utiles et efficaces,
  • Réduire le poids des pages et des médias,
  • Optimiser le code (HTML, CSS, JavaScript),
  • Limiter les requêtes serveur inutiles,
  • Choisir un hébergement responsable.

Un site écoconçu est généralement :

  • Plus rapide à charger et donc afficher sur tous les écrans,
  • Plus performant pour le SEO. Google adore ça !
  • Plus accessible (il respecte certains critères du RGAA ou Référentiel Général d’Amélioration de l’Accessibilité),
  • Plus durable dans le temps et donc plus facile à maintenir et à faire évoluer.

Le développement web durable ne sacrifie pas la qualité : il améliore la performance globale du site.

Pourquoi investir dans la création d’un site web éco responsable pour son entreprise ?

Investir dans le développement web durable permet de réduire l’empreinte carbone d’un site, tout en améliorant sa performance digitale.

C’est une démarche stratégique, pas seulement écologique. Elle impacte aussi l’image de marque de votre entreprise !

Ses bénéfices sont multiples :

  • Réduction de l’impact environnemental
    Le numérique représente environ 4 % des émissions mondiales de CO2, selon l’ADEME. Il devrait atteindre 10% d’ici 2030. Un site optimisé consomme moins de ressources serveur et d’énergie.
  • Amélioration des performances
    Un site plus léger est plus rapide, ce qui améliore l’expérience utilisateur, le référencement naturel et le taux de conversion.
  • Valorisation de votre image de marque : premium et responsable
    Les entreprises engagées dans une démarche RSE transparente renforcent leur attractivité et leur crédibilité auprès :

    • De leurs clients exigeants des fournisseurs RSE compatibles,
    • De leurs partenaires,
    • De leurs futurs talents très sensibles aux engagements des entreprises
  • Vision long terme
    Un site durable est plus simple à maintenir, à faire évoluer et à sécuriser. Il dure ainsi plus longtemps !

Comment concevoir un site en développement web durable ?

La démarche d’écoconception commence dès la phase stratégique et se poursuit tout au long du projet.

L’optimisation intervient à chaque étape du projet :

  1. Conception stratégique
  • Définir les objectifs réels du site,
  • Éviter les fonctionnalités inutiles,
  • Prioriser l’efficacité des parcours utilisateurs.
  1. Design sobre et performant
  • Interfaces claires et lisibles,
  • Limitation des animations lourdes,
  • Utilisation raisonnée des médias.

Interfaces épurées, oui mais sans pour autant sacrifier l’engagement et l’esthétique !

  1. Développement optimisé
  • Code propre et minimaliste,
  • Compression des ressources,
  • Chargement progressif des contenus (lazy loading).
  • Optimisation des images (format WebP et affichage de l’image à la taille utile)
  • Réduction des scripts tiers. On utilise peu de plugins, uniquement les plugins utiles !
  1. Hébergement responsable

Le choix d’une infrastructure optimisée et alimentée en énergie renouvelable contribue également à réduire l’impact environnemental du site.

Un site durable performant ne se résume pas à “faire plus léger”.
Il s’agit de faire mieux, pour un site un plus intelligent, performant et pérenne.

Combien coûte un projet de développement web durable ?

Le coût dépend du périmètre du projet, de sa complexité, de ses objectifs et du niveau d’exigence en matière de performance et en écoconception.

Il ne s’agit pas d’une solution low-cost, mais d’un investissement stratégique.

Contrairement aux idées reçues :

  • L’écoconception n’augmente pas forcément le budget,
  • Elle réduit souvent les coûts techniques à long terme côté maintenance,
  • Elle améliore la rentabilité globale du site.

Les facteurs qui influencent le budget sont :

  • L’architecture technique du site,
  • L’UX sur-mesure,
  • Le niveau d’optimisation SEO,
  • Les fonctionnalités spécifiques,
  • Les exigences de performance.

Chez Mentalo, les principes d’écoconception font partie intégrante de notre démarche de conception et de développement !

Notre objectif n’est pas de produire le site le moins cher, mais le site le plus pertinent et le plus durable pour votre activité.

Quels sont les avantages SEO d’un site web écoconçu ?

Le développement web durable améliore naturellement le référencement SEO dun site grâce à l’optimisation des performances techniques des sites.

Google valorise les sites rapides, accessibles et bien structurés.

Les bénéfices SEO directs :

  • L’amélioration des Core Web Vitals (initiative de Google pour améliorer la vitesse de chargement et l’expérience utilisateur (UX) des sites Internet),
  • Un temps de chargement plus rapide,
  • Un code plus propre,
  • Une meilleure indexation,
  • Une structure sémantique optimisée,
  • Une expérience utilisateur plus fluide.

Un site écoconçu est souvent :

  • Plus simple à « crawler », donc les moteurs y passent moins de temps,
  • Plus lisible pour les moteurs, car bien structurés et bien construits,
  • Plus performant sur mobile.

Performances environnementales et performances SEO sont donc étroitement liées !

Le développement web écoconçu impacte-t-il les performances du site ?

Oui, le développement web durable améliore souvent les performances d’un site internet.

Contrairement aux idées reçues, sobriété numérique et haute performance vont dans le même sens.

En réduisant :

  • Les scripts et plugins inutiles,
  • Les ressources lourdes,
  • Les appels serveurs excessifs.

On obtient :

  • Un temps de chargement plus rapide,
  • Une navigation plus fluide,
  • Une meilleure expérience utilisateur,
  • Un taux de rebond plus faible,
  • Une conversion améliorée.

Un site écoconçu est souvent plus performant qu’un site développé sans démarche d’optimisation et les utilisateurs et les moteurs de recherche adorent ça !

Quels sont les critères d’un site web écoconçu performant ?

Un site web écoconçu performant respecte des critères techniques, UX et environnementaux mesurables.

Parmi les indicateurs clés, on peut retenir :

  • Architecture claire et optimisée,
  • Accessibilité renforcée pour les personnes en situation de handicap,
  • Poids moyen des pages réduit,
  • Nombre limité de requêtes HTTP,
  • Score élevé sur les Core Web Vitals (initiative de Google pour améliorer la vitesse de chargement et l’expérience utilisateur (UX) des sites Internet),
  • Bonnes performances sur mobile,
  • Hébergement bas carbone.

Des outils permettent d’évaluer ces critères. Par exemple : Lighthouse, EcoIndex, Website Carbon Calculator.