Web to Print solution on Magneto 2

Front end - Customer selects circular product (for example a round sticker) that can be personalised. Image is static however font that goes around the circle in arc on top and bottom can be edited by typing in a static box on the product page Basic font, font size and ont colour can also be changed. The arc/text path needs to remain central and constant in size and follow an exact path no matter how many letters are added. Once happy the customer can save the design for future ordering if they are logged into their account before checking out. Back end - After customer has placed an order the completed design including personalised font can be downloaded via the admin back end or emailed to us for production. The final result needs to be 1 image in either jpeg or pdf format. It needs to embedded in multiple products in our website, however all the products consist of the same text path and shape. The text need to show as the customer is typing it. It needs to be simple to use so a child could use it. It needs to be responsive to mobile, tablet and pc. I have attached an image of a similar website already using the idea