Interactive Rack Planner for Bunnings
A self-serve rack configuration tool that lets customers design their own shelving layout, then pushes the full parts list directly to their Bunnings shopping cart — or sends it to their inbox as a printable PDF.
The client — a rack and shelving brand stocked at Bunnings — had a persistent sales problem: customers loved the product in-store but struggled to figure out exactly which components they needed to build the configuration they had in mind. The result was abandoned purchases, wrong orders, and a high volume of support calls. Beyond the customer confusion, the sales team had no scalable way to help. A consultant could walk someone through a layout in-store, but that didn't translate online — and the product range had hundreds of SKU combinations. The brief was ambitious: build a planner that any customer could use independently, that would produce an accurate, purchase-ready parts list, and that integrated directly with the Bunnings checkout experience.
We built a drag-and-drop visual planner with a real-time 2D canvas, giving customers a live design surface to plan their rack layout — placing uprights, shelves, brackets, and accessories exactly as they wanted them. Every component on the canvas is drawn from the live product catalogue, so dimensions and part numbers are always accurate. As the user builds their layout, the planner automatically calculates the full bill of materials in the background. When they are satisfied, two actions are available: a single 'Add to Bunnings Cart' button that fires the complete parts list to the Bunnings shopping cart via their API — no manual searching, no missed components — and an 'Email My List' option that sends a formatted, printable PDF shopping list to the customer's inbox via Resend, complete with a diagram of their planned layout. The planner was designed to work on both desktop and tablet, accounting for in-store use on a sales associate's iPad as well as at-home planning sessions.
The planner became one of the most-used planning tools in the Bunnings ecosystem. Usage data showed that customers who completed a plan converted to purchase at a dramatically higher rate than those who browsed product pages without using the planner — eliminating the uncertainty that had previously caused so many abandoned carts. The tool has been attributed to over $1 million in trackable sales pipeline, driven by customers who designed a layout and followed through to checkout. Support call volume related to component selection dropped sharply. The brand's Bunnings sales rep described it as the single biggest contributor to their in-channel performance that year.