Recreate Interactive Calculator on Web Page

Job ID: 37428133

Budget: $30 – $250 USD

I am looking for a freelancer who can create a new and improved calculator with animated graphics. You can see the current version of our calculator here:
https://www.tierraantigua.com/career-opportunities/commission-checker/

Please note the following changes we are looking for:

1) Change the color scheme to match our new website. Example page for new website here:
https://tierraantiguadev.com/career-opportunities/

2) Currently if the numbers are low enough in the small 'slice' (top pie graph) then the numbers are covered by the larger slice in the pie graph. We need the numbers to always be on the top layer. See attached mock-up.

3) All of the numbers on the pie graph and the form need thousands separators (a comma).

4) All of the numbers on the pie graph need to be expressed as dollars (please add the $).

5) The labels on the top Pie graph should read "Transaction Fees to Tierra Antigua Realty" and "The Commission you Keep". See attached mock-up.

6) The labels on the bottom pie graph should read "The Commission a Traditional Brokerage Keeps" and "The Commission You Keep With a Traditional Brokerage". See attached mock-up.

7) Addition of one field to the bottom of all existing fields - "Current Transaction Fees (in addition to splits or franchise fees)" This should be a dollar input field that is added to the 'Traditional Brokerage' and subtracted from the current 'You' field. See attached mock-up.

8) A new summary field. Located below the form and graphs that reads "Your potential savings! $55,555". The dollar amount displayed should be the difference between "The commission you keep" (on the top pie graph) and "The commission you keep with a traditional brokerage" from the bottom pie graph. See attached mock-up.

9) New form labels should read "Your GCI or Total Home Sales in Dollars", "Your Gross Commission Earned", "Units Sold", "Current Commission Split", "Current Franchise Fees", "Current Transaction Fees (in addition to splits or franchise fees)". See attached mock-up.

This needs to be delivered with clear instructions on how to:

1) Install on a Wordpress site.

2) Modify colors, fonts, and all other CSS properties in the future.

3) Change labels on the form and pie graphs.

The delivered product should work without errors, and should not create any conflicts, or slow the website down. Any issues with installation or coding should be supported and fixed quickly.

The ideal candidate should have the following skills and experience:

- Proficiency in HTML, CSS, PHP, JS, SVG, etc.
- Experience in creating interactive web elements that involve calculations
- Attention to detail to ensure that the finished product looks great and is error-free
- Good communication skills to keep me updated on the progress of the project

If you think you have the skills and experience I am looking for, please submit a proposal with your portfolio and relevant experience.
Related categories: PHP Website Design CSS HTML SVG