Build a Cost Savings Calculator for Fleet Management Website (WordPress)
Budget: £20 – £250 GBP
I need a fully-embedded, interactive cost-savings calculator for our WordPress site that shows visitors how much they could save by moving their fleet to our management platform. The flow is straightforward: a prospect enters three pieces of information—Number of vehicles, Current monthly subscription cost per vehicle, and Current provider—then clicks Calculate. The tool instantly compares their current spend with our subscription cost and returns a clear monthly and annual savings figure.
Design and UX
• Keep the interface simple and clean, aligned with our existing brand palette and typography.
• A concise progress bar or micro-animation at the moment of calculation is fine, but no heavy graphics; clarity and speed are more important than flash.
• The result screen must include a call-to-action that captures name, e-mail, and phone before revealing the detailed breakdown, turning the calculator into a lead generator.
Functionality requirements
• Responsive layout that works smoothly on mobile, tablet, and desktop.
• Admin-side panel (or ACF options page) where I can adjust our subscription price, tweak savings assumptions, and add/remove providers without touching code.
• Calculations should be near-instant and done client-side unless you prefer a lightweight AJAX approach—whichever keeps page load fast.
• Shortcode or Gutenberg block so I can drop the calculator into any page.
Deliverables
1. WordPress-ready plugin or code snippet with the calculator UI and logic.
2. Back-end settings page for easy parameter updates.
3. Documentation covering installation, customization, and formula explanations.
4. One revision round after initial hand-off to ensure the look-and-feel matches our site.
Acceptance criteria
• Inputs limited to Number of vehicles, Current monthly subscription cost per vehicle, and Current provider.
• Savings displayed in currency with clear “You save £X per month / £Y per year” messaging.
• Lead form gated behind results and sends data to our CRM via webhook (Zapier or native REST route—your choice).
• PageSpeed Insights score above 90 on mobile once the calculator is live.
If you have relevant WordPress calculator examples, feel free to mention them when you respond.
Design and UX
• Keep the interface simple and clean, aligned with our existing brand palette and typography.
• A concise progress bar or micro-animation at the moment of calculation is fine, but no heavy graphics; clarity and speed are more important than flash.
• The result screen must include a call-to-action that captures name, e-mail, and phone before revealing the detailed breakdown, turning the calculator into a lead generator.
Functionality requirements
• Responsive layout that works smoothly on mobile, tablet, and desktop.
• Admin-side panel (or ACF options page) where I can adjust our subscription price, tweak savings assumptions, and add/remove providers without touching code.
• Calculations should be near-instant and done client-side unless you prefer a lightweight AJAX approach—whichever keeps page load fast.
• Shortcode or Gutenberg block so I can drop the calculator into any page.
Deliverables
1. WordPress-ready plugin or code snippet with the calculator UI and logic.
2. Back-end settings page for easy parameter updates.
3. Documentation covering installation, customization, and formula explanations.
4. One revision round after initial hand-off to ensure the look-and-feel matches our site.
Acceptance criteria
• Inputs limited to Number of vehicles, Current monthly subscription cost per vehicle, and Current provider.
• Savings displayed in currency with clear “You save £X per month / £Y per year” messaging.
• Lead form gated behind results and sends data to our CRM via webhook (Zapier or native REST route—your choice).
• PageSpeed Insights score above 90 on mobile once the calculator is live.
If you have relevant WordPress calculator examples, feel free to mention them when you respond.
Related categories:
PHP
Website Design
AJAX
WordPress
HTML
UI / User Interface
Web Development
WordPress Plugin