Bluer Africa
A digital home for Africa's coastal community development initiative — centering the voices, documenting the vulnerabilities, and amplifying the solutions emerging from the continent's coastlines.
Client
BluerAfrica Coastal Community Development Initiative
Score
89/100
Timeline
10 weeks
Role
Lead Developer & UI/UX Designer
The Challenge
BluerAfrica needed a platform that could hold the weight of their mission: marine governance, climate action, cultural preservation, and a 4K feature documentary on Makoko — all while keeping the communities they serve front and center rather than as passive subjects.
Our Solution
Built a Vite-powered React SPA with a cinematic hero, immersive scroll narratives, and an ImageKit-backed media library for the documentary and visual storytelling. Designed a calm, ocean-toned system (deep navy #0A2E52) with Framer Motion micro-interactions and structured data for discoverability across initiatives and partners.
Key Results
89/100 Lighthouse Performance score
Showcases 5 active initiatives (BluerAfrica Initiative, Floaternity, Echoes of the Coastlines, BOAT Fellowship, Makoko: Coast of Smoke)
Hosts 4K feature documentary 'Makoko: Coast of Smoke'
Partner network featuring All-Atlantic Blue Schools, LASPEMA & AYSOC