I am building an online print on demand tool. The final result is a physical object with several faces, each face containing an user-uploaded picture.
I want users to be able to upload a pictures from their own device, and choose on which face each picture is going to be shown.
Ideally I would just show a rendering of the final product, users can move this rendering around with their mouse or by swiping.
Clicking on a face would show a file upload browser dialog, and once a picture has been selected and uploaded the object render would display the user image on the selected face.
Once all available faces have been filled, a "continue to checkout" button gets enabled and allows users to proceed with their journey.
I'm not really satisfied with this solution, which seems clunky and not user-friendly on mobile. Am I missing something? Is there a better, more straightforward solution to this? Am I unnecessarily complicating things, and if that is so what would be the best way out?
Thanks in advance