Interactive Dock Design & Quote-Generator Tool

About the project

Web Developer Required – Interactive 2D & 3D Modular Dock Builder with Quote Generator We are a modular floating dock and pontoon company looking for an experienced developer to build an interactive online 2D and 3D dock configurator for our website. Our modular docking system consists of 500mm × 500mm interconnecting floating cubes, allowing docks, pontoons, walkways and floating platforms to be created in different sizes and configurations. We want customers to be able to design their own dock online, view it in 2D and 3D, add accessories and receive an estimated price or submit the completed design for a formal quotation. Core Functionality 1. 2D Dock Builder Create a simple grid-based design interface based on a 500mm × 500mm grid. Users should be able to: Click or drag to add floating cubes Remove cubes Create rectangular and custom-shaped docks Create fingers, walkways and larger platforms Automatically calculate overall dimensions Zoom and move around the design Undo/redo changes Start from a blank design or potentially select a standard dock template The interface needs to be simple enough for customers with no CAD experience. 2. Accessories / Components Users should be able to add components such as: Handrails Kickboards Aluminium gangways Cleats Ladders Mooring/anchoring points Boat or jet ski dock components Other accessories Some components will attach to a dock edge, while others may attach to a particular cube/location. 3. Interactive 3D View The completed design should be viewable as an interactive 3D model. Users should be able to: Rotate the dock Zoom in/out Pan around the design Switch between 2D and 3D See realistic modular floating cubes and accessories We can provide photographs, measurements and product information to assist with development of the required 3D assets. Experience with Three.js, WebGL, React Three Fiber or similar browser-based 3D technology is highly desirable. 4. Automatic Bill of Materials The system should calculate the components required for the customer's design, for example: Number of floating cubes Connection components Handrail quantity Gangway Cleats Ladders Other accessories The 2D drawing, 3D model, bill of materials and pricing should all be generated from the same underlying configuration data. 5. Pricing / Quote Generator Each component will have pricing stored in the system. As the customer changes the design, the system should calculate an estimated price. We would also like the ability to support: Purchase Pricing and potentially: Hire Pricing Pricing needs to be editable by us through an admin area rather than hard-coded into the application. For larger or more complicated commercial projects, the system may display Request a Quote rather than an automatic final price. 6. Customer Quote Request Once the design is complete, customers should be able to enter details including: Name Company Email Phone Project location Intended application Purchase or hire Required date Hire duration where applicable Additional project information The customer's exact dock configuration should be saved with the enquiry. Ideally, the system would generate a unique project/quote reference and a PDF or similar summary containing: 2D dock layout Overall dimensions 3D image/render Component quantities Estimated pricing Customer/project details The enquiry and design would then be sent to our sales team. Website Integration Our existing website is WordPress. The configurator can be developed as a separate web application and embedded/integrated into the existing website if this provides better performance and maintainability. We are open to recommendations regarding the best architecture. Possible technology could include: React / Next.js TypeScript Three.js / React Three Fiber SVG or Canvas for the 2D builder Supabase/PostgreSQL or similar backend We are not fixed on the technology stack and are interested in recommendations from developers with relevant experience. Mobile / Tablet Support The configurator should work across: Desktop Tablet Mobile Desktop/tablet will likely provide the most advanced design experience, but the mobile version should still be easy to use. Important – Relevant Experience Required This is not a standard WordPress website development project. We are specifically looking for a developer or small team with experience building interactive applications such as: Product configurators 2D layout/design tools Floor planners CAD-style web applications Kitchen/deck/fence configurators 3D product builders Three.js/WebGL applications Please include links, screenshots or videos of similar configurators or interactive applications you have personally developed. Generic applications that do not demonstrate relevant experience will not be considered. Development Approach We would prefer to develop the project in milestones, potentially: Milestone 1: 2D grid-based dock builder prototype Milestone 2: Accessories, component calculations and bill of materials Milestone 3: Interactive 3D visualisation Milestone 4: Pricing and quote generation Milestone 5: Admin controls, website integration and mobile optimisation We would like the successful developer to work with us to refine the functionality and user experience during development. When Applying Please provide: Examples of similar interactive configurators you have developed. Your recommended technology stack. Whether you will personally complete the work or use a team. Your estimated development timeframe. Your estimated budget or milestone pricing. Any recommendations you have for improving the proposed system. We are looking for someone who can potentially continue working with us after the initial project as the configurator is expanded with additional products and functionality.

Skills required