Design HTML/CSS/JS UI for Web-based Photo-Editing Software #2

We want you to design a much better UI (user interface) for our web-based photo-editing software. Our web-app runs in the web browser, controlled by a mouse (NOT touch-screen). It is a single-page app made of HTML, CSS & JavaScript. It is not a native mobile app. We want our web-app to be easy-to-use. Much easier than Photoshop. So we want a clean, elegant, simple UI, with good UX. Please provide us with a user interface of HTML, CSS, JavaScript, icons, etc. Our product is called Pizza. Here is our new logo & branding: https://www.freelancer.com/contest/Design-a-Logo-for-our-Pizza-PhotoEditing-App-916602-byentry-11804353.html Please integrate this new logo into the design, and make use of the logo colours for branding. == OUR EXISTING PRODUCT DEMO == Here is a link to our existing product demo: [login to view URL] You should make the UI (user interface) look MUCH BETTER than this! You can play with this product demo, to understand how the product works. The workflow is this: 1. User chooses which image they want to edit, from the "film roll" of images. 2. Our software analyses the image, then automatically selects the main object in the photo. 3. User can choose to "include" more in the selection, or "exclude" from the selection. 4. User can increase/decrease the paintbrush size for include/exclude, using the [ or ] keys. 5. User can press "undo" to undo include/exclude operations. 6. User can quickly toggle between different background/foreground display styles, to verify the correctness of the selection. 7. User can download the result on a transparent background or a white background. == DESIGN SPECIFICATION == Please provide your design as HTML, CSS, JavaScript, icons, etc, which we can integrate directly into our website. Please ensure your design works for a variety of desktop web-browser screen sizes. Please also ensure that your design works when the image is PORTRAIT (tall) layout or LANDSCAPE (wide) layout. If you use icons, please only use freely-available icons, and provide us with the icons. Please only use freely-available webfonts, and provide us with the webfont. YOU CAN CHANGE THE EXISTING DESIGN in any way you want. You can add or remove any buttons that you want. You can change any labels or button names that you want to change. Please also provide a single-page image thumbnail gallery in the same design style (so the user can quickly navigate through the images to choose an image to edit). == VISUAL DESIGN INSPIRATION == Here are some of our favourite design-product user interfaces: - Paper App - Sketch App - [login to view URL] - Canva We like those user interfaces because they are simple and easy-to-use. You could also make the UI colours or design look like Adobe Photoshop or Adobe Lightroom. But if you do, the UI should be MUCH LESS COMPLICATED than any Adobe products. == EXTRA PRODUCT FEATURES (OPTIONAL) == Other features we would like to add to the product demo: (optional in your design) - Zoom in/out of the image. - Make the paintbrush size larger/smaller (show it in the UI, so it's easier to discover). - Choose the output image format (PNG, JPG, etc). - Quickly skip forward or backwards between images in the film roll, so batch jobs can be processed quickly. - Any other features that might be very useful. (But not too many new features! Remember that we want a simple UI.)