La conception d’un service numérique responsable en toute simplicité : l’exemple par la preuve avec la refonte du site vitrine d’OCTO

Il ne vous aura peut-être pas échappé que fin Septembre 2024, OCTO a dévoilé son nouveau site. Au-delà de la nouvelle charte graphique se cache un vrai travail de fond où la conception responsable a été placée au cœur de l’ensemble des préoccupations visuelles, fonctionnelles et techniques de ce projet.

L’objectif de cet article est alors de vous partager notre retour d’expérience au travers d’un discours accessible à tous. En effet, selon l’étude “Empreinte environnementale du numérique mondial” de Green IT, le secteur numérique représenterait environ 5,5% des émissions mondiales de gaz à effet de serre en 2025. Les sites web étant la vitrine des entreprises et organisations, il est aujourd’hui impossible d’y échapper.

Chez OCTO, nous avons toujours appliqué la devise “eat your own dog food”, en décidant d’en faire notre raison d'être : “Dans un monde complexe aux ressources finies, nous recherchons ensemble de meilleures façons d’agir. Nous œuvrons à concevoir et à réaliser les produits numériques essentiels au progrès de nos clients et à l'émergence d’écosystèmes vertueux.”

Qui sont les experts en question ?

Qui de mieux que les Octos concepteurs de notre nouveau site pour vous en parler ? Pour préparer cet article, nous avons choisi d’interviewer deux Octos qui ont eu un rôle majeur dans la conception responsable de ce nouveau site.

Yoann Galland	Caroline Bretagne
“Développeur depuis 20 ans, j’ai rejoint OCTO suite au rachat de ma précédente société, Benext. J’ai intégré la DSI il y a presque deux ans pour développer nos sites internes et externes : OCTO, le blog et les sites des conférences dans le respect des normes RGAA, RGESN, RGPD.”	“Directrice artistique depuis 20 ans, j’ai intégré OCTO il y a presque 10 ans après avoir travaillé 10 ans en agence de pub.”
“La partie éco-responsabilité m’a toujours tenu à cœur et ce projet représentait l’opportunité de mettre à profit mes compétences et convictions afin d’accompagner OCTO dans son alignement avec notre discours clients.”	“Je suis initialement spécialisée en design print et j’ai voulu rejoindre OCTO pour avoir une nouvelle corde à mon arc avec le digital, mais aussi parce que les sujets d’agilité et d’éco-conception m’intéressaient.”

Qu’est-ce qu’un site conçu de manière responsable ?

Selon Yoann c’est un site “qui n’affiche que ce qui est utile et ce dont l’utilisateur a besoin tout en étant accessible à tous et respectueux des utilisateurs”.

Pour Caroline, il s’agit “de deux axes, la dimension environnementale et la dimension sociétale, c’est-à-dire faire en sorte que le site soit à la fois très léger en poids pour limiter les émissions carbones et accessible pour adresser le contenu à un maximum de personnes sans discrimination”.

Est-ce plus difficile de créer ce genre de site ?

Au vu des challenges associés à la conception responsable des services numériques, il est naturel de se poser cette question. Selon Yoann, il n'y a pas de secret en matière de conception responsable pour ceux qui sont déjà développeurs, mais "il faut se poser les bonnes questions et réfléchir à comment faire pareil avec moins”.

Malgré tout, nous vivons dans un monde où l’apparence a de l’importance, il faut donc faire aussi beau tout en réduisant les ressources utilisées. Selon les mots de Caroline, “le gros challenge, c'est de réussir à faire un site éco-conçu et accessible tout en conservant l’ADN de la marque.”

Tous ces éléments peuvent paraître chronophages, mais d’après Yoann "il ne faut pas nécessairement plus de temps pour concevoir un site lorsque les éléments sont pris en compte dès le début”.

Quelles sont les compétences et les pré-requis nécessaires ?

Pour Yoann, il n'est pas nécessaire d'avoir les compétences techniques dédiées pour pratiquer la conception responsable d’un site. Si vous êtes développeuse/développeur, vous connaissez la plupart des outils techniques nécessaires. Cependant, il est essentiel d'avoir les bons réflexes, les bons attributs et les codes à mettre en place. Côté accessibilité et design, Caroline s’est formée en autonomie et grâce à des échanges avec des Octos, telle que Romy Duhem-Verdière, ou au travers de sensibilisations sur les prémisses du numérique responsable animé par Sara Boucherot. Elle a alors pu acquérir ces fameux réflexes et incrémenter une liste de tips : comment enregistrer une image plus légère, réussir à optimiser les images pour le web, rendre une maquette dynamique sans animation, etc.

