Custom ROI Calculator for Framer

I worked with Adriano Reis to build a custom ROI calculator that wouldn’t have been possible using Framer’s native tools alone. We used the native Framer form to capture emails, and added a custom code override to ensure only work emails are accepted (something Framer doesn’t support out of the box) We wired up the input fields to some more code overrides, to calculate the ROI in the third variant, making sure that the values are instantly updated if the user changes input values. We also took things a step further by enabling A/B testing, allowing the user to determine which flow performs better for lead capture. A code override applied to the main component lets the user control which steps appear and in which sequence. Achieving this with standard Framer variants would have been either extremely difficult or outright impossible. While getting the logic right was important, I also made sure to follow the design indications provided in the Figma file. The result is a cool ROI calculator that can also work as a verified lead capturing system, something that doing in Framer would be impossible without code.