Pour l'artiste Ralph D. Woop, nous avons développé une présence numérique sur mesure qui associe l'atmosphère d'une exposition à un catalogue raisonné structuré et multilingue.
Les œuvres, les photographies des œuvres et les informations techniques qui les décrivent proviennent de l'artiste.
pièces uniques documentées numériquement
adresses indexables
langues entièrement intégrées
Lighthouse SEO
Lighthouse Accessibility
Cumulative Layout Shift
Le site compte 107 adresses par langue ; 196 des 214 URL sont générées automatiquement à partir des données d'œuvres gérées de manière centralisée. Les valeurs Lighthouse proviennent de la mesure desktop du 7 août 2026, qui atteint en outre un score de performance de 99 avec un Largest Contentful Paint de 0,8 seconde.
L'œuvre de Ralph D. Woop comprend des cyanotypes, des pyrogravures, des portraits, des travaux de commande et des pièces expérimentales aux formats, aux histoires et aux disponibilités très différents.
Le défi ne consistait donc pas simplement à présenter des images en ligne.
Le nouveau site devait à la fois
De là est née l'exigence d'une présence numérique qui réunit exposition, catalogue raisonné et plateforme de communication dans un seul système.
Une œuvre d'art ne fonctionne pas comme un produit classique. Chaque pièce est unique. Les formats et les proportions varient fortement. Certaines œuvres sont disponibles, d'autres réservées, appartiennent à une collection privée ou ne sont fondamentalement pas à vendre.
Une grille de cartes ordinaire aurait uniformisé visuellement cette diversité. Une galerie purement expérimentale aurait certes créé une atmosphère, mais n'aurait été que d'un intérêt limité pour la recherche ciblée, pour les moteurs de recherche et pour les visiteurs s'intéressant concrètement à une œuvre.
La question centrale était donc : comment associer une expérience de galerie numérique à un catalogue raisonné structuré ? La réponse n'a pas été une interface unique, mais deux accès différents au même fonds d'œuvres.
L'architecture de l'information a été conçue pour que les visiteurs décident eux-mêmes comment ils souhaitent aborder l'œuvre.
La conception visuelle s'inspire de l'atmosphère d'un atelier historique et d'un espace de galerie soigneusement composé.
Des bleus et des noirs profonds créent un fond calme. Des accents dorés et lumineux reprennent les matières et les ambiances chromatiques des œuvres. Une typographie sérif classique relie l'interface numérique à l'esthétique d'une exposition. L'interface s'efface volontairement derrière l'art.
Format paysage, portrait ou proportions inhabituelles ne sont pas forcés dans des conteneurs d'image identiques. Une logique de mise en page propre a été développée pour la galerie : elle tient compte des rapports d'aspect réels des œuvres et en compose des rangées équilibrées.
Les images déjà visibles restent stables lors du chargement d'autres œuvres. Les contenus sont ajoutés rangée par rangée afin que les éléments existants ne soient pas redimensionnés après coup.
Le mur du musée n'est pas une image de fond. Le mur, la plinthe, le parquet, les projecteurs au plafond et le cadre autour de chaque œuvre sont dessinés dans le navigateur – à partir de dégradés, d'ombres, de cônes de lumière et de quelques textures de matière. Une photographie aurait montré la même salle, mais toujours celle-là seulement : lumière figée, couleur de cadre figée, format figé.
Comme chaque couche provient de valeurs de design, chacune reste modifiable à tout moment. Un mur plus clair, un autre bois, un projecteur supplémentaire ou un passe-partout plus étroit se règlent en changeant une seule valeur dans le code – sans nouveau rendu ni nouvelle séance photo. La salle grandit avec la collection au lieu de l'enfermer dans une image fixée une fois pour toutes.
Pour que ce décor ne rende pas chaque mouvement coûteux lors du défilement horizontal, il est calculé une fois par taille d'écran sur un canvas, puis placé derrière les œuvres comme une image finie. Les œuvres, elles, restent des éléments autonomes au premier plan – cliquables, liables, avec leurs véritables données d'image. Si la fenêtre change de taille, la salle est recalculée ; pendant le défilement, le navigateur ne déplace plus qu'une seule couche.
La galerie numérique traduit dans le navigateur les éléments d'un espace d'exposition classique. Sur les grands écrans, les visiteurs se déplacent horizontalement le long d'un mur de musée virtuel. Les différents formats d'image conservent leurs proportions réelles et sont présentés dans un environnement mis en scène comme un espace. Textures murales, passe-partout, éclairage et éléments spatiaux discrets créent un cadre sans concurrencer les œuvres. Ce n'est pas l'information qui prime d'abord, mais la découverte visuelle.
Qui cherche une œuvre précise ou souhaite parcourir le fonds de manière ciblée accède directement aux informations pertinentes via le catalogue. Pour chaque œuvre sont présentés clairement, entre autres, l’image de prévisualisation, le titre, l’année de création, le numéro d’inventaire, la technique et le statut de disponibilité.
Le catalogue complet est fourni côté serveur et reste ainsi clairement structuré, directement accessible et lisible par les moteurs de recherche, indépendamment de l’expérience interactive de la galerie.
La galerie desktop n'a délibérément pas été comprimée pour les petits écrans. Un concept d'interaction propre a été conçu pour les appareils mobiles :
L'identité graphique reste ainsi intacte, tandis que l'utilisation est adaptée à l'appareil.
Chacune de ces couches est une valeur de design dans le code – couleur, largeur, opacité, nombre. L'exposition peut ainsi être réaccrochée et rééclairée à tout moment, sans produire une seule nouvelle image.
La base centrale du site n'est pas le titre de la page, mais le numéro d'inventaire. Une œuvre conserve son identité, que son titre ou son URL change ensuite ou non. Les traductions, les recommandations, les positions dans la galerie et les autres liens restent ainsi reliés de manière fiable.
Exemple de numéro d'inventaire
Le numéro d'inventaire lui-même devient un point d'entrée numérique. Qui trouve un numéro d'inventaire sur une œuvre physique, dans une documentation ou sur un certificat peut l'utiliser comme adresse. Le système redirige automatiquement vers la page d'œuvre canonique.
Il en résulte un lien direct entre l'œuvre physique et le catalogue raisonné numérique, sans créer d'URL concurrentes supplémentaires pour les moteurs de recherche.
Toutes les données d'œuvres pertinentes sont gérées de manière centralisée.
Elles génèrent automatiquement
Sur les 214 adresses indexables du site, 196 sont générées de cette manière à partir des données d'œuvres.
Numéros d'inventaire, traductions et autres structures liées aux œuvres sont typés entre eux. S'il manque une traduction ou si un numéro d'inventaire est mal saisi, le build automatisé échoue au lieu de transférer discrètement des contenus incomplets sur le site en ligne. Cette vérification s'exécute automatiquement à chaque push et à chaque pull request.
Page de l'œuvre, entrée du catalogue, position dans la galerie, métadonnées, entrée du sitemap et redirections proviennent de la même source. Une œuvre supplémentaire, c'est donc un enregistrement de plus – pas de nouvelle page, pas de nouvelle route et pas de second endroit où la même information devrait être tenue à jour.
Chaque œuvre dispose de sa propre page de détail, où présentation visuelle et informations structurées sont réunies.
Selon l'œuvre peuvent être affichés
Les visiteurs peuvent en outre passer à l'œuvre précédente ou suivante. L'ordre suit la galerie composée et non simplement l'ordre d'une base de données.
Une logique de recommandation propre a été développée pour les travaux apparentés. Elle prend notamment en compte :
Huit critères pondérés sont pris en compte au total. La recommandation peut en outre expliquer au visiteur pourquoi une autre œuvre a été jugée similaire. La découverte ne s'arrête donc pas à une page de détail isolée, mais se poursuit thématiquement dans le fonds.
Woop Art n'a délibérément pas été conçu comme une boutique en ligne. L'accent est mis sur la médiation artistique, la documentation des œuvres et le contact personnel.
L'appel à l'action s'adapte donc au statut de chaque œuvre.
L'œuvre peut encore changer de mains : elle est disponible ou retenue pour quelqu'un. Le bouton mène donc à une demande portant sur cette œuvre précise.
L'œuvre appartient à un collectionneur ou n'est pas à vendre. Une demande à son sujet resterait sans suite – le bouton ne mène donc pas à l'œuvre, mais à un échange autour d'une œuvre comparable.
La demande naît sur la page de l'œuvre elle-même. Le titre ou le numéro d'œuvre ainsi que le type de demande sont transmis automatiquement – les visiteurs n'ont pas à les recopier.
Une exigence essentielle consistait à rendre chaque œuvre durablement trouvable et techniquement descriptible sans ambiguïté.
Le site utilise pour cela six types Schema.org différents
Les 98 pages d'œuvre sont balisées comme VisualArtwork et complétées par des informations telles que la technique, le matériau, le numéro d'inventaire et les dimensions. Des liens d'entités stables relient l'œuvre, l'artiste et le site.
Le balisage de prix ou d'offre a délibérément été écarté, Woop Art étant une galerie et non une boutique en ligne classique.
Le multilinguisme n'a pas seulement été traité par la traduction des textes visibles. Les 98 œuvres sont entièrement renseignées en allemand et en anglais, soit 196 fiches d'œuvres et 1 372 champs de texte traduits.
Les URL aussi sont construites par langue
Les liens canonical, hreflang et x-default garantissent que les moteurs de recherche relient correctement les versions linguistiques. Le multilinguisme n'est ainsi pas traité comme une fonction supplémentaire, mais comme une part de l'architecture de l'information.
Le sitemap est généré automatiquement à partir de l’ensemble réel des pages et des œuvres et compte actuellement 214 adresses. Pour chaque URL sont notamment tenues à jour les alternatives linguistiques, la date de mise à jour, la priorité et l’attribution canonique.
La date de modification suit l’état réel du contenu et non simplement le moment du dernier déploiement. On évite ainsi que chaque publication technique signale à tort que tous les contenus ont été mis à jour.
Woop Art a été développé comme une application web sur mesure basée sur Next.js, React et TypeScript. L'application est livrée sous forme de conteneur autonome et n'est donc liée ni à une plateforme de site particulière ni à un hébergeur unique.
L'exploitation technique comprend
Chaque version publiée peut être déployée de manière reproductible ou ramenée à un état antérieur si nécessaire.
L'envoi des e-mails pour les demandes de contact passe lui aussi par une infrastructure centrale utilisant Amazon SES.
Nous développons l'interface de chaque projet dans un dépôt qui lui est propre. Woop Art peut donc être remis sous la forme d'un état de code source complet, sans que des éléments d'autres projets suivent.
Ce qui est décrit ici est ce qui est prévu. Ce qui s'applique dans un cas particulier relève du contrat concerné.
La gestion du consentement repose elle aussi sur un composant réutilisable de Woop Technology. Pour Woop Art, la configuration comprend :
catégories de consentement
services
cookies déclarés
langues : allemand et anglais
Les modifications de la configuration du consentement sont versionnées et peuvent déclencher une nouvelle décision du visiteur.
Google Consent Mode v2 est initialisé par défaut avec des états refusés. L'analytics n'est chargé qu'après l'obtention du consentement correspondant. Les décisions de consentement sont journalisées côté serveur avec horodatage, version du consentement et adresse IP anonymisée.
Le site tient également compte des personnes qui utilisent un lecteur d'écran, un mouvement réduit ou des fonctions de zoom.
Ont notamment été mis en œuvre
Sur un site d'art en particulier, nous avons délibérément renoncé à limiter le zoom sur les appareils mobiles – les visiteurs doivent pouvoir agrandir les œuvres.
Aucun audit formel de conformité WCAG n'a été réalisé ; aucune déclaration de certification ou de conformité n'est donc faite.
Woop Art n'est aujourd'hui plus seulement un site avec des images. Il en est né un espace d'art numérique qui relie des exigences différentes :
Une galerie atmosphérique pour la découverte visuelle.
Un catalogue raisonné numérique complet.
Des pages dédiées aux œuvres, aux techniques, aux projets et à l'artiste.
214 adresses indexables avec une structure SEO multilingue.
Des demandes liées à une œuvre plutôt que des formulaires de contact anonymes.
Les nouvelles pièces sont ajoutées de manière centralisée et intégrées automatiquement à la structure existante.
La présence numérique peut ainsi grandir avec l'œuvre artistique – sans nécessiter une nouvelle solution technique pour chaque nouvelle création.
Performance
Accessibility
Best Practices
SEO
Les valeurs proviennent de la mesure Lighthouse desktop actuelle du 7 août 2026.
Notre propre moteur de consentement. Il gère les consentements, débloque les services soumis à autorisation et nettoie les cookies en cas de retrait – tandis que données, langues et design restent librement configurables par projet.
Une plateforme clairement structurée pour l'entraînement adapté au cycle, le conseil nutritionnel et le conseil en mode de vie – avec comparaison des offres, demande de rendez-vous et réservation.
Lors du premier entretien, nous parlons de vos objectifs et de la manière dont ils peuvent devenir une solution numérique adaptée.