Leasing České spořitelny: Website with a smart calculator and forms

We merged three independently functioning websites into one

The client originally had three separate websites, which was not very practical for users or for content management. Our task was to create a unified platform.

We combined information and functions from all three websites into one place, so:

• users can now find everything in one place,
• content management is much easier for the Leasing team,
• the website is faster, clearer, and has a cohesive appearance.

From the beginning, it was clear that the new website for Leasing Česká spořitelna must respect the brand's visual style. However, we viewed strict rules as an opportunity for creativity. The result is a website that, while naturally fitting in with other Česká spořitelna pages, stands out due to thoughtful details.

A key component of the entire website is the forms

For the client, it was essential that the forms on the website meet the highest standards. The absolute priority was that they be easy to use, clear, and functional. 

And it works something like this…

Imagine you have a form with 90 fields in front of you. It looks daunting, right? However, we set it up so that only what you actually need is displayed. Once you select the option "Individual," only 20 relevant fields will open up. 

The forms thus adapt to the selection and also:

• display only the necessary fields,
• check mandatory fields, the format of emails, and phone numbers,
• have a logical structure and naturally guide you through the entire process.

Automatic validation will watch every detail

The magic we created for Leasing is called automatic backend validation. The system responds to every change in the form settings and automatically adjusts the rules without the need for manual intervention in the CMS.

What does this mean? Instead of complicated setups, the system goes through all the rules by itself and ensures that everything works exactly as it should. 

The calculator will guide you step by step

On the Leasing Česká spořitelna website, you will find a calculator that will calculate all the basic financing parameters in just a few seconds. The process is simple and clear:

1. Select what you want to finance – a personal or electric car, a motorcycle and an ATV, or a machine or a truck.
   
2. Choose the type of entity – individual or company.
   

Set the calculation method – either based on the loan amount (purchase price + down payment + repayment period) or based on the monthly installment amount.

You can easily set the parameters using sliders. The result will be displayed immediately on the right side of the screen – you will see the amount of the first installment, the monthly installment, and the total repayment period.

For greater flexibility, you can also include the last increased installment. And if you already know how much you can afford to pay, you can simply base the calculation on that amount.

Once you have calculated, just click on "Request without obligation." At that moment, a simple form will open directly in the calculator, where you will fill in your contact details and submit the request.

You will set the calculation method – either based on the loan amount (purchase price + down payment + repayment period) or based on the monthly installment amount.

You can easily adjust the parameters using sliders. The result will be displayed immediately on the right side of the screen – you will see the amount of the first installment, the monthly payment, and the total repayment period.

For greater flexibility, you can also include the last increased installment. And if you already know how much you can afford to pay, you can simply base the calculation on that amount.

Once you have calculated, just click on "Request without obligation." At that moment, a simple form will open directly in the calculator, where you can fill in your contact details and submit your request.

We excelled in security testing

Before the new website came to light, it underwent an important step – penetration tests that assessed its resilience against potential threats. And the result? The website passed with excellent ratings, confirming that the data is reliably protected.

The client gained assurance that their website meets all security requirements and can be fully relied upon.

Accessibility as part of the solution

As we mentioned, forms played a key role on the website. They were the biggest challenge in terms of accessibility due to the number of interactions they involve. We had to set up each element to be easily operated not only with a mouse but also with a keyboard. At the same time, we ensured that it could be handled by people using screen readers.

This meant, for example:

• adding clear information about what can be expanded or selected,
• ensuring that users receive feedback on what they just confirmed,
• setting a logical order of navigation through the page using the keyboard,
• distinguishing images with informational value from purely illustrative ones.
  

Thanks to these adjustments, all users can access the content regardless of the control method or assistive technology they use.

Our accessibility practices were developed right here

Since this was our first project where we addressed accessibility in depth, we dedicated a lot of time to testing and finding the best practices. The result was that we established internal standards that we now apply to other websites as well.

The Leasing website thus meets the new legislative requirements that will take effect in 2025. We also addressed this issue in more detail in a blog article.

Collaboration that doesn't end with the launch

We agreed with the client on a long-term collaboration, so we not only maintain the website but also continuously develop it. This keeps it in shape and allows it to evolve according to the client's current needs.

Are you looking for a similarly extensive and advanced solution for your business? Contact us!