Terra Academia est un organisme engagé dans les transformations écologiques, sociales et citoyennes, à travers des formations et événements à fort impact. Leur site web, déjà existant, nécessitait la création de nouvelles pages cohérentes avec la charte graphique initiale, tout en garantissant une expérience utilisateur claire et intuitive. Le projet m’a été confié afin de concevoir ces nouvelles interfaces dans le respect de leur univers visuel, en collaboration étroite avec les responsables du site.
Dans ce contexte de lancement d’un projet ambitieux, Terra Academia m’a confié la conception d’un site éco-conçu, pensé comme une vitrine de ses valeurs, de son réseau et de ses actions L’objectif était de créer une plateforme moderne, accessible et évolutive, capable de soutenir la croissance de l’école et de favoriser l’engagement de ses différents publics (étudiants, professionnels, entreprises, collectivités, etc.).
Comment concevoir des maquettes et intégrer de nouvelles pages capables d’incarner la mission de Terra Academia – former et fédérer les acteurs de la transition écologique – tout en offrant une expérience utilisateur claire, évolutive, écoresponsable et tout en respectant scrupuleusement sa charte graphique existante ?
Le projet s’est articulé en deux grandes phases :
La demande du client était plutôt simple. Il avait déjà réalisé lui‑même une partie des maquettes. Il fallait alors améliorer ces dernières et les adapter pour le web, dans le respect de leur identité graphique et des codes qui avaient déjà été posés pour les premières maquettes du site.
Dans un premier temps, il a fallu analyser les maquettes déjà existantes afin d'identifier les codes graphiques déjà posés et en comprendre le sens. Une fois ceci fait, il a été possible de concevoir les autres maquettes et faire en sorte qu'elles soient cohérentes avec celles précédentes, tout en y ajoutant de nouveaux codes.
La page programme et la page actualités sont les deux pages qui ont demandé le plus de réflexion en termes d’UX sur ce site web. Commençons par les programmes. Ces derniers sont classés en 3 catégories et contiennent chacun 2-3 programmes. Il fallait faire en sorte que l'utilisateur puisse accéder rapidement à chacune d'entre elles, sans pour autant qu’il y ait trop de scroll. D'où l’intérêt d'avoir proposé des CTA permettant d'afficher ou non les différents programmes. Cependant, un problème s'impose. La visualisation en bloc des formations risque de poser problème si davantage y sont ajoutés. Une solution intéressante pourrait alors être d'afficher ces formations en liste et d'y adapter le contenu en conséquence. Quoi qu’il en soit, l'utilisateur pourra en savoir davantage en cliquant sur le CTA « en savoir plus »
En ce qui concerne la page actualité, il fallait réussir à catégoriser chacune des actus afin de pouvoir les identifier et les rechercher plus facilement par le moyen d'un filtre et de flags.
Une fois l’ensemble des maquettes réalisées, une phase de relecture a eu lieu afin de s’assurer de la qualité des maquettes, tant graphiquement qu’en termes de contenu pour permettre ainsi aux clients de pouvoir se projeter au mieux. D'où l'importance d'intégrer dans les maquettes des contenus réalistes.
Une fois ceci fait, les maquettes ont été envoyées au client afin qu'il puisse me donner ses retours et que je puisse les prendre en compte pour un nouvel envoi et validation définitive.
Ce projet m’a permis de consolider mes compétences en design d’interface dans un environnement existant, notamment en coordonnant des évolutions successives tout en assurant la cohérence visuelle et fonctionnelle du site. Concevoir une plateforme vivante et évolutive, capable de s’adapter aux besoins stratégiques dans le temps, tout en traduisant des objectifs institutionnels en parcours utilisateurs concrets. J’y ai approfondi mon expertise en éco-conception appliquée à des projets complexes mêlant pédagogie et innovation
Vous souhaitez en savoir plus sur mes services ? ou vous êtes prêt à démarrer une nouvelle aventure avec moi ? Contactez-moi et réalisons ensemble votre projet digital.
