Create a client-side driven razor blade handle customisation interface, allowing designs to be created with clipart, background images, text and uploaded photos, that can be saved and edited via a members account, and that will communicate with a server-side purchase and production API for printing and posting.
Due to tight timescales and to avoid "reinventing the wheel" the Fabric.js
Of particular difficulty was ensuring the interface would work across mobile devices as well as desktop, with space limitations and the touch interface posing particular problems. This was especially challenging when it came to the "preview" design mode, where the user could see an interactive 3D representation of their design shown on a razor blade handle. Many if not most mobile devices struggled under the processing power required to render the 3D scene using the JSC3D
User designs could be saved to their account and edited at a later date, and when ready purchased through a separately developed shopping process. The final hi-res design, along with the generated JSON code that represented it, would be saved to the server and used in the production of the print-ready PDF file.
At the server side, ASP.Net was used along with the ABCpdf.NET
library to produce A3 sized PDFs of print-ready handle designs. Using information from the printers, and XML to represent the "template" details, the PDF was built using precise spacing values in order to ensure the print would appear in the correct place of the handle. A CMYK profile was embedded in to the PDF to ensure accurate colour reproduction. Additionally, a Deutsche Post - the chosen courier for the project - PDF label was also created for each design, complete with dynamically generated barcodes using the ZXing.Net
library, ready to be affixed to the final package before dispatching to the customer.
As of March 2019 iterations of the customisation interface are still live and in use in various markets.