
Business Context
Liquidity Group is a fintech company using AI and machine learning to provide data-driven lending solutions. Their existing website was a basic template site that failed to communicate the sophistication of their technology platform. Potential clients — enterprise CFOs and treasury managers — were bouncing within seconds because the site read like a generic fintech landing page rather than a credible institutional platform.
Technical Challenge
Build a high-conversion corporate site that translated complex AI-driven lending products into clear, compelling narratives — without dumbing them down. The tension was between visual storytelling (animations, data visualizations) and performance (institutional clients often access from corporate networks with strict security proxies and older browsers). Additionally, all content had to meet financial services compliance requirements: no implied guarantees, proper disclaimers, and audit-ready content versioning.
Approach & Decisions
I built the site with Vue and Vuetify, using a content-first architecture. Each product page followed a progressive disclosure pattern: a simple value proposition above the fold, expanding into technical detail as users scrolled. I implemented lightweight SVG-based data visualizations instead of heavy charting libraries — they loaded instantly and worked without JavaScript for compliance crawlers. For compliance, I built a content versioning system using Git tags: every published version of every page was traceable to a specific commit, satisfying the audit trail requirement without adding a CMS. I also implemented comprehensive E2E testing with Playwright, covering every compliance-critical user flow.
Outcomes
Lead generation increased 30%, 15 new SEO keywords ranked on page one, and page load errors dropped 60%. The compliance team approved the site in a single review cycle — a first for the company. Average time-to-first-meaningful-paint dropped to 1.2 seconds.
System Design
Key Technical Decisions
Data Visualization Approach
Custom lightweight SVG components
D3.js, Chart.js, Highcharts
Charting libraries added 200-400KB to the bundle and required JavaScript execution. Custom SVGs rendered instantly, worked in compliance crawlers that blocked JS, and gave full design control over the brand-specific visual language.
Content Compliance Strategy
Git-based content versioning with tagged releases
CMS with approval workflows, Database with audit log
Git tags provided a complete audit trail with zero infrastructure overhead. Every page version was traceable to a commit, reviewer, and approval. This satisfied the compliance team without adding CMS complexity.
Performance vs. Animation Balance
CSS animations with IntersectionObserver triggers, no animation library
GSAP, Framer Motion, Lottie
Corporate network proxies frequently blocked or slowed third-party scripts. CSS animations with vanilla IntersectionObserver kept the total JS bundle under 150KB while still delivering smooth scroll-triggered reveals.
Before & After
Lead Generation Funnel
Generic contact form with 2% conversion rate.
Progressive disclosure product pages with contextual CTAs achieving 6% conversion rate.
Compliance Review Cycle
3-4 review cycles per content update, taking 2-3 weeks.
Single review cycle with Git-based audit trail, approved in 2-3 days.
Want results like these
for your product?
Let's collaborate to build fast, accessible, and high-converting digital experiences that drive real business impact.
Let's Talk
Currently available for select consulting engagements and full-time roles.