Intiaj Islam
←All workCase study 07 / 10

Haven Servicing

Mortgage Transparency & Homeowner Wealth Intelligence

High-conversion web experience designed to bring clarity to mortgage servicing, featuring interactive loan amortization tools and fluid SVG animations.

Client
FinTech Enterprise
Field
FinTech & Growth Engineering
Stack
Next.js, React, GSAP, Tailwind
Haven Servicing

Overview

Making mortgage servicing easier to understand

The problem

Mortgage servicing is notoriously opaque. Homeowners face complicated statements, obscure escrow recalculations and confusing refinance options.

What I built

Haven explains it with an approachable interface: animated amortization graphs, visual payoff projections and simple consultation booking, so homeowners understand their loan instead of just paying it.

Features

  1. Responsive Design System
    01

    Responsive Design System

    Pixel-perfect UI built with a scalable, responsive layout—optimized for mobile, tablet, and desktop viewports.

  2. Marketing Website Architecture
    02

    Marketing Website Architecture

    Structured and coded multiple pages with smooth client-side routing, SEO metadata, and dynamic content revalidation.

  3. Kinetic UI & Motion
    03

    Kinetic UI & Motion

    Micro-interactions, smooth hover states, entrance reveals, and custom SVG animations engineered with GSAP.

  4. Third-Party Integrations
    04

    Third-Party Integrations

    Integrated front-end with Calendly, tracking telemetry, lead capture forms, and CRM webhook pipelines.

  5. SEO & Core Web Vitals
    05

    SEO & Core Web Vitals

    Applied semantic HTML5, lazy loading, and asset minification for top-percentile Google PageSpeed scores.

  6. Interactive Amortization Tools
    06

    Interactive Amortization Tools

    Interactive loan calculators, interest savings visualizers, and equity projection charts.

Results

Fluid kinetic animation performance
60 FPSFluid kinetic animation performance
Google Lighthouse Performance score
98/100Google Lighthouse Performance score
Responsive test coverage across mobile viewports
100%Responsive test coverage across mobile viewports
Increase in homeowner consultation leads
40%Increase in homeowner consultation leads

How it's built

Client
Next.js with GSAP kinetic timelines and SVG stroke interpolations
Backend
Serverless edge functions with dynamic static regeneration
Data
Headless content layer with ISR caching
Services
Interactive mortgage amortization & equity projection engines

What shipped

  1. 01Dynamic interactive mortgage calculator with live principal vs interest graphs
  2. 02Hand-crafted SVG path morphs and scroll-triggered kinetic layout reveals
  3. 03Accessible, high-contrast financial UI optimized for consumer trust
  4. 04Sub-second First Contentful Paint across mobile and desktop devices

Next project

Buzzoid→

High-Conversion Social Growth & E-Commerce Web Interface