Aller au contenu
Le portail client et l'administration HartPrint, avec une étiquette de palette générée

HartPrint

La plateforme de commande d'un imprimeur de canettes : les clients déposent leurs visuels et commandent, l'équipe gère prix, échanges et logistique au même endroit.

Client
HartPrint, impression de canettes
Année
2025-2026
Rôle
Développeur senior et conseil technique
Agence
Signifly, au début du projet
Outils
Laravel, Next.js

Le point de départ

Une commande, beaucoup de mains

HartPrint imprime directement sur des canettes en aluminium pour des brasseries, des cidreries et d'autres producteurs de boissons, depuis trois sites au Canada et aux États-Unis.

Chaque commande passe par le client, le studio de design, la production et la logistique. Le planning des impressions vivait dans un tableau Monday, et beaucoup de documents se faisaient à la main.

Un premier site, livré par un autre prestataire, devait être refait. L'équipe, pilotée par un chef de projet, est repartie de zéro en Laravel et Next.js. J'ai d'abord construit l'API avec un autre développeur backend, puis j'ai travaillé sur le front et le back : le portail client, l'administration et le planning de production.

Au bout de six mois, un développeur backend junior nous a rejoints, et je l'ai accompagné pour qu'il monte en compétence et écrive du code propre. On me consultait aussi sur l'architecture, les décisions techniques et les fonctionnalités les plus complexes.

Deux portails, une seule commande

Le client et l'équipe regardent la même commande, chacun avec ses outils

Portail client, en français

Suivi d'une commande dans le portail client HartPrint
Le client suit l'avancement, paie sa facture ou recommande en un clic.

Administration, pour l'équipe

Fiche de commande dans l'administration HartPrint
L'équipe voit tout : étapes, paiement, facture, livraison, documents.

Le nouveau parcours de commande

Un parcours de commande clair, du visuel à la validation

L'ancien parcours de commande était lent, et son code fragile causait beaucoup de bugs. J'ai aidé l'équipe à concevoir l'architecture de sa refonte, puis j'ai développé le nouveau parcours côté client : choisir ses visuels déjà approuvés, indiquer les quantités, choisir l'expédition ou le ramassage, puis tout relire avant de valider.

Les quantités sont arrondies automatiquement aux couches de palette, la date de livraison estimée s'affiche selon l'adresse, et le total, taxes et dépôt de fardage (la consigne des palettes) compris, est visible avant de valider.

  1. 01Choisir les visuelsLes visuels déjà approuvés, sélectionnés en un clic.
  2. 02Quantités et ajoutsQuantités arrondies aux couches de palette, couvercles, plateaux.
  3. 03LivraisonExpédition ou ramassage, palettes, date de livraison estimée.
  4. 04RévisionLe détail de la commande et le total, taxes comprises.
  5. 05ConfirmationUn dernier coup d'œil, puis la commande est passée.

Le parcours d'une commande

Du visuel à la livraison, sans rien ressaisir

  1. Commande reçue

    Le client dépose ses visuels dans sa galerie et passe commande depuis son portail.

    Galerie de visuels du portail client HartPrint
    Portail client : la galerie de visuels
  2. Préparation des visuels

    L'équipe vérifie les fichiers. Le client voit où en est sa commande et peut encore modifier.

    Portail client : le suivi de la commande
  3. En production

    La commande entre dans le planning du site et de l'imprimante, avec ses quantités et ses palettes.

    Planning de production HartPrint, par site et par imprimante
    Administration : le planning de production
  4. Prêt à expédier

    Les étiquettes de palette et le connaissement, le document de transport, sont générés à partir de la commande.

    Étiquette de palette générée automatiquement par la plateforme HartPrint
    Document généré : l'étiquette de palette
  5. Expédié

    L'équipe suit la livraison, le paiement et la facture sur la fiche de la commande.

    Administration : la fiche de la commande

Les commandes à risque

Relancer avant d'imprimer

Un onglet isole les commandes en cours dont la facture est impayée, payée en partie ou en retard. C'est moi qui l'ai développé.

L'équipe peut ainsi relancer le client avant que la commande parte en impression.

Onglet des commandes à risque dans l'administration HartPrint

Les documents

Ils se font tout seuls, à partir de la commande

Connaissement généré automatiquement par la plateforme HartPrint
  • Étiquettes de palette
  • Connaissements
  • Bordereaux d'expédition
  • Fiches recette

Partie développée par d'autres membres de l'équipe.

Les fonctionnalités

Tout ce que fait la plateforme

Portail client
Galerie de visuels, échantillons, factures, fardage, et un parcours de commande guidé, du choix des visuels à la confirmation.
Administration
Commandes, entreprises, utilisateurs, produits, coupons et conditions de paiement, avec un onglet des commandes à risque.
Planning de production
Un planning par site et par imprimante, avec les délais de chaque site visibles en permanence.
Documents générés
Étiquettes de palette, connaissements, bordereaux d'expédition et fiches recette. Réalisés par l'équipe.
Échanges et suivi
Commentaires internes ou visibles par le client, notifications, historique de chaque action.
Accès et sécurité
Rôles et permissions pour chaque équipe : production, design, administration.
Comptabilité
Factures synchronisées avec NetSuite, sans double saisie. Réalisé par l'équipe.

Le résultat

Une plateforme utilisée au quotidien

Les clients de HartPrint et ses équipes passent par la plateforme du lundi au vendredi : commandes, visuels, planning, expéditions.

requêtes par jour sur l'API, en moyenne
91 000
des requêtes servies sans erreur serveur
99,96 %

Mesures serveur (GoAccess et Laravel Pulse), de fin septembre à mi-octobre 2026.

Côté technique

Pour ceux que ça intéresse

Une API Laravel porte toute la logique : commandes, prix, planning de production et droits d'accès. Deux interfaces Next.js s'appuient dessus : le portail client et l'administration.

Les documents d'expédition et la synchronisation avec NetSuite, réalisés par l'équipe, passent par la même API.

  • API Laravel
  • Next.js

Et pour votre projet ?

Le même type d'outil, à votre mesure

Un portail pour vos clients, une administration pour votre équipe, et des documents qui se remplissent tout seuls à partir de vos commandes.

Ça vous parle ?Cochez ce qui vous ressemble

Cochez ce qui vous ressemble, on en parlera.Un point commun : ça vaut un premier échange.Deux points communs : on devrait en parler.Les trois : c'est exactement ce que je construis.

Disponible à partir de novembre

Premier avis gratuit, sous deux jours ouvrés. Vos réponses cochées sont jointes à votre demande.

Parler de votre projet

Projet suivant

MET MontréalLe site de l'aéroport Montréal Métropolitain, relié aux horaires de vols en temps réel, avec un assistant pour les voyageurs