gabriel.quainoo
All case studies

YPF Africa Website

The official digital front door of a pan-African youth organization.

Role

Full-Stack Software Engineer

Category

Organizational Web Platform · 2025

Visit live site
ypfafrica.org
YPF Africa Website interface

Overview

The public face of YPF Africa. I designed and developed the organization's official platform, giving it a modern presence that communicates its mission and connects visitors to its work.

The problem

The organization's reach and programs had outgrown its online presence. It needed a platform that could present its mission credibly to partners, members, and the public.

The solution

I built a fast, content-rich site with smooth motion and a clear information architecture, backed by the same production infrastructure as the organization's management system.

My contribution

  • Designed and built the full website frontend
  • Developed backend services and content endpoints
  • Implemented the design language with Tailwind CSS and Framer Motion
  • Deployed and configured the production environment on Azure

Key features

  • Organization mission and program pages
  • Modern animated interface
  • Content managed through backend services
  • Production deployment with custom domain

Stack

Next.jsTypeScriptReactTailwind CSSZustandFramer MotionNode.jsExpressDrizzle ORMPostgreSQLAzure

Built for every screen

The platform is fully responsive, so the same experience holds up on the phones most users actually carry.

YPF Africa Website on mobile

Outcome

YPF Africa now has an official platform that matches the scale of its mission, live at ypfafrica.org and serving as the entry point to the wider ecosystem including the UMS.