ResearchJewel
Une base de recherche en joaillerie
ResearchJewel met à disposition le travail documentaire de Vanessa Cron pour accompagner la recherche en joaillerie. Son enjeu est de rendre consultables des informations sur les poinçons et des références visuelles, même lorsque l’utilisateur ne connaît pas encore le nom du fabricant ou l’origine d’une pièce.
Nous avons développé une application web organisée autour de deux fonds complémentaires : les poinçons et les images de bijoux. La recherche multicritère, les fiches détaillées et les favoris facilitent l’exploration. La gestion des abonnements et les interfaces partenaires permettent de proposer cette ressource à différents publics depuis une même base documentaire.
Repères du projet
Client
ResearchJewel — Vanessa Cron
Projet
Application web de recherche documentaire en joaillerie
Enjeux
Rendre un fonds spécialisé interrogeable et organiser sa consultation sur abonnement
Publics
Experts, professionnels du bijou, historiens, collectionneurs et étudiants
Ce que nous avons réalisé
- Recherche multicritère dans une base de poinçons
- Consultation d’archives visuelles de bijoux par mots-clés
- Fiches illustrées, favoris et historique personnel
- API de consultation et contenus structurés
- Comptes, essais et abonnements annuels avec Stripe
- API de gestion des utilisateurs et abonnements partenaires
- Intégration de l’application dans une interface partenaire
Technologies
- React, Vite et React Router
- TanStack Query et Zustand
- PHP, Slim et MySQL
- API JSON et authentification par jeton
- Stripe pour le paiement par carte
- Galeries d’images et contenus issus du CMS
- Intégration web par iframe et échanges postMessage
01 — La recherche documentaire
Des critères visuels aux fiches détaillées
L’application propose une recherche adaptée aux informations dont dispose l’utilisateur. Un poinçon se recherche par sa forme, ses signes ou sa provenance ; une image de bijou se retrouve par ses mots-clés. Chaque résultat ouvre une fiche qui réunit les illustrations et les informations documentaires disponibles.
01.01
Croiser les indices d’un poinçon
L’utilisateur peut commencer par ce qu’il distingue sur une pièce : une forme extérieure, un symbole, des lettres ou des chiffres. Il combine ces indices avec un pays, une ville ou une recherche dans le texte des notices. Il n’a donc pas besoin de connaître le fabricant pour entreprendre sa recherche.
Les poinçons sont distingués par catégorie : marques de fabricants, poinçons de contrôle des métaux et autres marques. Le choix d’une catégorie ouvre les critères correspondants, comme le fabricant ou le métal. Les filtres actifs restent visibles et peuvent être retirés individuellement pour élargir progressivement les résultats.
- Choisir une catégorie de poinçons
- Combiner forme extérieure et symboles
- Saisir les lettres ou chiffres observés
- Préciser un pays, une ville, un fabricant ou un métal
- Rechercher un terme dans les notices
- Retirer un critère ou réinitialiser les filtres
01.02
Examiner les références en détail
Les résultats peuvent être parcourus sous forme de cartes ou de liste, avec un nombre de références par page ajustable. La présentation visuelle aide à repérer les pistes à examiner, tandis que la liste permet une lecture plus compacte du résultat de recherche.
La fiche rassemble les images du poinçon, sa forme, ses symboles, ses inscriptions et, lorsqu’elles sont renseignées, sa période d’utilisation et sa provenance. Le texte documentaire complète ces caractéristiques. Les boutons précédent et suivant permettent de poursuivre la consultation sans revenir systématiquement au listing.
- Basculer entre cartes et liste
- Choisir le nombre de résultats par page
- Consulter les différentes images d’une référence
- Lire les caractéristiques et la notice réunies dans une fiche
- Passer d’une référence à la suivante
01.03
Parcourir les archives de bijoux
Un second espace donne accès aux références visuelles de bijoux. Les mots-clés associés aux fiches constituent directement les critères de recherche disponibles. L’utilisateur peut en sélectionner plusieurs pour réduire la sélection et retrouver des références correspondant à son sujet.
Chaque fiche associe un titre, un surtitre, ses mots-clés, un texte et une galerie d’images. Le contenu documentaire et les visuels se consultent ensemble : l’utilisateur n’a pas à retrouver séparément la notice d’une image qui a retenu son attention. Ce fonds complète la recherche sur les poinçons par une autre entrée dans la documentation.
- Rechercher parmi les mots-clés du fonds
- Combiner plusieurs mots-clés dans le listing
- Parcourir les vignettes de bijoux
- Ouvrir la galerie et le texte associés à une référence
- Ajouter une fiche de bijou à ses favoris
01.04
Retrouver ses pistes de recherche
Les favoris sont rattachés au compte de l’utilisateur, pour les poinçons comme pour les bijoux. Ils permettent de conserver les références utiles à une recherche sans recopier leurs liens dans un document séparé. Un favori peut être ajouté ou retiré depuis une fiche.
Le tableau de bord réunit les ajouts récents, les dernières fiches consultées et les favoris. Les consultations alimentent l’historique personnel au fil du parcours. Lorsqu’il revient, l’utilisateur retrouve ainsi ses pistes et découvre les nouvelles références depuis le même écran.
- Enregistrer des poinçons et des bijoux en favoris
- Retirer les références devenues inutiles
- Afficher uniquement les poinçons favoris
- Reprendre une fiche récemment consultée
- Découvrir les derniers ajouts au fonds
02 — L’exploitation du service
Relier les contenus, les comptes et les accès
Le service organise la diffusion du fonds documentaire autant que sa consultation. Les informations structurées alimentent plusieurs écrans ; les comptes portent les périodes d’accès ; les partenaires disposent d’interfaces dédiées pour gérer leurs utilisateurs. Cette continuité réduit les opérations manuelles nécessaires pour distribuer la ressource.
02.01
Des contenus structurés et réutilisés
Les poinçons reposent sur des référentiels distincts pour les fabricants, les métaux, les formes, les symboles, les pays et les villes. Ces relations servent à la fois aux filtres, aux résumés des résultats et aux fiches détaillées. Les bijoux réutilisent leurs mots-clés pour construire les choix proposés dans la recherche.
Les galeries fournissent les images des listings et des fiches, tandis que l’API reprend les contenus et les libellés du CMS. Une même référence alimente également les nouveautés, les favoris et l’historique. Cette organisation évite de préparer une version différente du contenu pour chaque écran de l’application.
- Réutiliser les référentiels dans les filtres et les fiches
- Construire les choix de recherche à partir des données du fonds
- Associer une vignette et une galerie à une référence
- Diffuser les fiches publiées dans les listes de consultation
- Reprendre les libellés et textes d’aide depuis les paramètres éditoriaux
02.02
Un parcours d’inscription et d’essai
L’inscription crée un compte et lui associe une période d’essai dont la durée est définie dans les paramètres du service. Le système prépare et envoie l’email d’accès à partir du modèle prévu. L’équipe n’a pas à créer individuellement chaque compte ni à calculer manuellement sa première échéance.
L’espace personnel permet de consulter et de modifier ses coordonnées. L’application affiche l’échéance de l’accès et propose le renouvellement lorsqu’il est nécessaire. À expiration, les espaces de recherche présentent un écran dédié pour orienter l’utilisateur vers la suite du parcours.
- Créer un compte depuis le formulaire d’inscription
- Associer automatiquement une période d’essai
- Envoyer l’email d’accès prévu après inscription
- Consulter et modifier ses coordonnées
- Afficher l’échéance et le parcours de renouvellement
02.03
Un abonnement annuel avec Stripe
Le compte intègre un formulaire de paiement par carte pour l’abonnement annuel. Le montant est repris depuis les paramètres du service. Le paiement est initié avec Stripe, puis son statut est mis à jour à réception des événements prévus : succès, échec ou remboursement.
La période d’abonnement prolonge une échéance encore active ou repart de la date courante si l’accès est expiré. L’utilisateur retrouve les paiements retenus dans son espace personnel, avec leur date, leur description et leur montant. Les informations de paiement et de durée restent ainsi associées au compte sans rapprochement manuel entre deux listes.
- Souscrire ou renouveler par paiement carte
- Utiliser le montant annuel configuré
- Prolonger la période d’accès associée au compte
- Mettre à jour le statut à partir des événements Stripe
- Consulter l’historique des paiements affichés dans le compte
02.04
Des accès distribués par les partenaires
Une API dédiée permet à un partenaire configuré de créer un accès, d’ajouter une période de renouvellement ou de transmettre une résiliation. L’utilisateur est relié à son identifiant dans le système partenaire. Les contrôles détectent notamment les conflits d’identité, les emails déjà attribués et les périodes qui se chevauchent, plutôt que de créer silencieusement des dossiers concurrents.
Le partenaire peut aussi mettre à jour les coordonnées autorisées. Côté consultation, un parcours de connexion externe et une intégration dans une page partenaire donnent accès à la même application. L’interface adapte ses rubriques à ce mode d’accès, et sa hauteur peut suivre celle du contenu lorsqu’elle est intégrée dans une iframe. Le fonds peut ainsi être proposé à d’autres publics sans être dupliqué.
- Créer ou renouveler un accès depuis une API partenaire
- Transmettre une date de fin après résiliation
- Mettre à jour le nom, le prénom et l’email d’un utilisateur partenaire
- Identifier les conflits de comptes ou de périodes
- Ouvrir une session par le parcours de connexion externe
- Intégrer l’application dans une interface partenaire
D’autres projets, d’autres défis
Voir d’autres
études de cas
Des besoins concrets, des réponses sur mesure. Découvrez ce que nous avons développé pour d’autres organisations.
Toutes les études de cas