Les différentes étapes de développement

Les étapes de la conception responsable d’un site ne diffèrent pas de la création d’un site classique.

1. La conception

Caroline nous a expliqué que la première étape est de penser chacune des lignes de la nouvelle identité graphique OCTO afin qu'elle permette de designer de manière plus responsable sur tous les supports de communication. La maquette du site a donc été créée en parallèle de l'identité graphique de la marque, servant de guide et de crash test sur les choix artistiques (proportion de blanc, taille des photos, de typo, références couleurs...).

Pour ce travail, il est essentiel, selon Yoann, de se poser les questions suivantes au plus tôt : “Quels sont les fondamentaux du site ? Qu'allons-nous maintenir, enlever ou ajouter ?”. L’idée est de se projeter en amont sur la finalité visuelle et utilitaire du site afin de ne mettre que ce qui est fondamental. Un premier calcul des poids et de l’accessibilité a été également réalisé pour chacune des maquettes afin de s’assurer que la direction choisie sera la bonne. “Plus l’éco-conception est intégrée en amont de la création, moins il sera coûteux de l’appliquer”. C’est alors un travail en binôme de fond qui s’opère dès les premières étapes.

1. Le développement

Une fois l’identité graphique et la maquette sélectionnée, le codage du site et le développement des visuels sont enclenchés. Il est crucial de prêter attention au poids de chaque élément visuel afin de garantir leur accessibilité tout en minimisant la dépense énergétique. Ce n'est pas une action ponctuelle, mais plutôt un réflexe à adopter tout au long du processus de développement.

1. Les validations

Lorsque le site est développé puis validé, une dernière étape d’audit d'accessibilité est nécessaire. L’objectif est de s’assurer que la version audible et visible soit accessible à tous. À noter que la norme Accessibilité sera obligatoire à tous d’ici 2030.

1. Le run

Car rien n’est jamais acquis, il est important de continuer les ajustements et améliorations en fonction des évolutions du site.

La conception responsable, un projet collectif

Il est essentiel de souligner un aspect fondamental de la conception responsable : le savoir partagé et l’importance de la collectivité. Comme Caroline le résume très bien, c'était une véritable co-construction: “On se faisait des synchro régulièrement pour se montrer l'état d'avancement. Moi je montrais mes créations chaque semaine, on vérifiait les poids, l’accessibilité et quand on avait un doute on demandait à d’autres Octos jusqu’à arriver au site final. Finalement ce n’était pas un silo de binôme, mais on allait chercher l’information près des Octos au quotidien pour s’assurer qu’on n’était pas dans le faux. Il n’y a pas de meilleure manière de faire”. Dans cette optique, la conception responsable chez OCTO signifie “éco-co-construire”.

Une invitation à l’observation

Nous, Alexandra et Aline, sommes à l'origine de cet article, et nous n'avons pas de parcours issu de la tech. Imaginez donc tout ce que nous avons pu découvrir sur l’univers de la conception responsable !

Dans ce sens, nous vous proposons un défi. Faites une rapide comparaison entre le nouveau site d’OCTO et les sites web que vous consultez habituellement, ou même le vôtre ! Nous sommes sûres que vous remarquerez de nombreuses différences maintenant que vous avez découvert tout ce que nous avons abordé sur la conception responsable.

Vous avez envie d’approfondir ce sujet ?

Jetez un coup d'œil à l’onglet “Numérique Responsable” du blog “OCTO Talks”. Vous y trouverez de nombreuses informations rédigées par les Octos experts dans le domaine.

Au-delà du design et du développement, l'ensemble des métiers de la chaîne de valeur doivent se saisir de ces nouvelles façons de faire pour contribuer à la fois aux enjeux climatiques et environnementaux tout en assurant la protection des données et l’accessibilité au plus grand nombre. Une conviction qui a poussé les équipes d’OCTO à développer un panel de formations consacrées à la conception responsable.

Sources

Entretien avec Yoann Galland, conduit le 17 octobre 2024 par Alexandra Fleck.

Entretien avec Caroline Bretagne, conduit le 17 octobre 2024 par Alexandra Fleck.

GREEN IT. “Empreinte environnementale du numérique mondial”. URL :

https://www.greenit.fr/etude-empreinte-environnementale-du-numerique-mondial/