A live banking landing page optimised for mobile — then rebuilt from Figma in four languages.
Mobile conversion optimisation on a live, high-traffic HubSpot page, then a Figma-to-HubSpot landing page rolled out across four languages.
Start a similar project- Client
- Mistertango
- Industry
- Fintech & business banking
- Service
- HubSpot Landing Pages, Mobile CRO & Multilingual Build
- Location
- Vilnius, Lithuania
- Timeline
- 2026
What the client was dealing with.
The homepage was receiving live traffic throughout, so every change had to ship via HubSpot draft previews and be published without downtime or form disruption.
The mobile experience buried the primary CTA below the fold, with oversized headline text and an unoptimised HubSpot form embed.
The embedded HubSpot form was collecting real leads — the design had to change while the form's fields, mapping and submissions stayed untouched.
Phase two required matching a detailed Figma design exactly, including spacing, cropping and a black-highlight emphasis treatment, across desktop and mobile.
Localised variants inherited a global header where custom CSS hid the last menu item, breaking the CTA and login links on the Polish, German and French pages.
How we worked through it.
Optimise the mobile funnel first
Rather than a rebuild, phase one targeted the conversion path: CTA pulled above the fold, headline scale reduced, supporting microcopy kept visible, and the HubSpot form restyled for thumb-friendly input.
Ship safely on live traffic
All work happened in HubSpot draft mode with preview links for review, so the client validated each round against the live page before anything was published.
Design integrity, not interpretation
The phase-two landing page was built directly against the Figma file — spacing, padding, image crops and the black-highlight emphasis box measured from the design rather than approximated.
Interaction details that were in the design
A moving social-proof line, a swipeable left/right reviews carousel on mobile matching the desktop review set, cards lifted outside their section, and smooth-scroll anchor navigation for Pricing, How It Works and About.
Built to be cloned and translated
The page was structured so the client's team could duplicate and translate it themselves. When the multilingual global header broke, we removed the offending CSS rule so all four menu items, the CTA and the login link render on every locale.
Stay available after launch
Follow-up requests — inactive anchor links per language, a German CTA button sized to its text instead of stretching full width, and localised pricing visuals — were handled as small scoped fixes rather than a new project each time.
- Mobile-optimised homepage landing page published on live traffic with zero downtime
- Restyled HubSpot form with all existing fields and submissions intact
- Primary CTA and supporting copy visible without scrolling on mobile
- New landing page built from Figma, matched across desktop and mobile
- Swipeable mobile reviews carousel plus animated social-proof strip
- Smooth-scroll anchor navigation across the page sections
- Duplicate footer removed and card treatments corrected to match design
- Working global header, CTA and login link across EN, PL, DE and FR variants
- Mobile UI/UX optimisation of a live landing page
- HubSpot form redesign without touching form logic
- Above-the-fold CTA restructuring for mobile
- New landing page built pixel-accurate from Figma
- Swipeable mobile reviews carousel and animated social proof
- Multilingual rollout: EN, PL, DE and FR with a shared global header
- Ongoing header, navigation and CTA fixes across language variants
“Everything looks excellent, thank you. Checked all landing pages — the header, CTA and login now work across every language version.”
Need something like this in HubSpot?
Tell us what exists today and where you want it to go. We audit first, then quote hours with a not-to-exceed number.