Skip to content
Business Agile
← Work
Web · Art, canvas printing, online quoting · Feb 2018

DMD Prices

A five-criteria price grid turned into a configurator that recalculates on every click.

The DMD Prices configurator and its five pricing criteria

Key figures

criteria combined into one price5
PHP versions checked by CI3
page reloads to change an option0

DMD artdesign prints and frames works on canvas. Its price does not fit on one line: it depends on the format, the complexity of the shape, the type of frame, the canvas material and the hanging system. Five criteria, each with its options, makes a grid nobody reads. The client wanted visitors to get a price, not to decipher a table.

In pictures

The configurator's five criteria, one unfilled in red
The configurator as it was settled: format, design, stretcher, canvas and hangings, each with its illustrated options. The canvas criterion is red because it is not yet filled in, so the range shown at the bottom is not complete.

The project in detail

The answer was a WordPress plugin written for them, DMD Prices. Visitors pick their options as illustrated buttons, each criterion showing its own images, the cotton and linen canvases, the classic, three-dimensional or other frames, the hangings by rear staples, side staples or upholstery nails, and the simple, medium or complex shapes. Seeing the difference beats reading it.

On every click the price range recalculates. The plugin sends the five choices to the server in a background request and replaces only the result area, with no page reload and without losing what the visitor had already selected. That is what makes exploring possible: you change the frame, you watch the price move, you go back.

One interface detail is worth flagging, because it solves a real problem. From the first click, the criteria still unfilled mark themselves visually, and each stops doing so the moment it is chosen. Visitors therefore always know what is missing for their price to be complete, instead of discovering at the end that a partial quote meant nothing.

The plugin was packaged as a real product rather than a file dropped in a directory: dependencies managed by Composer, a licence and a description file in the format WordPress expects, an automatic code style check, a version release script, and continuous integration verifying installation on three PHP versions, from 5.6 to 7.1, with the latest WordPress. For a plugin meant for a single client that is a lot, and it is exactly what makes it reinstallable elsewhere or picked up again two years later.

One piece of honesty here: the test infrastructure was in place, with WordPress's unit test base and its install script, but the suite itself stayed a skeleton. The net existed, it was never strung. I say so because a portfolio that shows only the good sides teaches nobody anything.

What was done

  1. 01

    Five pricing criteria: format, shape, frame, canvas, hanging

  2. 02

    Options chosen on illustrated buttons rather than in a list

  3. 03

    Price recalculated on every click, with no page reload

  4. 04

    Missing criteria flagged visually until they are chosen

  5. 05

    Plugin packaged: Composer, licence, release script

  6. 06

    Continuous integration on three PHP versions, 5.6 to 7.1

Frequently asked questions

How do you present pricing with several criteria?

By turning it into a configurator. On DMD Prices the five criteria become illustrated buttons and the price recalculates on every click: visitors explore their combination instead of hunting for their cell in a table.

Why flag the criteria not yet filled in?

Because a partial price misleads. From the first click the plugin highlights what is missing and switches each off as choices are made, so visitors always know whether the amount shown is complete.

Should a plugin written for a single client be properly tooled?

Yes, and DMD Prices shows why: a licence, a WordPress-format description, dependency management, a style check, a release script and continuous integration on three PHP versions. That is what lets you pick it up long afterwards, or reinstall it elsewhere.

Other work

A project? Let's talk this week.

A short brief, an answer within 48 hours, a firm estimate after scoping.

Describe my project