03 · Case Study
Live · maxpay.framer.website Fintech Landing Page Framer 2025

MaxPay
Landing Page

A marketing landing page for MaxPay, a modern fintech app. Designed and built end to end in Framer, introducing the product, walking through its features, and pointing everything toward one action: download the app.

RoleDesign & Build
Year2025
DisciplineLanding Page
Built withFramer
IOverview

A money app, explained in one scroll.

MaxPay is a fintech product for sending, receiving, and spending money from a single wallet. The landing page is its front door, the first thing a potential user meets before the app store.

I designed and built the whole page in Framer, from layout and type to the motion between sections. The brief I set myself was simple: explain a money app quickly, make it feel trustworthy, and get people to the download button.

IIApproach

How it came together.

01

Reference

Studied fintech and app landing pages to see how the best ones earn trust fast and hold to a single, obvious next step.

02

Structure

Mapped a top-to-bottom story: hero and app shot, security, global payments, how it works, FAQ, each section setting up the download.

03

Build

Designed and built directly in Framer with a lime-on-light system, real app mockups, and 3D props to keep it energetic but clear.

04

Motion

Layered in scroll and entrance animation so the page feels alive on the way down, without getting in the way of reading.

MaxPay landing page shown on a MacBook, the Maximize Your Financial Potential hero
IIIKey Design Decisions

Four choices that shaped the page.

01

App-first hero.

The product shows up immediately: a real phone mockup with a live wallet balance, so visitors see what they're downloading before they read a single line.

02

One job per section.

Security, global payments, instant alerts, each gets its own moment instead of a cramped feature grid, so nothing competes for attention.

03

One clear action.

Every section points back to the same call to action, Download App. No competing buttons, no dead ends, no second-guessing.

04

Energetic, but trustworthy.

A bold lime-and-black system keeps it modern, while flags, security copy, and real numbers do the quiet work of building confidence in a money product.

IVBrand Foundations

A preliminary brand kit.

Before the page came the basics: one electric-lime accent against a near-black ink, a two-typeface system, and a single confident mark. Just enough to keep every screen unmistakably MaxPay.

MaxPay primary logo lockup, lime and ink mark with the MaxPay wordmark
Brand line Maximize Your Financial Potential
Colour
Volt Lime
Primary accent
#C5F908
Ink
Dark surfaces
#1A202C
Jet
Body text
#000000
Cloud
Section background
#F5F7F9
White
Base surface
#FFFFFF
Sky
Feature tint
#D2E8FF
Blush
Feature tint
#F6DDF1
Muted
Secondary text
#718096
Typography
Display · HeadlinesClash Display
Aa
Clash Display
Maximize Your Financial Potential
Regular · Medium · Semibold · Bold
Text · InterfaceGilroy
Aa
Gilroy
Enjoy a smooth banking experience, sending, receiving, and spending in one place.
Regular · Medium · Semibold
A landing page has one job: turn a curious visitor into a download. On building MaxPay in Framer
Gallery

Selected views.

VISIT LIVE See MaxPay
in production →
maxpay.framer.website
NEXT PROJECT · 01
Fintech2025
Redpay Payment
Gateway
View case study

LET'S
WORK
TOGETHER

Liked what you saw? I'm open to full-time roles and select freelance work.
Send a note and I'll reply within 24 hours.