Une vitrine compacte pour la célébration du centenaire

Evolving Web a collaboré avec la Section des relations industrielles (IRS) de l’Université Princeton pour créer un microsite destiné à célébrer le 100e anniversaire de la Section et à promouvoir le symposium du centenaire.

L’IRS est un centre de recherche appliquée au sein du département d’économie de l’Université Princeton. Créée en 1922, la Section sert de centre de recherche pour les décideurs politiques, les entreprises, les chercheurs et les activistes à la recherche des dernières données et recherches sur le marché du travail et les relations entre l’industrie et les travailleurs.

Au cours de son histoire, elle a apporté des contributions majeures à des débats politiques allant du salaire minimum et de l’inégalité à l’immigration et au changement technologique. Au cours de son siècle d’existence, l’IRS a formé plus de 175 économistes, dont de nombreux décideurs politiques influents et trois lauréats du prix Nobel.

L’objectif de ce projet était de créer un microsite qui :

• Célèbre le 100eanniversaire de l’IRS et ses réalisations historiques ;
• Propose une carte des relations entre les mentors de la faculté et leurs étudiants ;
• Sert de plaque tournante et de véhicule promotionnel pour le symposium du centenaire ;

Les priorités de conception étaient de rendre le site accueillant, engageant, informatif, pertinent et inspirant.

Les fonctionnalités demandées par le client incluaient :

• Une chronologie engageante et personnalisable qui met en évidence l’impact historique de l’IRS sur les relations industrielles et les économies du travail aux États-Unis ;
• Un arbre généalogique interactif qui cartographie les relations entre les chercheurs et les conseillers diplômés depuis la fondation de la Section jusqu’à aujourd’hui ;
• Une page d’atterrissage pour présenter une série de podcasts de l’IRS.
• Un espace pour promouvoir et partager des informations sur le prochain symposium.

Le calendrier a constitué un défi majeur pour ce projet. Avec moins de quatre mois entre le début du projet et le lancement du microsite, des étapes importantes comme la conception du plan du site et des maquettes conceptuelles devaient être réalisées rapidement.

Parmi les fonctionnalités demandées, la plus difficile à concevoir était la section de l’arbre généalogique. Celle-ci devait être conçue de manière à ce que les anciens étudiants puissent soumettre leurs renseignements à la Section et que le webmestre les téléverse sur le site ; chaque fiche de membre devait être liée à la fois aux fiches « parents » (conseillers en doctorat) et aux fiches « enfants » (conseillés). Cet arbre généalogique devait également être consultable à partir des noms des individus et filtrable par domaines de recherche.

En outre, la structure des données du système dorsal devait permettre des modifications futures de la visualisation des données du système frontal. Les utilisateurs devaient avoir la possibilité de soumettre des entrées dans l’arbre généalogique par le biais d’un formulaire Web afin de faciliter la production participative (crowdsourcing) du contenu. L’accessibilité étant d’une importance capitale pour le client, ce contenu devait être conçu de manière à être accessible sur tous les appareils numériques.

Nous avons commencé par concevoir un plan de site simple avec quatre sections dédiées aux principales exigences du site : chronologie, arbre généalogique, balado et symposium. Nous avons ensuite créé les maquettes conceptuelles et la conception visuelle en nous concentrant sur les éléments clés des pages de l’arbre généalogique et de la chronologie.

Les éléments de conception comprenaient :

• Le logo du 100eanniversaire de l’IRS comme élément central ;
• Des formes, telles que des flèches dans un motif circulaire, pour évoquer la connexion et le passage du temps afin de faire écho aux zéros du logo du centenaire ;
• Des espaces blancs sur la majeure partie du site pour faciliter la lecture de la typographie ;
• Un fond noir pour la page de la chronologie afin de mieux mettre en valeur les images dans des tons de gris de cette section et de conférer un air de sophistication et d’histoire ;
• Des images d’arrière-plan floues pour ajouter de la texture ;
• L’intelligence artificielle pour rendre la superbe collection d’images d’archives de l’IRS dans la meilleure qualité possible.

Du point de vue du développement, il n’y avait pas d’exigences particulièrement difficiles. Nous avons développé un formulaire Web que les utilisateurs peuvent soumettre pour approbation au personnel de l’IRS pour les entrées de l’arbre généalogique. Il s’agit de la fonctionnalité la plus remarquable qui a nécessité l’apport d’un module ; sinon, la plupart des modules que nous avons utilisés provenaient de Drupal Core. De nombreux éléments que nous avons créés, tels que les flèches et les cercles, ont été repris dans l’ensemble du site.

Sinon, le formulaire de recherche de la section de l’arbre généalogique a nécessité une conception hors des sentiers battus pour laquelle nous avons dû apprendre à utiliser un système de filtrage non standard. Pour le style, nous avons opté pour Tailwind au lieu de l’habituel Bootstrap, ce qui a contribué à la rapidité du développement du système frontal, un avantage majeur compte tenu du calendrier d’exécution assez serré.

Le résultat de notre travail est un site Web attrayant et hautement fonctionnel qui, tout en étant centré sur la célébration du centenaire de l’IRS, devrait perdurer bien au-delà grâce à l’accent mis sur un contenu évolutif.