I helped move Metrobank's website from Gatsby to Next.js, with an accessible component library and an interactive money quiz.
The brief
Metrobank's website ran on Gatsby with rigid templates, so even routine updates needed a developer, and accessibility fell short.
What I did
We moved the site to Next.js, DatoCMS and Tailwind CSS. I built a library of reusable, accessible blocks the marketing team combines into new pages on their own.
I also built the Money Basics quiz, a short financial health check that gives advice based on your answers.
How it turned out
Content changes that took days of developer time now take hours, done by the marketing team.
