Back to work
Fintech Landing/2025/Frontend Developer

Lumen

Trust, built in scroll seconds.

View live demo
Lumen
Client
Self-initiated project
Timeline
Solo build
Role
Frontend Developer
Year
2025

Overview

Lumen is a concept launch site for a neobank aimed at freelancers and creators. I built it to practice conversion-focused landing pages — earning trust with design and motion when there is no product to show yet.

The Challenge

A landing page has seconds to feel trustworthy and get someone to act. The challenge was explaining an abstract product with motion instead of walls of text, and making the signup feel effortless.

The Solution

A Framer Motion-choreographed marketing site with an interactive mock product demo, animated illustrations that explain concepts like "no monthly fees" without heavy copy, and a two-tap waitlist flow with instant confirmation (mock data).

What I built.

01

Interactive demo

Scroll-driven mock app — see the UX before signing up.

02

Animated explainers

Framer Motion illustrations for fees, security and benefits.

03

Two-tap waitlist

Email to position number to share link. Zero friction.

04

Referral concept

Move up the waitlist by sharing — a simple referral flow.

05

Motion system

A consistent easing and timing language across the page.

06

Responsive

Tuned from mobile up, with reduced-motion support.

The process.

Step 1

Trust study

Studied what signals trust on fintech sites, and what kills it.

Step 2

Build

React + Framer Motion, mock product demo, waitlist flow.

Step 3

Polish

Reduced-motion support, responsive pass, micro-interactions.

The Impact

Scroll
Interactive demo
Mock app UX before signup
2-tap
Waitlist flow
Email to position to share link
Framer
Motion
Animated explainer illustrations
"Lumen was about earning trust with motion. I built the interactive product demo and the two-tap waitlist to practice conversion-focused landing pages."
H
Hunain
Builder's note · Self-initiated build

Next project

Orbit Studio