I'd like to build an interface for my Shopify store - the objective is a very very simple, easy and fast way to create photo books. The user simply uploads all their images (from whichever device) - once they are happy with their photo selection - they click 'fill' and all images are autofilled into their selected template, and then ordered to print - (via PDF).
The Customer journey will be:
Shopify site: Choose book type
Shopify site: Choose template
Land in web-app: Template is mapped out on the page in page-by-page format (similar to Photobook software but without all the functionality)
Web-app: Import images (via PC drag and drop, import from PC, import from Camera roll)
Web-app: User can continue to add/delete images until they are happy with their selection
Web-app: Then they select 'fill', and all images auto-fill into template
Web-app: User has ability to adjust positioning of images (i.e. if a face is cut off in the frame, they can move left, right, up, down etc)
Web-app: User has ability to swap image order - ideally drag and drop from one frame/page to another (or whichever is easiest to build)
Web-app: User clicks buy now
Web-app: Sends order with Hi-res PDF to Shopify backshop
Redirected to Shopify store: Goes through cart process
Shopify: Confirmation email etc
Considerations:
This project scope only requires the web-app development
I will provide Design for the interface
Image upload needs resolution check
Image loading / page loading needs to be fast
Needs logic that calculates number of pages and adjusts price dynamically
Please provide itemised quote so i can pull out features if it gets too expensive
Not precious on timeline
Looking for most cost effective solution
Experience must be as easy and fast as possible
Only functionality available to the customer should be; upload images, adjust image positioning in the frame, change order of images, delete image
If a user deletes an image, all images shuffle out by 1
Platform must be responsive