Optimize Mockup Tool / Web Application for textile Mockups with Canva like editor.
Budget: €1,500 – €3,000 EUR
I’ve already built a browser-based mock-up design tool that generates production-ripe Textile product Design Mockups using complex grid-mesh layouts with help from AI code. The core engine works, but it still feels like a prototype. I now need an experienced product team to polish and enhance and integrate it for real-world use.
What I’m after
• A clean, professional, corporate UI that makes the grid-mesh logic feel intuitive and the usability save
• Full optimisation for desktop users
• Seamless authentication: when a user logs in through Supabase, the app should look up their e-mail and organisation in my existing PostgreSQL database and grant access automatically. No two-factor, social logins or other extras for this phase—just reliable Supabase auth wired to my tables.
Deliverables
1. UI that makes this more user friendly and intuitive and saves progress at all times for further editing of templates.
2. A better preview of the "production resolution", which is lower than displayed
3. Integrated Supabase auth module tied to the existing user table (match on e-mail + organisation).
4. Tool must store designs in Supabase Table using Hashes. through those hashes and organization_id it can be used in the client backend.
5. Optimised front-end build that loads quickly, or shows a progress bar (some images might be heavy)
6. Enhance the integrated graphics and template builder so typical designs can be made (i can show you examples)
7. An embedded Guide for new users to start quick
8. Optimization of the grid mesh definition for a seamless, pixel-perfect presentation of the designs (grids exist but need optimization and connection through clean numbers)
Acceptance criteria
• A new user in the DB can log in first time via Supabase Auth and reach the dashboard with their organisation context correctly set.
• No console errors, CLS <0.1, and Lighthouse performance >90 on desktop.
• UI follows the provided corporate style guide for typography, colour and spacing.
• All functionality and workflows for the user is working as intended
If your team is comfortable with Supabase, Node, React, Javascript / TypeScript, and has a strong eye for desktop-first UI, I’d love to see how you’d approach this and how quickly you can turn it around.
This can be potentially completed with help of AI, but the coder must be extremely knowledgeable as well.
AI alone won't do it.
This is a complex web-application, it is not a project for noobs and developers without experience on advanced applications. I can send you a link once i chat to a human.
What I’m after
• A clean, professional, corporate UI that makes the grid-mesh logic feel intuitive and the usability save
• Full optimisation for desktop users
• Seamless authentication: when a user logs in through Supabase, the app should look up their e-mail and organisation in my existing PostgreSQL database and grant access automatically. No two-factor, social logins or other extras for this phase—just reliable Supabase auth wired to my tables.
Deliverables
1. UI that makes this more user friendly and intuitive and saves progress at all times for further editing of templates.
2. A better preview of the "production resolution", which is lower than displayed
3. Integrated Supabase auth module tied to the existing user table (match on e-mail + organisation).
4. Tool must store designs in Supabase Table using Hashes. through those hashes and organization_id it can be used in the client backend.
5. Optimised front-end build that loads quickly, or shows a progress bar (some images might be heavy)
6. Enhance the integrated graphics and template builder so typical designs can be made (i can show you examples)
7. An embedded Guide for new users to start quick
8. Optimization of the grid mesh definition for a seamless, pixel-perfect presentation of the designs (grids exist but need optimization and connection through clean numbers)
Acceptance criteria
• A new user in the DB can log in first time via Supabase Auth and reach the dashboard with their organisation context correctly set.
• No console errors, CLS <0.1, and Lighthouse performance >90 on desktop.
• UI follows the provided corporate style guide for typography, colour and spacing.
• All functionality and workflows for the user is working as intended
If your team is comfortable with Supabase, Node, React, Javascript / TypeScript, and has a strong eye for desktop-first UI, I’d love to see how you’d approach this and how quickly you can turn it around.
This can be potentially completed with help of AI, but the coder must be extremely knowledgeable as well.
AI alone won't do it.
This is a complex web-application, it is not a project for noobs and developers without experience on advanced applications. I can send you a link once i chat to a human.