We design a line of customized books, prints, and apparels for children. Customers choose among several designs and alphabet letters, and add the name of a child. We currently have an order form where customers specify what they would like to be on their customized order but we need to build a preview page each time before customers can make a purchase.
We want customers to be able to build a preview themselves to make it more interactive and immediate for them to see what they would purchase. At the same time, we would not have to build a preview but would simply concentrate on filling orders.
A design consists of 6 graphic variables: an alphabet letter, an alphabet letter color, a design, a design color, a name font, a name color, a title font, a title color. Customers can choose the variables to create their own designs.
We want an application that will feature 4 main areas: the first will be a load area where the design is dynamically built, the second will be a menu featuring the 6 variables named above and dynamically building the design, the third will be an input field to capture a name the user will type in, the fourth will be a box that dynamically lists all the components of the design.
The application will use images with transparency that will be layered to create a custom design. Important: customers should be able to choose all or some of the variables. For example, they might just choose an alphabet letter and a design, but not a name and title.
We would like a compact tool that we can fit in a table cell that would measure no more than 450px tall and 350px wide. Since we have more than 50 designs, a drop down menu would not work so we think something like an area with a scrollbar would do just fine.
We are attaching a sample of the art work (Adrienprint) we created to give you an idea of what it will look like in the end. We are also attaching 4 sets of images with transparency for you to use to build the application.
We would like a demo using all the images we are attaching so we can test it. Each image is a variable that makes a custom design. Payment will be made through a ScriptLance's escrow account.
Thanks and good luck!!