Visual configurator - sedcard designer with woocommerce integration

General information for the website: People / Model Agency
Kind of development: Customization of existing website
Num. of web pages/modules: 1
Description of every page/module: SHORT VERSION
-------------
Create a sedcard designer/configurator
- UI design
- choose template
- choose color scheme
- choose grid
- image uploader + crop
- text/data input
- realtime preview
- create printable pdf
- integrate with woocommerce
Description of requirements/features: LONG VERSION
------------
FUNTIONALITY MOCKUP
https://gomockingbird.com/projects/4vq1gb4/aHooNN (click on PREVIEW)


We are driving a model agency (https://prettynormal.de)

This project is about creating a "SEDCARD DESIGNER / CONFIGURATOR".
Just for your information, this is a sedcard: https://en.wikipedia.org/wiki/Comp_card

In the first step a UI design is needed (mockup), for desktop and mobile. This must have been approved first before starting the coding part.
It needs to fit with our current CI on https://prettynormal.de
The configurator can be set up with different steps to go through, or all on one page.
It just needs to be modern and state of the art. Your own ideas are highly appreciated.

The configurator should work on mobile too. So responsiveness is a big issue, keep that in mind.

The user can choose from different templates, choose different image grid options inside of the choosen template, upload images and provide text/information to be shown on the sedcard.
There is a realtime preview to show the front/back of the sedcard. The image placeholder opens up the image-upload dialogue when clicked.
After uploading an image the resolution will be checked for printability and a cropping option will apply to choose a custom cutout with the correct aspect ratio.
At the end of the process we need a printable PDF file (300dpi / cmyk) that is submitted to us with the custom designed sedcard of our client.
We think its best to use mpdf/fpdf for the pdf generation, but we are also open for suggestions.

Our website is based on wordpress with woocommerce. The sedcard product needs to be taken to the cart when its finished and the order process should be the standard woocommerce procedure.
The generated PDF needs to be attached to the order and also sent by email.

The client can choose if he wants just a downloadable pdf file or if he also wants the card to be printed by us. So there needs to be an option for choosing this and also set the amount of printed cards.

I have made as rough mockup of the functionality here:
https://gomockingbird.com/projects/4vq1gb4/aHooNN (click on PREVIEW)
The finished configurator MUST NOT look like the mockup, this is just a draft.
It should be intuitive and easy to work with.

The text/data that the user provides should be optional, see the mockup.

We will provide the different designs and grid options for the sedcard.
You need to make templates from it to use with the configurator.

---

If you have any questions, please ask UPFRONT before placing your bid.
And keep in mind, we are only take accurate bids into consideration. No copy&paste or standard text.

READ THE DESCRIPTION CAREFULLY!
Similar urls: https://gomockingbird.com/projects/4vq1gb4/aHooNN
Extra notes: ***PLEASE READ FIRST BEFORE BIDDING***

Bids with copy&paste text/info will NOT be taken into consideration. Its not about the speed of your bid but the accuracy. Please read the description carefully FIRST and place your realistic bid afterwards.
Please only bid if you are familiar with these kind of projects, and have already worked on configurators, mpdf/fpdf & woocommerce.
We will not make milestone payments for a partly solved job - and to say it upfront, we are pretty demanding.

***PLEASE READ FIRST BEFORE BIDDING***