Fintech · Next.js · Payments
PPAY
Year
2026
Duration
4 weeks
Role
Frontend Developer
Category
Web
Overview
Client Type
Web Product
Delivered
2026
Timeline
4 weeks
PPAY's marketing website showcases the full product, 9 core features including gift cards, airtime and data top-ups, live crypto and fiat rates, virtual numbers, instant transfers, virtual and physical cards, offline NearPay payments, savings, and a WhatsApp bot. Covering 10+ countries across Africa.
The Challenge
A fintech landing page needs to communicate complex product capabilities clearly and fast. Users must understand the full value proposition within seconds, across any device and connection speed.
The Solution
Next.js 16 with Tailwind CSS and Framer Motion. Each feature gets a dedicated scroll-triggered section with phone mockups and concise copy. Parallax scroll effects in the hero, a download-focused CTA architecture throughout, and optimized image handling for fast mobile loads.
Features
What Was Built
Gift Cards
Showcase of 500+ supported brands. Apple, Amazon, Netflix, Xbox, with instant delivery messaging.
Airtime & Data
MTN, Airtel, Glo, and 9mobile top-up feature section with 24/7 availability emphasis.
NearPay
Offline peer-to-peer payment technology highlighted as a proprietary world-first, zero internet required.
Live Rates
Real-time crypto and fiat exchange rate converter section with built-in buy/sell signals.
Virtual Cards
USD virtual card and premium physical Mastercard feature presentation with instant issuance copy.
Outcomes
Results
All 9 product features presented with interactive scroll animations
NearPay offline payment tech positioned as a world-first differentiator
Conversion-optimized layout from hero to App Store and Play Store CTAs
Stack
Technologies Used
Next.js
TypeScript
React
TailwindWork Together
Want Something Like This?
Let's talk about your project. I typically respond within 24 hours.