I require a web based tool that will enable me to create a mockup of a layout, automatically, by simply adding the text into the fields and uploading a single image.
- Single page application, that requires no backend technology / server processes.
- Input text for each field required and visualise in real-time on preview display on mockup preview (real-time)
- Upload single image file (PNG / JPG), apply filter to darken image (as per PSD) and render in mockup preview (on image upload)
- 'Download assets' button that will generate the following image assets for individual download:
- w750 x h880 px with image filter applied (JPG)
- w270 x h180 px without image filter applied (JPG)
- mockup including text and other design elements (no phone surrounding) (PNG)
- mockup including text and other design elements (with case surrounding) (PNG)
- Please use the attached drawing / wireframe as a reference, in addition to a PSD that will be provided (preview of PSD also attached)
- Must load and function without any backend server processing (i.e use JS / HTML5 canvas etc)