TJ Hope Foundation Website — TJ Hope Foundation
Designed and built a multilingual nonprofit website with Sanity CMS, donation flow, and custom design system using Next.js.
Roles: UI/UX Design, Frontend Development, CMS Integration
I led the design and development of a complete website rebuild for TJ Hope Foundation, a nonprofit organization, transforming both its visual identity and technical foundation.
Design:
Created a custom design system from scratch — defining a color palette (gold, gray, and accent tones), typography scale (Noto Serif/Noto Sans pairing), spacing rules, and responsive breakpoints (375px–1440px)
Designed page layouts for the homepage, about, blog, campaigns, events, donation flow, and registration forms with a focus on accessibility and conversion (driving donations and volunteer sign-ups)
Built reusable UI components (cards, buttons, navigation, footer) ensuring visual consistency across the site
Development:
Built the site on Next.js 15 (App Router) with React 19 and TypeScript for a fast, SEO-friendly experience
Integrated Sanity CMS so the nonprofit's team can independently manage blog posts, campaigns, events, speakers, and FAQs without touching code
Implemented multi-language support (i18n) with locale-based routing for broader accessibility
Built a donation system, plus contact, volunteer, and member registration forms with email notifications via Resend
Added SEO essentials (sitemap, robots.txt, JSON-LD structured data) and a cookie consent system for compliance
Set up performance monitoring with Vercel Analytics and Speed Insights
Tools/Programs used:
Next.js, React, TypeScript, Sanity CMS, SCSS, Figma (if used for design), Tailwind CSS, Vercel
Outcome: Delivered a polished, maintainable site that empowers the foundation's team to manage their own content while providing donors and volunteers with a smooth, modern experience.
1
8
Workabroad — AI Recruitment Platform (Design + Build)
End-to-end design and development for Workabroad, an AI-powered operating system for international recruitment and relocation, automating candidate management, visa documentation, qualification recognition, and migration financing.
I owned the full product; UX/product design across complex enterprise workflows (pipelines, document automation, multi-partner collaboration), the marketing site UI, and frontend development, shipping a polished experience used by agencies and employers relocating 100+ candidates monthly.
Deliverables: Product design · UI design · Marketing site · Frontend development
1
2
27
Impact Axis — Nonprofit Website Redesign
Complete redesign of the website for Impact Axis, a Cameroon-based nonprofit building talent and employability systems for African youth.
The challenge: translate a systems-level mission, experiential learning, employability pipelines, digital & AI literacy into a website that feels bold, purposeful, and distinctly African, speaking to four audiences at once: young people, institutions, funders, and ecosystem builders.
My work covered the full design process: information architecture and sitemap, wireframing, custom iconography, interactive program components, and copy refinement all built around a system designed for clarity and impact.
Deliverables: Site architecture · Wireframes · UI design · Custom SVG icons · Brand-aligned components