Site Web MDEN 2024

En 2022, année où j'entre au sein du master, ce dernier opère un tournant majeur dans son programme en renforcant substantiellement la valeur de son enseignement en recherche en design. À ce titre, la formation cherche à mettre en avant la qualité de son enseignement en la matière par la preuve : les mémoires de recherche produits par les étudiants seront maintenant la vitrine de la communication publique du master.

Les enjeux du développement

Naturellement, l'idée d'un site dédié se pose. Ce serait une première pour le master DEN (Design des Environnements Numériques) d'avoir un site dédié pour une déclinaison Web de l'édition annuelle de ses mémoires de recherche. En outre, la publication d'une édition en ligne des mémoires est amenée à devenir un exercice annuel auquel les promotions suivantes seront aussi soumises.

Les exigences étaient donc doubles :

• - Créer ce qui deviendra, pendant une année entière, le contenu relatif au master le mieux mis en avant et le mieux référencé sur les moteurs de recherche ;
• - Porter dans l'interface de ce site une identité de design qui soit singulière à la promotion universitaire dont je fais partie.

L'identité visuelle de MDEN 2024 a été conçue en continuité avec l'identité visuelle de l'édition imprimée. Elle cherche à la fois l'expression littéraire (fonte Sentient, serif aux accents manuscrits) et rendre aussi hommage aux esthétiques numériques rétro, en ligne de commande et « cassette futurism » (fonte Aber Mono, curseurs de ligne de commande associé aux boutons animés, lignes de séparation, chevrons...).

Chaque mémoire se voit attribuer une couleur d'accent unique, venant donner un ton singulier pour chaque étudiant à certains éléments définis de leur page de mémoire : boutons, lignes de séparation, chevrons, titres, et fonds de sections de contenus interactifs. Tout comme les couvertures de l'édition imprimée, l'index restitue avec fidélité l'idée d'une couverture à deux niveaux de lecture.

Techniques mobilisées

Suite à la mise en place du cahier des charges et l'établissement de la déclinaison numérique de l'identité visuelle de l'édition imprimée, j'ai conçu l'interface du site via le logiciel Figma. J'ai ensuite développé cette interface responsive en technologies Web front‑end natives, en présentant des solutions de design spécifiques pour répondre aux besoins d'une collection numérisée d'ouvrages universitaires :

• - Templating d'articles ;
• - Génération automatique des sommaires et listes de références ;
• - Citations dans le flux de texte ;
• - Animation de chargement pour laisser les contenus lourds et longs s'afficher de façon fluide ;
• - Réponse à l'enjeu d'identité singulière par l'intégration d'une couleur d'accent unique par mémoire d'étudiant, et l'intégration d'une section « mot de l'auteur » ;
• - Service d'une interface minimale en cas de non‑intégration des mémoires par leurs auteurs (option systématique de téléchargement du mémoire au format .PDF).

Afin d'accomapgner le lancement du site, j'ai également conçu et développé (en HTML5 et CSS3) un mail d'information destiné à l'information publique, qui a circulé dans la majorité des listes de diffusion de courriels de l'université.

Initialement, MDEN 2024 était un site avec une adresse propre, et spécifique à l'édition de la promotion 2022‑2024. Un an après son développement, et dans le souci de mieux répondre aux objectifs de communication mentionnés plus haut dans cet article, MDEN 2024 sera intégré au hub des éditions numériques des mémoires de recherche du master.