BU Paris 8, la refonte à la fois fine et complexe d’un site Drupal vers WordPress

Contexte de la refonte

En 2019, la Bib­lio­thèque uni­ver­si­taire de l’U­ni­ver­sité Paris 8 pub­lie un appel d’of­fre pour la refonte de son site web vieil­lis­sant et ne cor­re­spon­dant plus aux stan­dards du web.

Les enjeux d’une refonte exigeante

Les objec­tifs étaient nom­breux : avoir un site adap­té aux dif­férents for­mats d’écrans (respon­sive), un design mod­erne facil­i­tant l’i­den­ti­fi­ca­tion de la BU et la lis­i­bil­ité des con­tenus, une réor­gan­i­sa­tion des con­tenus nom­breux, touf­fus et à forte valeur ajoutée, une restruc­tura­tion des types de con­tenus pour en faciliter la ges­tion par les admin­is­tra­teurs du site…

Le site avait une longue antéri­or­ité et de nom­breux con­tenus. Le tra­vail touchait à la fois les aspects édi­to­ri­aux et techniques.

Propositions de Kaeness

• pass­er du CMS Dru­pal à Word­Press pour béné­fici­er de la sou­p­lesse de mise en page et de la sim­plic­ité d’ad­min­is­tra­tion notam­ment des mis­es à jours
• un design sur mesure
• un audit des con­tenus pour déter­min­er la ré-organ­i­sa­tion fonc­tion­nelle et affin­er les besoins de chaque type d’information
• la créa­tion de types de con­tenus Word­Press per­son­nal­isés pour la ges­tion des col­lec­tions et de la CDU notamment
• la ges­tion des mem­bres de l’équipe de la bib­lio­thèque pour la con­sti­tu­tion d’un annu­aire pro­fes­sion­nel et l’af­fichage des con­tacts spé­ci­fiques selon les col­lec­tions, les fonctions…

Action

Les pre­mières réu­nions ont per­mis d’i­den­ti­fi­er les dif­férents besoins pro­pres à chaque équipe — for­ma­tion, ges­tion des col­lec­tions et des ressources, com­mu­ni­ca­tion… — et de déter­min­er par­mi les con­tenus, lesquels néces­si­taient la créa­tion d’un type spé­ci­fique avec un gabar­it for­maté et lesquels rel­e­vaient sim­ple­ment d’une mod­i­fi­ca­tion de mise en page et de quelques cor­rec­tions éditoriales.

Les types de contenus sur mesure

Les Col­lec­tions sont la colonne vertébrale du site et regroupent un ensem­ble d’in­for­ma­tions essen­tielles pro­pres à cha­cune des grandes class­es doc­u­men­taires présentes dans la bibliothèques :

• les ressources disponibles à la bibliothèque
• les con­tacts référents de la collection
• les nou­velles acqui­si­tions de la bib­lio­thèque dans cette discipline
• les tables thé­ma­tiques créées par les bib­lio­thé­caires sur des sujets précis
• les bib­li­ogra­phies fournies par des enseignants de l’université
• la cura­tion de ressources en ligne faite par les bibliothécaires

Cha­cun de ces types de con­tenus est géré dans l’ad­min­is­tra­tion de manière indépen­dante et peut être lié à une ou plusieurs col­lec­tions. Un inter­venant peut ain­si agir unique­ment sur le ou les élé­ments qui dépen­dent de lui sans ris­quer de mau­vaise manip­u­la­tion sur d’autres com­posants de la page.

A par­tir de ces dif­férents con­tenus, nous avons pu com­pos­er les pages des Col­lec­tions mais aus­si des pages indépen­dantes générales ou par sélec­tion d’une col­lec­tion. Les ressources disponibles à la bib­lio­thèque — très nom­breuses — sont acces­si­bles de plusieurs manières : dans leur total­ité, par type, par col­lec­tion, par ordre alphabétique…

Édition, rédaction et mises en page

Les con­tenus édi­to­ri­aux ont été réor­gan­isés et des com­po­si­tions et mis­es en page pro­posées pour aér­er, découper claire­ment les textes, hiérar­chis­er et aider les util­isa­teurs à nav­iguer facilement :

• table des matière sur les pages longues
• listes de liens mis­es en page sous forme de liens sim­ples ou de boutons
• blocs de type FAQ
• tra­vail sur les tableaux…

Un design entièrement revu pour une identité forte et une mise en avant des contenus

Les impérat­ifs pré­cisés étaient : un site respon­sive et mobile-first pour répon­dre au pub­lic étu­di­ant qui con­sulte le site très majori­taire­ment sur smart­phone, un grand visuel d’ac­cueil, des menus ou out­ils vis­i­bles mais peu encom­brants à la manière d’une appli et une présen­ta­tion claire.

Nous avons pro­posé des com­po­si­tions claires et aérées, en tra­vail­lant autour du rouge — couleur du logo de l’u­ni­ver­sité — en le com­plé­tant par des couleurs plus douces (taupe, gris clair…) pour éviter l’a­gres­siv­ité d’un design unique­ment rouge et blanc et per­me­t­tre une hiérar­chie des informations.

Le logo de la bib­lio­thèque uni­ver­si­taire a été refait à cette occa­sion, la barre oblique devenant un mar­queur iden­ti­fi­able et décliné sur les titres.

L’or­gan­i­sa­tion des pages sur les dif­férentes tailles d’écran se fait beau­coup au niveau des menus et out­ils pour une adap­ta­tion smart­phone facile à utilis­er notamment.

Le truc en +

La CDU (clas­si­fi­ca­tion déci­male uni­verselle) est un con­tenu très spé­cial­isé don­nant le classe­ment des doc­u­ments de la bib­lio­thèque et dont la page était très fréquen­tée sur la précé­dente ver­sion du site. Com­plexe, longue, il était néces­saire d’aider à son admin­is­tra­tion pour des mis­es à jour sim­ples et la ren­dre facile à lire.

Kae­ness est très fier de la solu­tion trou­vée via un CPT (type de con­tenu Word­Press) dévelop­pé à façon et des pages créées qui ont per­mis une nav­i­ga­tion flu­ide et intu­itive par­mi les dif­férentes class­es mais aus­si de met­tre en valeur les cor­pus spécialisés.

Une livrai­son qui a été large­ment plébisc­itée par l’équipe de la bib­lio­thèque et nous en sommes très fiers !