Savings Calculator Developer
We are seeking a skilled Webflow Developer to rebuild a fully functional savings calculator, based on this live example:
optiply.com/nl/voorraad-besparingscalculator/
I will provide a custom Figma design. Your task is to recreate this calculator in Webflow with the exact same functionality and logic, styled according to the new design.
Scope of Work:
• Build the calculator layout in Webflow, based on the design I’ll provide in Figma
• Use the same input fields as the current version:
• Average purchase value
• Purchase orders per month
• Purchase order cost
• Annual stock value
• Apply the same calculation logic:
• 67% savings on ordering costs
• 20% reduction on stock value
• Live update of calculated results when inputs change
• Clean number formatting in Euros
• Basic input validation (no empty or negative values)
• Fully responsive and pixel-perfect implementation
• Front-end only: no data storage, no CMS
Tech Requirements:
• Expert-level Webflow skills (Client-First structure preferred)
• Solid understanding of JavaScript for embedding logic into Webflow
• Experience with interactive components such as calculators or ROI tools
Deliverables:
• A working calculator within the Webflow Designer
• Fully functioning logic and layout
• Implemented exactly as in the current version, but styled according to the new Figma file
• Cleanly structured and easy to maintain
Timeline:
• Start: Immediately
• Deadline: Within 4 days after receiving the Figma design
Job Qualifications
- Solid understanding of JavaScript for embedding logic into Webflow
- Experience with interactive components such as calculators or ROI tools
Job Benefits
- Deadline: Within 4 days after receiving the Figma design
Job Responsibilities
- Your task is to recreate this calculator in Webflow with the exact same functionality and logic, styled according to the new design
- Build the calculator layout in Webflow, based on the design I’ll provide in Figma
- Use the same input fields as the current version:
- Average purchase value
- Purchase orders per month
- Purchase order cost
- Annual stock value
- Apply the same calculation logic:
- 67% savings on ordering costs
- 20% reduction on stock value
- Live update of calculated results when inputs change
- Clean number formatting in Euros
- Basic input validation (no empty or negative values)
- Fully responsive and pixel-perfect implementation
- Front-end only: no data storage, no CMS
- A working calculator within the Webflow Designer
- Fully functioning logic and layout
- Implemented exactly as in the current version, but styled according to the new Figma file
- Cleanly structured and easy to maintain