Réalisation · application client

BuyStep, une place de marché qui classe ses fournisseurs sur leur fiabilité.

Des acheteurs professionnels et des fabricants d'équipements énergétiques, en six langues. Chaque fournisseur passe un audit structuré, dont la plateforme tire un score. Nous avons écrit l'ensemble : portail, espaces, moteur d'audit, abonnements, administration.

01/Le contexteD'où nous sommes partis

Trouver un fournisseur est facile ; décider lequel ne l'est pas

Le constat vient du client et tient en une phrase : le vrai défi n'est pas de trouver des fournisseurs, c'est de prendre la bonne décision. Pour chaque problème, ce que fait la plateforme.

  1. 01Les données des fabricants sont déclaratives, et leurs certifications difficiles à comparer.Un audit unique, structuré en sections, avec documents et certificats à l'appui ; les déclarations sont recoupées avec l'historique et, au besoin, une visite.
  2. 02Comparer des prix ne dit rien de la fiabilité d'un fournisseur.Un score calculé depuis l'audit, sur trois piliers, avec des règles de notation explicites et des signaux de risque.
  3. 03Acheteurs et fabricants ne parlent pas la même langue.Un seul portail en six langues, écriture de droite à gauche comprise, traductions tenues en base plutôt que dans des fichiers dupliqués.
  4. 04Une place de marché vit d'abonnements, et un abonnement a un cycle de vie.Trois niveaux d'offre, encaissés par Stripe, chaque état suivi : actif, expiré, annulé, impayé.
02/Ce que nous avons construitLivré à ce jour

Un portail, deux espaces, un moteur d'audit et une administration

Une seule API sert le portail public et l'administration. Chaque brique est livrée avec ses tests.

  • 01
    Portail public. Catalogue de produits, fiches fournisseurs, catégories, recherche, pages éditoriales, en six langues.
  • 02
    Audit des fournisseurs. Un questionnaire unique par sections, un statut par section, documents et certifications déposés.
  • 03
    Score. Des indicateurs de fiabilité calculés depuis l'audit, avec des signaux de risque, dont ceux liés à la directive européenne sur le devoir de vigilance.
  • 04
    Espace fournisseur. Tableau de bord, produits, audit section par section.
  • 05
    Espace acheteur. Comparaison, favoris, messagerie, fournisseurs vérifiés par BuyStep.
  • 06
    Abonnements. Trois niveaux, cycle de vie complet, prélèvement SEPA et virement activables par configuration.
  • 07
    Administration. Modération des entreprises, catégories, coupons, abonnements, actions à traiter, journal d'audit, suivi du revenu récurrent.
  • 08
    Fichiers et recherche. Stockage objet avec compression des images à l'envoi ; recherche par Elasticsearch.
03/Trois écransLe site en ligne, et ses versions précédentes

Trois écrans, à l'échelle

Captures du portail tel qu'il est en ligne, et de versions antérieures reconstruites depuis l'historique du code. Rien n'est flouté : le client est nommé avec son accord et ces pages sont publiques.

Page d'accueil de BuyStep : titre, recherche de fournisseurs, bouton d'exploration et chiffres de l'audit
Écran 01L'accueil du portail, tel qu'il est en ligne. Rien n'est flouté.

Un portail qui annonce sa règle : décider sur des données

Le premier écran dit ce qu'est BuyStep : pas une comparaison de prix, un système de décision. Derrière, le catalogue, les fiches fournisseurs et la recherche, en six langues.

Version intermédiaire de l'accueil de BuyStep : titre Step Free, zéro commission, grille de produits sans image
Écran 02Une version intermédiaire de l'accueil, reconstruite depuis l'historique du code et relancée dans un conteneur. Rien n'est flouté. Sur téléphone, le haut de l'accueil.

Le même métier, un socle technique qui change

Entre la première version et le portail actuel, la base de données, le framework et l'interface ont été remplacés un par un, sans réécrire le domaine métier. Le code hérité a été supprimé une fois le portail au niveau.

Planche de captures datées de la page d'accueil de BuyStep, de la première version au portail actuel
Écran 03Deux ans de page d'accueil, dans l'ordre. Chaque capture vient d'une version réelle, reconstruite et relancée ; aucune maquette.

Chaque version a été relancée, pas redessinée

Pour cette planche, nous avons extrait des versions de l'historique, reconstruit chacune dans un conteneur avec les outils de son époque et photographié sa page d'accueil. La méthode est détaillée sur le blog.

04/TechnologiesCe que nous avons choisi, et pourquoi

Une seule API, des couches étanches, des tests qui les gardent

Le socle a changé deux fois sans réécriture du métier : c'est ce que l'architecture devait permettre, et ce que nous cherchons dans tout logiciel sur mesure.

  • InterfaceNext.js pour le portail et l'administration ; les routes serveur portent la session, le navigateur ne voit jamais l'API.
  • ServeurAPI .NET 10 en quatre couches, dont la séparation est vérifiée par des tests à chaque construction.
  • Base de donnéesPostgreSQL, traductions en base, migrations versionnées ; Elasticsearch pour la recherche.
  • TestsUnitaires, d'intégration sur une vraie base éphémère, et d'architecture.
  • LivraisonImages Docker de l'API, de l'administration et du portail ; déploiement par branche, deux environnements.
  • ExploitationJournaux tournants, mesure d'audience sans cookie sur notre instance, page de maintenance pour les interventions.

Et maintenant

Une plateforme avec des espaces, des abonnements et une administration ?

BuyStep a été écrit brique par brique, chacune livrée avec ses tests. Décrivez-nous votre projet, nous vous dirons ce qui est faisable, avec un délai et un ordre de prix.

Discuter de votre projet

Réponse sous 24 h ouvrées, par l'un des deux fondateurs. Ou par téléphone : 07 59 96 14 99.