Part ordering systemFlint Trading
- View of itemised walkway parts in the user's cart
- The custom combo box shows a preview of the pattern
- Patterns combine four colour choices
- An image from which the pattern preview is clipped and assembled
Flint Trading manufactures two decorative thermoplastic paving products. We were charged with developing a web-based ordering system for Flint's contractors.
Assembling an order requires a complex calculation and it was easy for contractors to order too much or too little material for a given job. Each decorative pattern consists of multiple parts and often requires specialty tools for its installation.
We developed a web tool where Flint contractors input the dimensions of their job, select from multiple patterns and colours and the system outputs the required parts and tools.
We faced a challenge in generating the tens of millions of different combinations of producs, patterns and colours. Creating a file for each combination would produce a vast repository that would be difficult to maintain and slow to load in the user's browser. We decided to create a large image for each pattern with all the possible colour combinations. The images are cached in the browser and clipped to reveal the part and colour needed to assemble the requested pattern. As a result there is no perceptible delay when switching between different patterns and colours.
Flint Trading is very happy with the result and has since asked us to add extra patterns to the ordering tool.