Custom Graphical Product Design

A prominent fantasy draft sports board order site needs to allow its users to custom design fantasy football/Hockety sports boards in its re‐launched Volusion site.

Scenario:Volusion and Custom product design
Platform:Volusion, CakePHP, MySQL

Site should allow the user to custom design a football or hockey draft board. Admin should be able to retrieve all orders that have been paid and print the draftboard directly from the application eliminating the need for a graphic designer to design the draft board image in software tools like Adobe Photoshop or Adobe InDesign..

There were multiple challenges in the problem. Most tough ones were (a) Volusion does not have a custom graphic design tool or plugins (b) whatever solution we come up with should allow a guest user to design the app (c) Volusion does not provide an API to find out whether payment has been received for an orders

Our development team created an external custom PHP app that will allow the a user to custom design a draft kit. This application is called from by clicking the “customize” button on the product page of Volusion by a guest or logged in user. Once the customize button is clicked, the user leaves Volusion page and enters the design application which is opened in the same window. The app allowed the users to add various options to the base product and see the changes in real time along with the prices real time. Once the customer has finished designing the app, he/she is taken back to the Volusion page and the new cost is displayed. User may click “Add to Cart” at this point and continue with the check out. We also built an administration app where an admin can manage various options. By creating a custom API for combining data from Order and payment_log table , we were able to create a an admin dashboard where the admin can also see all the orders with a payment. This Dashboard also allowed an admin to generate the full size printable images of the draft boards with all the options customer has chosen eliminating the need for graphic designers.

Technical Components:
JQuery/Javascript, HTML, Volusion APIs., CakePHP, MySQL.