![IMB Bank](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/67ed1df8242bb662a6386690_logo-imb-white.svg) # Qualify IMB Bank’s leads more efficiently with a secure solution - OTPAuthentication workflow - 100%Fraudulent submissions eliminated - 3Levels of protection [Visit website ](https://www.imb.com.au/)![Modern reception area of an IMB Bank branch featuring a spacious double-height lobby, floor-to-ceiling glass façade, contemporary security gates, natural daylight, and prominent IMB Bank branding.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a71f8bfde6eb46cccb7569b_main-imb-bank.jpg)![](https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg)[Work with Digidop ](/contact) - ![A woman holding her phone, with a notification window showing the reception of a verification code](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/68e65b965ead11a26ff13e9f_code-imb-bank-en.avif) - ![A woman passing the verification process with a success interface](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/68e65badc33bfe7dfb6f9bf2_verify-imb-bank-en.avif) - ![](https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg) IndustryFinanceYear2025ServicesEnterpriseDevelopment ## Context & challenges IMB, a major Australian bank, asked us to take on a critical challenge: - **Enhance form security** on their Webflow site to prevent fraudulent submissions. - **Improve lead qualification** by ensuring that only verified users can submit requests. As a banking player, IMB had to meet high standards of security and reliability, while guaranteeing a **fluid user experience** for its visitors. The objective was therefore to implement a robust system, without introducing excessive friction for legitimate users. ## Understanding & consulting We started the project with a scoping and audit phase in collaboration with : - **IT team**: to ensure technical integration and compatibility with internal systems. - **Security & Architecture team**: to meet banking compliance requirements. - **Design team**: to maintain a UX consistent with IMB's brand identity. This collaboration enabled us to define an optimized technical and UX solution, reconciling security and frictionless user experience. ## Solution implemented: OTP with Twilio Verify + Webflow ![Bank website verification interface requesting a 4-digit code, with a blurred background showing an online banking homepage and a photo of a mother with her daughter.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/680275103cd82f7242f5c566_visu-verify.webp) ### Enhanced security via SMS verification We have implemented an OTP (One-Time Password) authentication system to filter out fraudulent submissions. In concrete terms, the workflow works as follows: - The user enters his or her telephone number in a field on the Webflow form. - A **verification code is sent by SMS** via Twilio Verify. - The user must enter this code to validate the submission. - The form is sent only if the code is correct. ### Technical implementation details - **Multi-step form in Webflow** via [Formly](https://www.tryformly.com/docs) to streamline the process. - **Integration of a country selector** for the telephone number with the [Intl Tel Input](https://github.com/jackocnr/intl-tel-input) library, guaranteeing a format compatible with Twilio and a better user experience. - **Backend scripts on Twilio Functions** to manage : `/start-verify`: sending the SMS with the OTP code. - `/check-verify`: verification of the code entered. - Implementation of **secure CORS**, **hidden cookies** on the server side and **HTTPS queries**. ### Why not use reCAPTCHA? reCAPTCHA would have added an extra **friction** to the user experience. The OTP system offers a **better UX** while being more robust against bots, which can't receive and validate an SMS. ## Collaboration & results Thanks to agile collaboration with the various IMB teams, we have achieved significant results: - **Optimized user experience**: smooth process, without unnecessary friction. - **Efficient spam elimination**: elimination of fraudulent submissions. - **Respect for banking security standards**: compliance assured. - **Scalable and documented system**, for easy maintenance and future enhancement. ### Deliverables to customer - **Detailed technical documentation**. - **Technical configuration demo** in read-only Webflow. - **Explanatory Loom video** for in-house team. - **Customized, secure scripts**, ready for deployment. **Stack used** - **Webflow**: front-end and forms management. - **Twilio Verify API**: OTP authentication service. - **JavaScript**: custom scripts for integration. - **Formly**: advanced Webflow-based form solution. - **Intl Tel Input**: management of international numbers. ## Conclusion This project illustrates how a bank can strengthen the security of its Webflow forms while guaranteeing a fluid UX. Thanks to the strategic integration of Twilio and Webflow, IMB now has a robust, scalable system that meets its security requirements. ## Explore more case studies ![Logo 123 investment managers](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/68e65d1f6c0a70fabbdb2986_main%2520image%2520123im.jpg)![](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/68e65d4056f0668b8f00c3b4_header-123-im.avif) How did 123 IM reduce its annual website management costs by 96%, while gaining autonomy and improving SEO performance? x70increase in SEO trafficRead use case [How did 123 IM reduce its annual website management costs by 96%, while gaining autonomy and improving SEO performance?](/cases-studies/123-im)How did 123 IM reduce its annual website management costs by 96%, while gaining autonomy and improving SEO performance?![Avant-garde group band logo with Benjamin Le Maitre sitting on a sofa in the background](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/68e65c832c39ba27115a6610_main-ag-groupe.jpg)![](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/68e65c9a51d39eabfa898279_ag-1.avif) How do we build a unified digital strategy across an entire group to boost visibility, structure growth, and drive acquisition? 12websites launched for the groupRead use case [How do we build a unified digital strategy across an entire group to boost visibility, structure growth, and drive acquisition?](/cases-studies/groupe-avant-garde)How do we build a unified digital strategy across an entire group to boost visibility, structure growth, and drive acquisition?[See all cases ](/cases-studies)Every great website   starts with a conversation[Talk to an expert ](/contact)[Book a call ](/calendly)![Abstract composition of black and gold metallic ribbons with elegant light reflections and smooth gradients. A premium background conveying luxury, modernity, and innovation.](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/6a69a346549deffabdf98afa_shape-cta-footer.webp)