Loading
All Portfolio Projects
PrototypeYouth Development & CSR2024
EmpowaYouth — Digital Presentation Platform
Designed and built a high-impact digital presentation platform for a youth empowerment initiative, demonstrating programme outcomes to donors and institutional stakeholders.
Client: EmpowaYouth (Prototype)
The Brief
EmpowaYouth is a youth empowerment initiative requiring a digital platform that could communicate its programmes, impact, and theory of change to donors, corporate CSR departments, and institutional funders.
The challenge was representing a complex social impact programme in a format that institutional stakeholders — people reading many proposals — would find immediately credible and compelling.
I designed and built a presentation platform that prioritises impact storytelling: quantified outcomes, beneficiary journeys, and programme structure — presented with the visual discipline that serious institutional audiences expect.
The Approach
How I approached this engagement.
Impact Storytelling Architecture
I mapped the key proof points that institutional funders evaluate — reach, outcomes, cost-per-beneficiary, theory of change, governance — and built the content hierarchy around them.
Visual Credibility
Youth empowerment platforms often rely on emotion-led design. I balanced that with the formal credibility signals — clean data presentation, governance information, measurable outcomes — that corporate and institutional funders require.
Motion and Engagement
I used Framer Motion to add purposeful animation that guides attention to key metrics and programme outcomes without distraction.
Responsive Delivery
Funders access platforms on every device. I ensured the presentation quality is consistent across desktop, tablet, and mobile.
The System Built
Architecture and engineering.
A content-forward presentation platform with animated impact metrics, programme storytelling, and donor-focused conversion architecture.
Tech Stack
Next.js 15TypeScriptFramer MotionTailwind CSSCloudflare R2Analytics
Selected Screens
The interface in context.
nwhite.systems
Programme homepage
nwhite.systems
Impact metrics
nwhite.systems
Programme overview
The Outcome
Measurable results.
CSR
funder-ready design
Animated
impact metrics
quantified outcomes on scroll
Prototype
stage
presentation platform, not production
Built With
Next.js 15
TypeScript
Framer Motion
Tailwind CSS
Cloudflare R2
See it live
Visit Live Site
Start a Conversation
Build something like this?
If this work resonates with what you are trying to build, I would like to hear about it. Every engagement begins with a direct conversation — no sales pitch, no junior hand-off.
Start a Project