Zoom Casa

The Solution

As a first step, we studied the mortgage calculator that they had in Excel and created the technical specifications based on it, which the client confirmed. This way we were sure that implemented solution would meet the client’s needs and expectations.

Next, we created the wireframes and built a clickable prototype with them. This way it was possible to show how the solution will work on the website. The solution consists of a multi-step process with data inputs and the results page.

When the prototype was confirmed, we moved to the design phase. The client already had a website, so it was decided to use its visual identity. We implemented the visual guides in Figma and applied them to the wireframes. We made designs for desktop and mobile since a lot of traffic on the client’s website was from mobile devices.

The website was built on WordPress, which is one of the systems we use the most. For the mortgage calculator, we developed a custom plugin with a dedicated page template. JavaScript handled the multi-step interactions, while PHP processed the final calculations. An address field used Google services for predictive search, and calls to action with Calendly integration were added at the end to let users easily book a call.

This approach drastically improved the user experience. Previously, users had to request the calculations and wait to receive an Excel file by email, along with instructions on how to interpret it.

With our solution, users can start the calculations immediately on the website, interact with the calculator step by step, and see results in real time. Once they have the results, they can easily contact the client directly without leaving the page.

This streamlined workflow saves time for both users and the client, reduces friction in the decision-making process, and makes the entire experience far more intuitive, efficient, and convenient.