Design and Development
The design, layout, logo and branding of the Express Mugs website was done in partnership with Nine Design. There were many technical challenges as it was not your standard online store as they fundamentally only sell one product – a mug! On an individual mug any design can be purchased and printed, additionally some designs can have space for up to two personalisable words to be printed usually being a friend's or the customers own name.
During the payment phase is when all the unique order pdfs are generated, one for each mug design in the every order. Also during the payment phase the website also connects with the Royal Mail API and downloads a delivery label pdf, which is also generated and downloaded to the Express Mugs server.
When the customer enters the checkout stage their unique QR code is generated, this was done by using a specialized library called PHP QR Code Generator and this is then added to each order item pdf which is dynamically generated between the Confirm Order page and payment stages, one for each individual mug purchased in the order. Also during the payment phase the website connects with the Royal Mail API and downloads a delivery label in pdf format which is downloaded and stored on the Express Mugs server.
During the fulfillment stage each individual order pdf is printed out and then burnt on to each mug. The final stage in the process is scanning the QR code on the order pdf which then prints out the corresponding customer label. The final stage was achieved by writing a Visual Basic program that takes order information stored in the QR code when scanned and accesses the Express Mugs MySQL database on the server, over the Internet and retrieves the corresponding customer address label, downloads and then sends it to be printed.