Color Impact
Transformer un modèle de papeterie en création personnalisée, puis en commande exploitable par l’atelier.
- Service
- Product Strategy & Development
Choisir un faire-part, modifier ses textes et ses photos, sélectionner un papier et commander : derrière ce parcours se trouve une application métier complète. Not a Monkey a développé les fonctionnalités sur mesure qui relient le catalogue Color Impact, un éditeur visuel Angular et les règles de commande. WordPress et WooCommerce fournissent le socle éditorial et commercial ; un plugin dédié porte les modèles, les compositions, les médias et les calculs propres à la papeterie.
Contexte
Color Impact est un atelier de création et d’impression dont l’offre associe graphisme, choix de papiers et personnalisation. En ligne, un même modèle peut comporter plusieurs faces, couleurs, zones de texte, emplacements photo et finitions. Le client doit pouvoir composer sa carte sans avoir à maîtriser un logiciel de mise en page.
La difficulté consiste à conserver une continuité entre le rendu personnalisé, les options proposées, le prix calculé et les éléments transmis avec la commande. Les graphistes doivent aussi pouvoir préparer les modèles et leurs zones éditables, tandis que les parcours restent utilisables en français, néerlandais et anglais, sur ordinateur comme sur mobile.
Intervention Product Strategy & Development
Milestone 1 - Modélisation du produit personnalisable
Structuration des modèles, formats, faces, alternatives de couleur, papiers et zones éditables dans un plugin WordPress dédié. Création d’outils d’administration pour préparer les maquettes, leurs visuels et leur disponibilité dans le catalogue.
Milestone 2 - Éditeur visuel sur mesure
Développement d’une application Angular utilisant Fabric.js pour travailler directement sur la maquette : saisie des textes, import et recadrage des photos, navigation entre les faces, choix des couleurs et finitions. Sauvegarde et reprise des compositions, avec des interactions adaptées aux écrans tactiles.
Milestone 3 - Tarification et options métier
Mise en place de règles de prix selon le format, le papier et la quantité, avec une grille spécifique aux modèles avec dorure. Gestion des enveloppes et de l’adressage, contrôle des combinaisons disponibles et recalcul côté serveur lors du passage au panier.
Milestone 4 - Continuité entre création et commande
Connexion des compositions au parcours WooCommerce, en conservant les choix et les informations de personnalisation dans la commande. Mise à disposition des rendus, textes et photos pour l’équipe, complétée par les documents de facturation et une intégration d’export Falco.
Milestone 5 - Multilingue et évolution du système
Adaptation des parcours en français, néerlandais et anglais, du catalogue à l’éditeur et aux étapes de commande. Travail sur l’affichage mobile, la protection des créations privées, la disponibilité des modèles et les tests de régression des parcours et des règles commerciales.
Architecture produit & personnalisation
Une application de création connectée au commerce et à l’atelier.
Le thème WordPress présente le catalogue et le contenu multilingue. L’éditeur Angular et Fabric.js échange avec l’API du plugin Color Impact, qui gère modèles, compositions, médias et tarification. WooCommerce prend en charge le panier et les commandes, enrichis des données de personnalisation. L’administration retrouve les rendus, textes et images associés ; la facturation PDF et l’export Falco complètent le volet commercial selon sa configuration.
Des modèles qui portent les règles du produit
Choisir une création, sa couleur et ses caractéristiques avant de la personnaliser.
Chaque fiche relie les visuels du modèle à ses variantes, son format, ses papiers et ses quantités. Les galeries et les options permettent de préparer un choix cohérent avant d’entrer dans l’éditeur. Les couleurs du modèle et les finitions Or ou Argent restent des choix distincts lorsque la dorure est proposée.
Personnaliser directement sur la maquette
Un outil de création visuelle accessible depuis le navigateur.
Le client sélectionne un texte ou une zone photo dans la carte pour le modifier. L’éditeur gère les faces, les couleurs, le recadrage et la reprise des créations, avec des contrôles spécifiques sur mobile. Les zones préparées par les graphistes encadrent la personnalisation. Capture de l’application avec une création de démonstration.
Relier la création aux choix d’impression
Passer de la maquette aux options et au prix de la commande.
Après la personnalisation, le parcours guide le choix de la quantité, du papier, des enveloppes et de l’adressage. Les tarifs sont vérifiés côté serveur avant l’ajout au panier. La composition reste associée à ces choix pour que le client et l’équipe retrouvent le même projet. Capture de l’étape papier avec une création de démonstration.
Comme Color Impact, transformez vos règles métier et votre savoir-faire en une expérience de personnalisation reliée à vos commandes.
Product Strategy & Development