Galerie du projet
Moderniser l’identité visuelle, améliorer la lisibilité des articles et l’accessibilité, tout en respectant les codes graphiques d’une revue scientifique.
Ce projet tutoré a été mené dans le cadre du Master 2 AMINJ. Avec deux autres étudiants, nous avions pour mission de repenser l’identité graphique du site web de la revue scientifique STICEF (Sciences et Technologies de l’Information et de la Communication pour l’Éducation et la Formation). Le site existant présentait une interface vieillissante, peu ergonomique et mal adaptée aux usages actuels du web. L’objectif principal était donc de proposer une refonte visuelle capable de moderniser l’image de la revue, tout en améliorant la lisibilité et l’accessibilité des articles.
Nous devions structurer notre démarche comme une véritable gestion de projet numérique. La première étape a consisté en un audit du site existant : ergonomie, arborescence, design et expérience utilisateur ont été passés en revue. Nous avons également mené un benchmark de revues académiques afin d’identifier les bonnes pratiques en matière de webdesign scientifique. À partir de ces éléments et des besoins exprimés par la commanditaire, nous avons établi un cahier des charges qui a été ajusté au fur et à mesure du projet. Nous avons élaboré plusieurs maquettes sur Figma, représentant différentes pages clés : page d’accueil, page article, sommaire et pages auteurs.
Le travail a donné lieu à de nombreux échanges entre nous pour concilier la rigueur académique attendue par une revue scientifique et la volonté de proposer un design moderne et épuré. Nous avons également testé nos premières pistes auprès d’enseignants et d’étudiants afin de recueillir des retours utilisateurs et d’ajuster nos choix graphiques.
Le projet a abouti à la production de plusieurs maquettes validées par nos encadrants. Le nouveau design proposé mettait l’accent sur la lisibilité des articles, la hiérarchisation des informations et une navigation simplifiée. La revue disposait ainsi d’un prototype graphique complet, qui pouvait servir de base à une future refonte technique du site. Au-delà du livrable final, ce projet nous a permis de développer une méthodologie de travail commune et de livrer un rendu clair, argumenté et directement exploitable.
Ce projet a mobilisé de nombreux enseignements vus durant le master. Les cours d’ergonomie et de webdesign ont directement guidé nos choix dans la conception des maquettes. La méthodologie de gestion de projet a été mise en pratique, avec la planification des étapes, la répartition des tâches et les points réguliers de validation. J’ai également pu approfondir ma maîtrise de Figma et d’Illustrator, en découvrant et en utilisant des fonctionnalités que je ne connaissais pas auparavant. En parallèle, nous avons complété nos connaissances par des recherches ciblées : analyse d’autres sites académiques, documentation sur l’accessibilité numérique et bonnes pratiques en matière d’UX pour des contenus textuels longs.
Nous étions trois étudiants impliqués de manière équitable dans la réalisation du projet. Le travail en équipe s’est déroulé comme suit : nous organisions des réunions pour confronter nos idées, prendre des décisions collectives et harmoniser nos productions. L’utilisation d’outils collaboratifs nous a aidés à centraliser nos propositions et à assurer un suivi clair des différentes étapes. Je me suis principalement chargée de la conception des maquettes et ai été la principale interlocutrice avec la commanditaire.
Grâce à ce projet, j’ai pu développer ma capacité à proposer des solutions graphiques pertinentes et à travailler en collaboration dans un cadre académique. J’ai également pris l’habitude de défendre mes idées tout en restant ouverte aux critiques et aux ajustements. À l’inverse, l’un de nos points faibles collectifs a été la gestion des allers-retours et des hésitations dans nos choix : nous avons parfois eu du mal à trancher rapidement entre plusieurs pistes. Pour mes futurs projets, je souhaite donc renforcer ma capacité de décision et améliorer mes méthodes de validation, par exemple en recourant à des tests utilisateurs plus systématiques.
Je pense que nous aurions pu proposer dès le départ un cahier des charges plus précis et une charte graphique préliminaire, afin d’éviter certaines pertes de temps et de cadrer plus efficacement nos échanges.
