Éco-conception digitale : le site web d’Ecoprod

La mission d’Ecoprod : Réinventer l’audiovisuel sous le prisme de l’éco-responsabilité

Avec des outils phares tels que le Label Ecoprod, la plateforme Carbon’Clap, ou encore un vaste catalogue de formations dédiées à l’éco-responsabilité, Ecoprod est une ressource essentielle pour les professionnels du secteur.

Chaque année, son engagement est célébré à Cannes avec le Prix Ecoprod, un moment fort qui récompense les œuvres les plus exemplaires en matière d’éco-production.

Dans ce contexte, leur site internet joue un rôle clé : il doit non seulement refléter leurs valeurs, mais aussi offrir une expérience utilisateur enrichie, intuitive et interactive pour accompagner leurs utilisateurs dans leur démarche durable.

Les défis de la refonte

Avec un site vieillissant, Ecoprod faisait face à plusieurs problématiques qui freinaient son impact et son efficacité :

• Un manque d’évolutivité : Le site existant ne permettait pas l’intégration de nouvelles fonctionnalités essentielles, comme un catalogue de formations ou des annuaires interactifs.
• Une expérience utilisateur limitée : L’ergonomie et la navigation n’étaient pas optimisées, ce qui complexifiait l’accès aux ressources et aux outils phares d’Ecoprod.
• Des enjeux techniques : Attirer un public international nécessitait une optimisation SEO poussée.
• Un alignement insuffisant avec leurs valeurs : Le site devait incarner leur engagement écologique, à travers une démarche d’éco-conception digitale stricte.

La réponse de Wild&Slow : l’éco-conception digitale

Face à ces enjeux, Wild&Slow a orchestré et réalisé une refonte complète du site d’Ecoprod, avec un rôle de conseil, de designer, de SEO optimisation, et de développement. Dès les premières étapes, nous avons travaillé en étroite collaboration avec Ecoprod, pour redéfinir ensemble un cahier des charges clair et ambitieux.

Nos actions se sont articulées autour de trois grands axes :

1. Une architecture pensée pour les utilisateurs :
   • Réorganisation complète de l’arborescence pour simplifier les parcours, et mettre la priorité au bon endroit.
   • Mise en place d’un tunnel de conversion
   • Création de nouvelles sections, telles que le catalogue de formations et les annuaires interactifs.
2. Un design épuré et responsable :
   • Adoption d’une approche minimaliste et frugale, limitant les ressources superflues.
   • Design UX/UI entièrement pensé pour une navigation fluide et intuitive.
   • Création d’un univers visuel optimisé, avec une refonte des palettes chromatiques et des typographies limitées.
3. Une éco-conception digitale rigoureuse :
   • Développement sur WordPress, avec des templates orientés performance et légèreté.
   • Hébergement des polices non standard directement sur le serveur pour réduire les appels externes.
   • Compression systématique des fichiers CSS/JS et suppression des scripts inutiles pour limiter le nombre de requêtes HTTP.
   • Optimisation des images avec des formats légers (SVG, compression avancée) et limitation des contenus lourds (notamment dans les headers et footers).
   • Mise en place d’un système de cache et optimisation du DOM pour améliorer la rapidité d’affichage.
   • Choix d’un hébergement responsable, certifié ISO 14001, alimenté à 100 % par des énergies renouvelables, optimisé en cache avec une installation avancée de Varnish.

Un site web comme vitrine de l’éco-production

Grâce à cette refonte en éco-conception digitale, le nouveau site d’Ecoprod se positionne comme une véritable vitrine de l’éco-production audiovisuelle.

Les fonctionnalités clés incluent :

• Un catalogue de formations, permettant aux professionnels d’accéder à des sessions adaptées à leurs besoins spécifiques.
• Des annuaires interactifs pour référencer les experts et prestataires éco-responsables.
• Un espace privé enrichi avec 4 niveaux d’accès personnalisés (membre, adhérent, alumni, gestionnaire de fiche) et des ressources exclusives.
• Une navigation multilingue pour toucher un public international.

Malgré la complexité technique, la note environnementale obtenue (C) représente une moyenne calculée sur Ecoindex et Website Carbon, un exploit compte tenu des fonctionnalités avancées intégrées (notamment toute l’ingénierie de l’espace rservé).

Équipe et crédits de ce projet d’éco-conception digitale

La réussite de ce projet repose sur une synergie d’expertises au sein de l’agence :

• Direction technique et direction de création : Julien Massiot
• UX Designer et cheffe de projet : Allison Legavre
• Identité visuelle : Romain Guillot
• UI Design : Laura Diatta
• Icons : Lucile Bily
• Intégration et Développement : Enzo Siaudeau
• Assistance développement : Marius Sergent

Avec ce site, Ecoprod dispose désormais d’un outil à la hauteur de ses ambitions : une plateforme performante, interactive, et respectueuse de l’environnement, qui reflète parfaitement son rôle de pionnier dans l’éco-production audiovisuelle.