Ecoconception
Le site Naju a été conçu dans une démarche d'écoconception. Ce site n'a pas encore fait l'objet d'un audit RGESN mais de nombreuses bonnes pratiques sont néanmoins appliquées.
Unités fonctionnelles et parcours
Les unités fonctionnelles principales identifiées pour ce site sont les suivantes :
- Consulter le profil des designers de Naju (expériences, compétences...),
- Voir les projets qui permettent d’évaluer le champs de compétences des designers,
- Contacter un designer.
Évaluation de l'impact des parcours
Parcours pour « Consulter le profil des designers de Naju (expériences, compétences…) » :
Les étapes du parcours et les mesures associées sont les suivantes :
* J'arrive sur la page d'accueil du site Naju : EcoIndex A, nombre de requêtes 31, poids des données transférées 374Ko, nombre d'éléments du DOM 225,
* Je vais sur « Les projets de Ju’ » dans le menu : EcoIndex A, nombre de requêtes 24, poids des données transférées 531 Ko, nombre d'éléments du DOM 230
Parcours pour « Voir les projets qui permettent d’évaluer le champs de compétences des designers » :
Les étapes du parcours et les mesures associées sont les suivantes :
* J'arrive sur la page d'accueil du site Naju : EcoIndex A, nombre de requêtes 31, poids des données transférées 374Ko, nombre d'éléments du DOM 225,
* Je vais sur « SNCF Solar » depuis la page d’accueil : EcoIndex A, nombre de requêtes 20, poids des données transférées 274 Ko, nombre d'éléments du DOM 286
Parcours pour « Contacter un designer » :
Les étapes du parcours et les mesures associées sont les suivantes :
* J'arrive sur la page d'accueil du site Naju : EcoIndex A, nombre de requêtes 31, poids des données transférées 374Ko, nombre d'éléments du DOM 225
* Je vais sur « Contactez-nous » depuis le footer de la page d’accueil : EcoIndex A, nombre de requêtes 7, poids des données transférées 13Ko, nombre d'éléments du DOM 232
Actions d'écoconception réalisées
Dans un souci d'écoconception et d'accessibilité, le site a été conçu de façon a être le plus simple et sobre possible. Les designers membres de l'association à l'origine de son interface et contenu, expérimentés en écoconception, ont appliqué les bonnes pratiques d'écoconception suivantes.
- Une phase de recherche utilisateur incluant des questionnaires et tests ont été réalisés en amont de la refonte afin de s'assurer de la fluidité de l'expérience.
- L'interface du site est intentionnellement sobre et ne contient pas de vidéos ni d'images inutiles.
- Il y a peu d'animations (effets de hover CSS sur les liens, yeux des avatars qui suivent le curseur, effet de parallaxe sur la page d’accueil).
- Seul une police personnalisée (Outfit) avec deux graisses sont utilisés.
- Le site est construit est l'aide de Strapi un système de gestion de contenu rapide et flexible, basé sur une base de données MySQL. Le site est statique, donc aucune requête à la base de données n’est réalisé en production.
- Concernant les technologies utilisées : React permet de charger uniquement ce dont la page a besoin pour s’afficher. À chaque changement de page, le header et le footer ne sont pas rechargés, seul le contenu modifié est mis à jour.
- C’est l’hébergeur écoresponsable O2swtich qui héberge le site Naju. Il détient ses propres serveurs en France, sans intermédiaire.
- Il n'y a pas de recours à des mécanismes de scroll-infini.
- Le site ne contient pas de plugins externes (ni réseaux sociaux, ni cartes intégrées, etc).
- Le site ne nécessite pas de cookies grâce à l'utilisation de Matomo.
La démarche d'écoconception est une démarche d'amélioration continue. Le travail ne s'arrête donc pas là !