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