Aller au contenu
Business Agile
← Réalisations
Web · Art, impression sur toile, devis en ligne · févr. 2018

DMD Prices

Une grille tarifaire à cinq critères, transformée en configurateur qui calcule à chaque clic.

Le configurateur DMD Prices et ses cinq critères de tarification

En chiffres

critères combinés pour un prix5
versions de PHP vérifiées par la CI3
rechargement de page pour changer une option0

DMD artdesign imprime et encadre des œuvres sur toile. Son prix ne tient pas sur une ligne : il dépend du format, de la complexité de la forme, du type de cadre, de la matière de la toile et du système d'accrochage. Cinq critères, chacun avec ses options, cela fait une grille que personne ne lit. Le client voulait que son visiteur obtienne un prix, pas qu'il déchiffre un tableau.

En images

Les cinq critères du configurateur, dont un non renseigné en rouge
Le configurateur tel qu'il a été figé : format, design, châssis, toile et accroches, chacun avec ses options illustrées. Le critère toile est en rouge parce qu'il n'est pas encore renseigné, et la fourchette affichée en bas n'est donc pas complète.

Le projet en détail

La réponse a été une extension WordPress écrite pour lui, DMD Prices. Le visiteur choisit ses options sous forme de boutons illustrés, chaque critère affichant ses propres images, les toiles coton et lin, les cadres classique, tridimensionnel ou autre, les accrochages par agrafes arrière, agrafes latérales ou clous de tapissier, et les formes simples, moyennes ou complexes. Voir la différence vaut mieux que la lire.

À chaque clic, la fourchette de prix se recalcule. L'extension envoie les cinq choix au serveur par une requête de fond et remplace la seule zone de résultat, sans recharger la page et sans perdre ce que le visiteur avait déjà sélectionné. C'est ce qui permet d'explorer : on change le cadre, on voit le prix bouger, on revient en arrière.

Un détail d'interface mérite d'être signalé, parce qu'il règle un problème réel. Dès le premier clic, les critères encore non renseignés se signalent visuellement, et chacun cesse de l'être au moment où il est choisi. Le visiteur sait donc en permanence ce qui manque pour que son prix soit complet, au lieu de découvrir à la fin qu'un devis partiel ne voulait rien dire.

L'extension a été packagée comme un vrai produit, et non comme un fichier déposé dans un répertoire : dépendances gérées par Composer, licence et fiche de présentation au format attendu par WordPress, contrôle automatique du style de code, script de publication de version, et une intégration continue qui vérifiait l'installation sur trois versions de PHP, de la 5.6 à la 7.1, avec la dernière version de WordPress. Pour une extension destinée à un seul client, c'est beaucoup, et c'est précisément ce qui permet de la réinstaller ailleurs ou de la reprendre deux ans plus tard.

Une honnêteté sur ce point : l'infrastructure de tests était en place, avec le socle de tests unitaires de WordPress et son script d'installation, mais la suite elle-même est restée un squelette. Le filet existait, il n'a pas été tendu. Je le dis parce qu'un portfolio qui ne montre que les bons côtés n'apprend rien à personne.

Ce qui a été fait

  1. 01

    Cinq critères de tarification : format, forme, cadre, toile, accrochage

  2. 02

    Options choisies sur des boutons illustrés plutôt qu'en liste

  3. 03

    Prix recalculé à chaque clic, sans rechargement de page

  4. 04

    Critères manquants signalés visuellement jusqu'à leur choix

  5. 05

    Extension packagée : Composer, licence, script de publication

  6. 06

    Intégration continue sur trois versions de PHP, de 5.6 à 7.1

Questions fréquentes

Comment présenter une tarification à plusieurs critères ?

En la transformant en configurateur. Sur DMD Prices, les cinq critères deviennent des boutons illustrés et le prix se recalcule à chaque clic : le visiteur explore sa combinaison au lieu de chercher sa case dans un tableau.

Pourquoi signaler les critères non encore renseignés ?

Parce qu'un prix partiel induit en erreur. Dès le premier clic, l'extension met en évidence ce qui manque et l'éteint au fur et à mesure des choix, de sorte que le visiteur sait toujours si le montant affiché est complet.

Faut-il outiller une extension écrite pour un seul client ?

Oui, et DMD Prices le montre : licence, fiche au format WordPress, gestion des dépendances, contrôle de style, script de version et intégration continue sur trois versions de PHP. C'est ce qui permet de la reprendre longtemps après, ou de la réinstaller ailleurs.

Autres réalisations

FabArto
fabarto.eu
Web
Ti Kosmeo
tikosmeo.fr
Web
Antiquité Mallarmé
antiquitemallarme.fr
Web
Maison Ozaé
maisonozae.eu
Web
ScienceProtect
scienceprotect.com
IA
Neontology
github.com/ontolocy/neontology
Open source
Pousses & Plantes
Place de marché de plantes
E-commerce
Arbre Agile
Conseil et développement en intelligence artificielle
Web
Groupe BERREBI
Holding et site institutionnel
Web
SNCF
Transport ferroviaire, grand compte
API
Pitchichi
guide.pitchichi.com
App
SNCF DGEX Solutions
Ingénierie ferroviaire, application interne
API
Appétit
Librairie indépendante, livres de cuisine et photographie
Web
Good Day
Média, application mobile grand public
App
Fondation Nestlé France
Fondation d'entreprise, alimentation
Web
IoTBox
Objets connectés, solutions industrielles
Web
PrevenFit
Services aux salles de sport, espace abonné
App
Securicate
Équipement de sécurité, boutique en ligne
E-commerce
WeChamp
Sport, événementiel d'entreprise
Web
Jaco
Veille média, logiciel en abonnement
App
AWA
Éducation et audiovisuel, projet à portée internationale
Web
Quizz Paris
Prévention des risques, sensibilisation du public
App
La Gestion en Ligne
Gestion locative, service en ligne
Web
Quotidien Libre
Presse en ligne, quotidien d'information
Web
Ophtalmologie Percy
Santé, hôpital militaire
Web
Flashing Records
Musique, label et programmation d'événements
Web
Apérothérapie
Vins et épicerie fine, vente en ligne
E-commerce
Arnaud CANIZARES
Art contemporain, portfolio d'artiste
Web
TapToSupport
Collecte de dons pour associations
API
24hprojects
Plateforme de livraison de MVP
App
Eco-Actives
Transition écologique et ateliers DIY
E-commerce

Un projet ? Parlons-en cette semaine.

Un brief court, une réponse sous 48 h, une estimation ferme après cadrage.

Décrire mon projet