Refonte du site web du service de recherche d'entreprises de JIPDEC

Aperçu du projet

Nous avons eu le plaisir de prendre en charge la refonte du « service de recherche d'entreprises » proposé par la Japan Institute of Information Economy and Society Promotion Association (JIPDEC), l'organisme chargé de superviser le système Privacy Mark.

Les principaux enjeux de ce projet étaient de « préserver l'expérience de recherche rapide existante », d'« assurer la prise en charge des smartphones » et d'« améliorer nettement le processus de mise à jour ».

Contexte et enjeux

Si l'ancien système offrait de bonnes performances de recherche, la mise à jour des informations sur les entreprises nécessitait de nombreuses opérations manuelles. Le processus consistant à exporter les données depuis le système métier, à les retraiter localement, puis à les téléverser demandait beaucoup de temps et d'efforts, et générait des coûts opérationnels et des risques.

Le système vieillissant nécessitait de réduire la charge de maintenance et de mettre en place un fonctionnement plus efficace. Il fallait également répondre à la diversité des appareils, à commencer par les smartphones.

Pourquoi nous avons choisi Kuroco

Après avoir comparé plusieurs architectures et étudié leur faisabilité, Kuroco s'est démarqué sur les points suivants.

Schéma de la mise à jour automatique via intégration API
Mises à jour automatisées grâce à l'intégration API
  1. Performances de recherche rapides

    Même pour les recherches portant sur de grands volumes de données, les réponses restent extrêmement rapides, offrant un confort d'utilisation équivalent, voire supérieur, à celui du site existant.

  2. Mises à jour automatisées via API

    Les données issues des systèmes métier peuvent être synchronisées via API, permettant d'automatiser entièrement les opérations de mise à jour.

  3. Déploiement frontend simplifié et accéléré

    KurocoFront, notre service d'hébergement de contenus statiques basé sur un CDN, élimine la nécessité de souscrire et de gérer séparément un hébergement ou un CDN, réduisant considérablement la charge liée à la gestion de l'infrastructure.

  4. Extensibilité flexible avec Smarty

    Kuroco, en plus de ses fonctionnalités de CMS headless, permet de personnaliser le comportement de l'API grâce à Smarty. Il est ainsi possible d'intégrer de manière souple des traitements de connexion avec des systèmes externes et divers domaines. La possibilité de transformer les résultats de recherche et d'implémenter une logique d'affichage personnalisée de façon concise constitue également un atout pour les développeurs ayant une expertise backend.

Bien qu'il n'existe pas d'environnement d'exécution de programmes arbitraires comme Lambda, Cloudflare Workers ou Edge Functions, Smarty propose de nombreux plugins permettant d'appeler une API, d'enregistrer du JSON, et couvre suffisamment les cas d'usage courants.

Développement de la recherche pour smartphones

Même dans un environnement PC traditionnel, une fonction de recherche facile à utiliser était déjà assurée. Pour reproduire cette ergonomie sur smartphone, la manière d'afficher la fenêtre modale permettant de changer les critères de recherche et l'organisation des parcours d'utilisation sont des éléments essentiels qui influencent l'expérience utilisateur.

En travaillant sur ces points, nous avons optimisé l'interface pour les environnements mobiles, tout en tenant compte de l'accessibilité web, afin de proposer une interface de recherche intuitive et confortable, utilisable même depuis un smartphone.

Ce projet présentait un niveau de difficulté élevé, mais nous pensons avoir finalement offert une expérience cohérente et pratique, tant sur PC que sur mobile.

Résultats et effets

Nous avons pu atteindre une construction idéale grâce à l'architecture sélectionnée dès le départ.

  • Expérience utilisateur

    La recherche rapide a été maintenue, permettant d'obtenir instantanément l'information recherchée parmi un grand nombre de données sur les entreprises. Une interface de recherche performante a également été développée pour smartphone.

  • Efficacité opérationnelle

    L'automatisation du flux de mise à jour élimine les tâches manuelles et les risques d'erreur.

  • Évolutivité

    Grâce à une personnalisation basée sur Smarty, le site peut aussi s'adapter avec souplesse aux évolutions fonctionnelles futures et aux intégrations externes.

Capture d'écran de la recherche d'entreprises titulaires de la marque Privacy Mark
Capture d'écran de la recherche des entreprises concernées par un organisme agréé de protection des informations personnelles

Conclusion

Avec ce renouvellement, nous avons réussi à concilier deux enjeux qui s'opposent souvent : l'optimisation de l'exploitation et le maintien de performances élevées.

  1. Les informations des entreprises sont automatiquement synchronisées vers Kuroco via l'API depuis le système métier
  2. Grâce à un traitement par lots, les informations du site sont régulièrement mises à jour

Les administrateurs sont libérés de charges importantes, et les utilisateurs continuent de bénéficier d'une expérience de recherche confortable. Je pense que ce projet démontre que le choix des technologies de service a un impact direct sur les résultats.

Par ailleurs, ce projet a bénéficié de l'expertise approfondie du responsable chez JIPDEC et des solides compétences techniques du prestataire en charge du système métier. Il s'est déroulé de bout en bout de manière fluide et positive.

Ce projet a également été une réalisation très satisfaisante pour nous.

Responsable de projet
Association générale de fondation Japan Institute for Promotion of Digital Economy and Community (JIPDEC)
Direction
Tous
Conception
Otsuka
Structure
Tous / Shigeta
Design UI
Nagahashi
Développement front-end
Otsuka, Matsuzuka
Vérification de l'accessibilité web
Futamata
Nom de l'entreprise et des services
Service de recherche d'entreprises JIPDEC