Finspire
Developing Qatar's first AI-powered financial literacy platform in Framer — with pixel-perfect design fidelity, seamless Arabic/English localization, RTL support, and optimized video integration for a bilingual Qatari audience.
About the Project
Finspire is Qatar's first AI-powered financial literacy platform, helping users track spending, manage budgets, and build retirement savings through intelligent automation and personalized financial roadmaps. With a complete design already in hand, I was brought in to develop the full website in Framer — handling everything from component architecture to bilingual localization and promotional video integration.
The Challenge
The project demanded more than a standard Framer build. Translating a sophisticated design into a fully interactive, bilingual website required maintaining pixel-perfect fidelity while implementing seamless English-to-Arabic language switching — including full RTL layout mirroring. Layered on top: integrating video content without sacrificing load times or performance across devices.
The Solution
Three pillars drove the build:
High-Fidelity Framer Development — Translated the complete design system into Framer with precision, building reusable components for app showcase cards, partner logos, and feature sections. Implemented responsive breakpoints across desktop, tablet, and mobile while maintaining visual hierarchy and optimizing for performance.
Bilingual Localization & RTL Support — Built a robust English/Arabic language switching system with mirrored component variants that automatically adjust layout direction, text alignment, and navigation flow. All copy, UI elements, and CTAs localize consistently while preserving brand voice across both languages.
Video Integration & Performance — Strategically embedded promotional video content throughout the page using lazy loading, optimized file formats, and fallback images for slower connections — ensuring smooth playback that enhances rather than hinders the experience across all devices and connection speeds.
