Web online design program before checkout

I need software designing that is modern and html 5 but that does the same job as this video shows: [login to view URL] The customer can select 2 areas of the front and 2 areas of the back to be printed and there are different cross over points. I would provide all the necessary images in whatever format is best however these will be printed so ideally upon design it would output the high quality file directly to me or input (queue) in an .ai template file I would provide. Unlike the video I wish it to fit in with style of site (fullscreen) [login to view URL] I am using wordpress and optmizepress however I would like to integrate into woo commerce or another similar wordpress commerce platform... and even perhaps multiple websites. I then need to in the future employ you to add further functionality so that we offer different products and not just cards. I was thinking like a ajax gallery or choices of image thumbnails in the top 2/3rds of site that have additional categories i.e. "regular card faces" unusual card faces" "gimmicks" and so on... Then there would be a clear way of selecting the cross over point and even selecting 2 images upon the front of the card... then once selected they see their product in the bottom 1/3rd of site... They can then move onto the back of the card again with 2 choices Once selected it remembers their design, they can checkout and it will attach their design to their order or queue up in an illustrator file ready to print... I need it to work on all platforms including apple... be web 2.0 responsive and look awesome cool... and implementable in any website. Please let me know your thoughts as at this time i'm not sure what is and what is not possible! All the best Anthony