← All Projects

FutureAid

FutureAid Platform Rebuild

StrategyDesign SystemNext.js DevelopmentPerformance Optimization
8 weeks2025Non-Profit
FutureAid Platform Rebuild

Challenge

Legacy WordPress site with 6.1s LCP, inconsistent branding across 40+ pages, and a 2.3% conversion rate on their primary donation CTA. Their engineering team was stretched thin maintaining outdated plugins.

Solution

Full rebuild with Next.js App Router, a custom design system built on shadcn/ui primitives, headless CMS migration to Sanity, and strict performance budgets enforced in CI. We paired every design decision with a Core Web Vitals target.

Results

+28%

Conversion RateLift in donation CTA clicks

1.8s

LCPDown from 6.1s

+120%

Organic Traffic6-month growth

Our discovery sprint revealed that FutureAid had accumulated 14 WordPress plugins, three conflicting analytics scripts, and no shared component library. Donors on mobile were abandoning the page before it even rendered. We mapped the entire donor journey against real performance data and identified three critical bottlenecks.

Our Approach

We migrated FutureAid to Next.js with App Router, replacing WordPress with a headless Sanity CMS that gave their content team full autonomy. Every component was built from a shared design system with strict performance budgets: no page could exceed 200KB of JavaScript, and LCP had to stay under 2.5s on a 4G connection. We introduced streaming for longform storytelling pages and progressive enhancement for donation forms.

"The shader hero immediately clarified our value prop. It feels futuristic and still perfectly on-brand." — Mara Patel, FutureAid
Lumigrid understood that our site is our largest fundraising channel. They treated every millisecond of load time like donor dollars on the table.
Mara Patel

Mara Patel

Director of Digital, FutureAid

Services

StrategyDesign SystemNext.js DevelopmentPerformance Optimization

Have a similar challenge?

Let's talk about what Lumigrid can build for you.

Start a conversation
LUMIGRID
0%