Quartier culturel juif

Quartier culturel juif

Année
2017
Rôle
Tech Lead
Contributions
Direction technique, Développement front-end, Architecture headless CMS, Système de composants réutilisables

Le nouveau site que j'ai construit en 2017 pour le Quartier culturel juif d'Amsterdam (Joods Cultureel Kwartier) a été développé en React.js, et constituait l'une des premières solutions de CMS headless aux Pays-Bas, en tout cas pour un site de cette ampleur. C'était mon dernier projet comme Lead Developer chez Total Design, et le plus ambitieux à mon sens. C'était ma première fois avec React, et avec Drupal 8. À l'époque, il n'existait pas de framework comme Next.js, et aucun livre de recettes pour gérer le rendu côté serveur ou les transitions de pages.

Fusionner cinq sites en un seul

Le Quartier culturel juif disposait de sites distincts pour le Musée historique, la Synagogue portugaise, la bibliothèque Ets Haim, le Musée des enfants et la Hollandsche Schouwburg. Nous avons créé des pages d'atterrissage propres à chaque lieu, tout en réunissant l'ensemble sous un seul domaine, avec une identité visuelle cohérente.

Page d'accueil JCK en strates

Capture d'écran de jck.nl

Donner accès à la collection du musée

Pendant que le site se développait, le JCK a migré sa base de patrimoine, documents, peintures, photographies, affiches et objets religieux, vers un nouveau système doté d'une API ouverte, ce qui nous permettait d'y accéder par le site et de les utiliser dans les articles et les longs formats. La page d'accueil comportait des colonnes présentant des pièces clés de la collection.

Galerie JCK

Les pièces phares de la collection, présentées en colonnes défilantes.

Pour montrer à la fois des objets précis et des récits issus du Quartier culturel juif d'Amsterdam, le designer Thomas Pleeging a imaginé un site en strates qui encourage la circulation fluide entre expositions, longs formats et objets de la vaste collection numérique du musée. Nous avons construit une application JavaScript autonome pour offrir une interface unique et nous avons exploité l'API REST de Drupal 8 pour gérer les milliers de pages nécessaires à la consolidation de plusieurs sites en un seul.

Composants modulaires

Le site web d'un grand musée vit en général entre cinq et sept ans, et sa refonte s'accompagne souvent d'une nouvelle identité visuelle. Ce qui se perd souvent dans la refonte, ce sont les petites applications construites en cours de route pour des expositions temporaires. J'encourage toujours les organisations à transformer leurs chartes graphiques en composants réutilisables, pour que le site principal puisse évoluer en parallèle des contenus archivés. Pour le JCK, nous avons construit le menu comme un module distinct, utilisable à la fois sur le site principal et pour l'exposition Charlotte Salomon.

Composant de menu jck.nl

Le menu a été développé comme un module npm, pour être utilisé sur plusieurs projets.